/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: "Phosphor";
  src: url("./Phosphor.woff2") format("woff2"), url("./Phosphor.woff") format("woff"), url("./Phosphor.ttf") format("truetype"), url("./Phosphor.svg#Phosphor") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ph {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph.ph-acorn:before {
  content: "\eb9a";
}
.ph.ph-address-book:before {
  content: "\e6f8";
}
.ph.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph.ph-airplane:before {
  content: "\e002";
}
.ph.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph.ph-airplane-landing:before {
  content: "\e502";
}
.ph.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph.ph-airplay:before {
  content: "\e004";
}
.ph.ph-alarm:before {
  content: "\e006";
}
.ph.ph-alien:before {
  content: "\e8a6";
}
.ph.ph-align-bottom:before {
  content: "\e506";
}
.ph.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph.ph-align-left:before {
  content: "\e50e";
}
.ph.ph-align-left-simple:before {
  content: "\eaee";
}
.ph.ph-align-right:before {
  content: "\e510";
}
.ph.ph-align-right-simple:before {
  content: "\eb12";
}
.ph.ph-align-top:before {
  content: "\e512";
}
.ph.ph-align-top-simple:before {
  content: "\eb14";
}
.ph.ph-amazon-logo:before {
  content: "\e96c";
}
.ph.ph-ambulance:before {
  content: "\e572";
}
.ph.ph-anchor:before {
  content: "\e514";
}
.ph.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph.ph-android-logo:before {
  content: "\e008";
}
.ph.ph-angle:before {
  content: "\e7bc";
}
.ph.ph-angular-logo:before {
  content: "\eb80";
}
.ph.ph-aperture:before {
  content: "\e00a";
}
.ph.ph-app-store-logo:before {
  content: "\e974";
}
.ph.ph-app-window:before {
  content: "\e5da";
}
.ph.ph-apple-logo:before {
  content: "\e516";
}
.ph.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph.ph-approximate-equals:before {
  content: "\edaa";
}
.ph.ph-archive:before {
  content: "\e00c";
}
.ph.ph-armchair:before {
  content: "\e012";
}
.ph.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph.ph-arrow-down:before {
  content: "\e03e";
}
.ph.ph-arrow-down-left:before {
  content: "\e040";
}
.ph.ph-arrow-down-right:before {
  content: "\e042";
}
.ph.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph.ph-arrow-left:before {
  content: "\e058";
}
.ph.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph.ph-arrow-line-left:before {
  content: "\e062";
}
.ph.ph-arrow-line-right:before {
  content: "\e064";
}
.ph.ph-arrow-line-up:before {
  content: "\e066";
}
.ph.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph.ph-arrow-right:before {
  content: "\e06c";
}
.ph.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph.ph-arrow-square-left:before {
  content: "\e074";
}
.ph.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph.ph-arrow-square-right:before {
  content: "\e076";
}
.ph.ph-arrow-square-up:before {
  content: "\e078";
}
.ph.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph.ph-arrow-up:before {
  content: "\e08e";
}
.ph.ph-arrow-up-left:before {
  content: "\e090";
}
.ph.ph-arrow-up-right:before {
  content: "\e092";
}
.ph.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph.ph-arrows-down-up:before {
  content: "\e098";
}
.ph.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph.ph-arrows-in:before {
  content: "\e09a";
}
.ph.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph.ph-arrows-out:before {
  content: "\e0a2";
}
.ph.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph.ph-arrows-split:before {
  content: "\ed3c";
}
.ph.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph.ph-article:before {
  content: "\e0a8";
}
.ph.ph-article-medium:before {
  content: "\e5e0";
}
.ph.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph.ph-asclepius:before {
  content: "\ee34";
}
.ph.ph-caduceus:before {
  content: "\ee34";
}
.ph.ph-asterisk:before {
  content: "\e0aa";
}
.ph.ph-asterisk-simple:before {
  content: "\e832";
}
.ph.ph-at:before {
  content: "\e0ac";
}
.ph.ph-atom:before {
  content: "\e5e4";
}
.ph.ph-avocado:before {
  content: "\ee04";
}
.ph.ph-axe:before {
  content: "\e9fc";
}
.ph.ph-baby:before {
  content: "\e774";
}
.ph.ph-baby-carriage:before {
  content: "\e818";
}
.ph.ph-backpack:before {
  content: "\e922";
}
.ph.ph-backspace:before {
  content: "\e0ae";
}
.ph.ph-bag:before {
  content: "\e0b0";
}
.ph.ph-bag-simple:before {
  content: "\e5e6";
}
.ph.ph-balloon:before {
  content: "\e76c";
}
.ph.ph-bandaids:before {
  content: "\e0b2";
}
.ph.ph-bank:before {
  content: "\e0b4";
}
.ph.ph-barbell:before {
  content: "\e0b6";
}
.ph.ph-barcode:before {
  content: "\e0b8";
}
.ph.ph-barn:before {
  content: "\ec72";
}
.ph.ph-barricade:before {
  content: "\e948";
}
.ph.ph-baseball:before {
  content: "\e71a";
}
.ph.ph-baseball-cap:before {
  content: "\ea28";
}
.ph.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph.ph-basket:before {
  content: "\e964";
}
.ph.ph-basketball:before {
  content: "\e724";
}
.ph.ph-bathtub:before {
  content: "\e81e";
}
.ph.ph-battery-charging:before {
  content: "\e0ba";
}
.ph.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph.ph-battery-empty:before {
  content: "\e0be";
}
.ph.ph-battery-full:before {
  content: "\e0c0";
}
.ph.ph-battery-high:before {
  content: "\e0c2";
}
.ph.ph-battery-low:before {
  content: "\e0c4";
}
.ph.ph-battery-medium:before {
  content: "\e0c6";
}
.ph.ph-battery-plus:before {
  content: "\e808";
}
.ph.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph.ph-battery-warning:before {
  content: "\e0c8";
}
.ph.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph.ph-beach-ball:before {
  content: "\ed24";
}
.ph.ph-beanie:before {
  content: "\ea2a";
}
.ph.ph-bed:before {
  content: "\e0cc";
}
.ph.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph.ph-beer-stein:before {
  content: "\eb62";
}
.ph.ph-behance-logo:before {
  content: "\e7f4";
}
.ph.ph-bell:before {
  content: "\e0ce";
}
.ph.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph.ph-bell-simple:before {
  content: "\e0d0";
}
.ph.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph.ph-bell-slash:before {
  content: "\e0d4";
}
.ph.ph-bell-z:before {
  content: "\e5ee";
}
.ph.ph-belt:before {
  content: "\ea2c";
}
.ph.ph-bezier-curve:before {
  content: "\eb00";
}
.ph.ph-bicycle:before {
  content: "\e0d6";
}
.ph.ph-binary:before {
  content: "\ee60";
}
.ph.ph-binoculars:before {
  content: "\ea64";
}
.ph.ph-biohazard:before {
  content: "\e9e0";
}
.ph.ph-bird:before {
  content: "\e72c";
}
.ph.ph-blueprint:before {
  content: "\eda0";
}
.ph.ph-bluetooth:before {
  content: "\e0da";
}
.ph.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph.ph-boat:before {
  content: "\e786";
}
.ph.ph-bomb:before {
  content: "\ee0a";
}
.ph.ph-bone:before {
  content: "\e7f2";
}
.ph.ph-book:before {
  content: "\e0e2";
}
.ph.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph.ph-book-open:before {
  content: "\e0e6";
}
.ph.ph-book-open-text:before {
  content: "\e8f2";
}
.ph.ph-book-open-user:before {
  content: "\ede0";
}
.ph.ph-bookmark:before {
  content: "\e0e8";
}
.ph.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph.ph-bookmarks:before {
  content: "\e0ec";
}
.ph.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph.ph-books:before {
  content: "\e758";
}
.ph.ph-boot:before {
  content: "\ecca";
}
.ph.ph-boules:before {
  content: "\e722";
}
.ph.ph-bounding-box:before {
  content: "\e6ce";
}
.ph.ph-bowl-food:before {
  content: "\eaa4";
}
.ph.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph.ph-bowling-ball:before {
  content: "\ea34";
}
.ph.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph.ph-archive-box:before {
  content: "\e00e";
}
.ph.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph.ph-boxing-glove:before {
  content: "\ea36";
}
.ph.ph-brackets-angle:before {
  content: "\e862";
}
.ph.ph-brackets-curly:before {
  content: "\e860";
}
.ph.ph-brackets-round:before {
  content: "\e864";
}
.ph.ph-brackets-square:before {
  content: "\e85e";
}
.ph.ph-brain:before {
  content: "\e74e";
}
.ph.ph-brandy:before {
  content: "\e6b4";
}
.ph.ph-bread:before {
  content: "\e81c";
}
.ph.ph-bridge:before {
  content: "\ea68";
}
.ph.ph-briefcase:before {
  content: "\e0ee";
}
.ph.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph.ph-broadcast:before {
  content: "\e0f2";
}
.ph.ph-broom:before {
  content: "\ec54";
}
.ph.ph-browser:before {
  content: "\e0f4";
}
.ph.ph-browsers:before {
  content: "\e0f6";
}
.ph.ph-bug:before {
  content: "\e5f4";
}
.ph.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph.ph-bug-droid:before {
  content: "\e5f8";
}
.ph.ph-building:before {
  content: "\e100";
}
.ph.ph-building-apartment:before {
  content: "\e0fe";
}
.ph.ph-building-office:before {
  content: "\e0ff";
}
.ph.ph-buildings:before {
  content: "\e102";
}
.ph.ph-bulldozer:before {
  content: "\ec6c";
}
.ph.ph-bus:before {
  content: "\e106";
}
.ph.ph-butterfly:before {
  content: "\ea6e";
}
.ph.ph-cable-car:before {
  content: "\e49c";
}
.ph.ph-cactus:before {
  content: "\e918";
}
.ph.ph-cake:before {
  content: "\e780";
}
.ph.ph-calculator:before {
  content: "\e538";
}
.ph.ph-calendar:before {
  content: "\e108";
}
.ph.ph-calendar-blank:before {
  content: "\e10a";
}
.ph.ph-calendar-check:before {
  content: "\e712";
}
.ph.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph.ph-calendar-minus:before {
  content: "\ea14";
}
.ph.ph-calendar-plus:before {
  content: "\e714";
}
.ph.ph-calendar-slash:before {
  content: "\ea12";
}
.ph.ph-calendar-star:before {
  content: "\e8b2";
}
.ph.ph-calendar-x:before {
  content: "\e10c";
}
.ph.ph-call-bell:before {
  content: "\e7de";
}
.ph.ph-camera:before {
  content: "\e10e";
}
.ph.ph-camera-plus:before {
  content: "\ec58";
}
.ph.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph.ph-camera-slash:before {
  content: "\e110";
}
.ph.ph-campfire:before {
  content: "\e9d8";
}
.ph.ph-car:before {
  content: "\e112";
}
.ph.ph-car-battery:before {
  content: "\ee30";
}
.ph.ph-car-profile:before {
  content: "\e8cc";
}
.ph.ph-car-simple:before {
  content: "\e114";
}
.ph.ph-cardholder:before {
  content: "\e5fa";
}
.ph.ph-cards:before {
  content: "\e0f8";
}
.ph.ph-cards-three:before {
  content: "\ee50";
}
.ph.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph.ph-caret-circle-left:before {
  content: "\e120";
}
.ph.ph-caret-circle-right:before {
  content: "\e122";
}
.ph.ph-caret-circle-up:before {
  content: "\e124";
}
.ph.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph.ph-caret-double-down:before {
  content: "\e126";
}
.ph.ph-caret-double-left:before {
  content: "\e128";
}
.ph.ph-caret-double-right:before {
  content: "\e12a";
}
.ph.ph-caret-double-up:before {
  content: "\e12c";
}
.ph.ph-caret-down:before {
  content: "\e136";
}
.ph.ph-caret-left:before {
  content: "\e138";
}
.ph.ph-caret-line-down:before {
  content: "\e134";
}
.ph.ph-caret-line-left:before {
  content: "\e132";
}
.ph.ph-caret-line-right:before {
  content: "\e130";
}
.ph.ph-caret-line-up:before {
  content: "\e12e";
}
.ph.ph-caret-right:before {
  content: "\e13a";
}
.ph.ph-caret-up:before {
  content: "\e13c";
}
.ph.ph-caret-up-down:before {
  content: "\e140";
}
.ph.ph-carrot:before {
  content: "\ed38";
}
.ph.ph-cash-register:before {
  content: "\ed80";
}
.ph.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph.ph-castle-turret:before {
  content: "\e9d0";
}
.ph.ph-cat:before {
  content: "\e748";
}
.ph.ph-cell-signal-full:before {
  content: "\e142";
}
.ph.ph-cell-signal-high:before {
  content: "\e144";
}
.ph.ph-cell-signal-low:before {
  content: "\e146";
}
.ph.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph.ph-cell-tower:before {
  content: "\ebaa";
}
.ph.ph-certificate:before {
  content: "\e766";
}
.ph.ph-chair:before {
  content: "\e950";
}
.ph.ph-chalkboard:before {
  content: "\e5fc";
}
.ph.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph.ph-champagne:before {
  content: "\eaca";
}
.ph.ph-charging-station:before {
  content: "\e8d0";
}
.ph.ph-chart-bar:before {
  content: "\e150";
}
.ph.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph.ph-chart-donut:before {
  content: "\eaa6";
}
.ph.ph-chart-line:before {
  content: "\e154";
}
.ph.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph.ph-chart-line-up:before {
  content: "\e156";
}
.ph.ph-chart-pie:before {
  content: "\e158";
}
.ph.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph.ph-chart-polar:before {
  content: "\eaa8";
}
.ph.ph-chart-scatter:before {
  content: "\eaac";
}
.ph.ph-chat:before {
  content: "\e15c";
}
.ph.ph-chat-centered:before {
  content: "\e160";
}
.ph.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph.ph-chat-centered-text:before {
  content: "\e166";
}
.ph.ph-chat-circle:before {
  content: "\e168";
}
.ph.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph.ph-chat-dots:before {
  content: "\e170";
}
.ph.ph-chat-slash:before {
  content: "\e15e";
}
.ph.ph-chat-teardrop:before {
  content: "\e172";
}
.ph.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph.ph-chat-text:before {
  content: "\e17a";
}
.ph.ph-chats:before {
  content: "\e17c";
}
.ph.ph-chats-circle:before {
  content: "\e17e";
}
.ph.ph-chats-teardrop:before {
  content: "\e180";
}
.ph.ph-check:before {
  content: "\e182";
}
.ph.ph-check-circle:before {
  content: "\e184";
}
.ph.ph-check-fat:before {
  content: "\eba6";
}
.ph.ph-check-square:before {
  content: "\e186";
}
.ph.ph-check-square-offset:before {
  content: "\e188";
}
.ph.ph-checkerboard:before {
  content: "\e8c4";
}
.ph.ph-checks:before {
  content: "\e53a";
}
.ph.ph-cheers:before {
  content: "\ea4a";
}
.ph.ph-cheese:before {
  content: "\e9fe";
}
.ph.ph-chef-hat:before {
  content: "\ed8e";
}
.ph.ph-cherries:before {
  content: "\e830";
}
.ph.ph-church:before {
  content: "\ecea";
}
.ph.ph-cigarette:before {
  content: "\ed90";
}
.ph.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph.ph-circle:before {
  content: "\e18a";
}
.ph.ph-circle-dashed:before {
  content: "\e602";
}
.ph.ph-circle-half:before {
  content: "\e18c";
}
.ph.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph.ph-circle-notch:before {
  content: "\eb44";
}
.ph.ph-circles-four:before {
  content: "\e190";
}
.ph.ph-circles-three:before {
  content: "\e192";
}
.ph.ph-circles-three-plus:before {
  content: "\e194";
}
.ph.ph-circuitry:before {
  content: "\e9c2";
}
.ph.ph-city:before {
  content: "\ea6a";
}
.ph.ph-clipboard:before {
  content: "\e196";
}
.ph.ph-clipboard-text:before {
  content: "\e198";
}
.ph.ph-clock:before {
  content: "\e19a";
}
.ph.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph.ph-clock-user:before {
  content: "\edec";
}
.ph.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph.ph-cloud:before {
  content: "\e1aa";
}
.ph.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph.ph-cloud-check:before {
  content: "\e1b0";
}
.ph.ph-cloud-fog:before {
  content: "\e53c";
}
.ph.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph.ph-cloud-moon:before {
  content: "\e53e";
}
.ph.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph.ph-cloud-sun:before {
  content: "\e540";
}
.ph.ph-cloud-warning:before {
  content: "\ea98";
}
.ph.ph-cloud-x:before {
  content: "\ea96";
}
.ph.ph-clover:before {
  content: "\edc8";
}
.ph.ph-club:before {
  content: "\e1ba";
}
.ph.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph.ph-coda-logo:before {
  content: "\e7ce";
}
.ph.ph-code:before {
  content: "\e1bc";
}
.ph.ph-code-block:before {
  content: "\eafe";
}
.ph.ph-code-simple:before {
  content: "\e1be";
}
.ph.ph-codepen-logo:before {
  content: "\e978";
}
.ph.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph.ph-coffee:before {
  content: "\e1c2";
}
.ph.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph.ph-coin:before {
  content: "\e60e";
}
.ph.ph-coin-vertical:before {
  content: "\eb48";
}
.ph.ph-coins:before {
  content: "\e78e";
}
.ph.ph-columns:before {
  content: "\e546";
}
.ph.ph-columns-plus-left:before {
  content: "\e544";
}
.ph.ph-columns-plus-right:before {
  content: "\e542";
}
.ph.ph-command:before {
  content: "\e1c4";
}
.ph.ph-compass:before {
  content: "\e1c8";
}
.ph.ph-compass-rose:before {
  content: "\e1c6";
}
.ph.ph-compass-tool:before {
  content: "\ea0e";
}
.ph.ph-computer-tower:before {
  content: "\e548";
}
.ph.ph-confetti:before {
  content: "\e81a";
}
.ph.ph-contactless-payment:before {
  content: "\ed42";
}
.ph.ph-control:before {
  content: "\eca6";
}
.ph.ph-cookie:before {
  content: "\e6ca";
}
.ph.ph-cooking-pot:before {
  content: "\e764";
}
.ph.ph-copy:before {
  content: "\e1ca";
}
.ph.ph-copy-simple:before {
  content: "\e1cc";
}
.ph.ph-copyleft:before {
  content: "\e86a";
}
.ph.ph-copyright:before {
  content: "\e54a";
}
.ph.ph-corners-in:before {
  content: "\e1ce";
}
.ph.ph-corners-out:before {
  content: "\e1d0";
}
.ph.ph-couch:before {
  content: "\e7f6";
}
.ph.ph-court-basketball:before {
  content: "\ee36";
}
.ph.ph-cow:before {
  content: "\eabe";
}
.ph.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph.ph-cpu:before {
  content: "\e610";
}
.ph.ph-crane:before {
  content: "\ed48";
}
.ph.ph-crane-tower:before {
  content: "\ed49";
}
.ph.ph-credit-card:before {
  content: "\e1d2";
}
.ph.ph-cricket:before {
  content: "\ee12";
}
.ph.ph-crop:before {
  content: "\e1d4";
}
.ph.ph-cross:before {
  content: "\e8a0";
}
.ph.ph-crosshair:before {
  content: "\e1d6";
}
.ph.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph.ph-crown:before {
  content: "\e614";
}
.ph.ph-crown-cross:before {
  content: "\ee5e";
}
.ph.ph-crown-simple:before {
  content: "\e616";
}
.ph.ph-cube:before {
  content: "\e1da";
}
.ph.ph-cube-focus:before {
  content: "\ed0a";
}
.ph.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph.ph-currency-btc:before {
  content: "\e618";
}
.ph.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph.ph-currency-cny:before {
  content: "\e54e";
}
.ph.ph-currency-dollar:before {
  content: "\e550";
}
.ph.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph.ph-currency-eth:before {
  content: "\eada";
}
.ph.ph-currency-eur:before {
  content: "\e554";
}
.ph.ph-currency-gbp:before {
  content: "\e556";
}
.ph.ph-currency-inr:before {
  content: "\e558";
}
.ph.ph-currency-jpy:before {
  content: "\e55a";
}
.ph.ph-currency-krw:before {
  content: "\e55c";
}
.ph.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph.ph-currency-ngn:before {
  content: "\eb52";
}
.ph.ph-currency-rub:before {
  content: "\e55e";
}
.ph.ph-cursor:before {
  content: "\e1dc";
}
.ph.ph-cursor-click:before {
  content: "\e7c8";
}
.ph.ph-cursor-text:before {
  content: "\e7d8";
}
.ph.ph-cylinder:before {
  content: "\e8fc";
}
.ph.ph-database:before {
  content: "\e1de";
}
.ph.ph-desk:before {
  content: "\ed16";
}
.ph.ph-desktop:before {
  content: "\e560";
}
.ph.ph-desktop-tower:before {
  content: "\e562";
}
.ph.ph-detective:before {
  content: "\e83e";
}
.ph.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph.ph-device-mobile:before {
  content: "\e1e0";
}
.ph.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph.ph-device-rotate:before {
  content: "\edf2";
}
.ph.ph-device-tablet:before {
  content: "\e1e6";
}
.ph.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph.ph-devices:before {
  content: "\eba4";
}
.ph.ph-diamond:before {
  content: "\e1ec";
}
.ph.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph.ph-dice-five:before {
  content: "\e1ee";
}
.ph.ph-dice-four:before {
  content: "\e1f0";
}
.ph.ph-dice-one:before {
  content: "\e1f2";
}
.ph.ph-dice-six:before {
  content: "\e1f4";
}
.ph.ph-dice-three:before {
  content: "\e1f6";
}
.ph.ph-dice-two:before {
  content: "\e1f8";
}
.ph.ph-disc:before {
  content: "\e564";
}
.ph.ph-disco-ball:before {
  content: "\ed98";
}
.ph.ph-discord-logo:before {
  content: "\e61a";
}
.ph.ph-divide:before {
  content: "\e1fa";
}
.ph.ph-dna:before {
  content: "\e924";
}
.ph.ph-dog:before {
  content: "\e74a";
}
.ph.ph-door:before {
  content: "\e61c";
}
.ph.ph-door-open:before {
  content: "\e7e6";
}
.ph.ph-dot:before {
  content: "\ecde";
}
.ph.ph-dot-outline:before {
  content: "\ece0";
}
.ph.ph-dots-nine:before {
  content: "\e1fc";
}
.ph.ph-dots-six:before {
  content: "\e794";
}
.ph.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph.ph-dots-three:before {
  content: "\e1fe";
}
.ph.ph-dots-three-circle:before {
  content: "\e200";
}
.ph.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph.ph-dots-three-outline:before {
  content: "\e204";
}
.ph.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph.ph-download:before {
  content: "\e20a";
}
.ph.ph-download-simple:before {
  content: "\e20c";
}
.ph.ph-dress:before {
  content: "\ea7e";
}
.ph.ph-dresser:before {
  content: "\e94e";
}
.ph.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph.ph-drone:before {
  content: "\ed74";
}
.ph.ph-drop:before {
  content: "\e210";
}
.ph.ph-drop-half:before {
  content: "\e566";
}
.ph.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph.ph-drop-simple:before {
  content: "\ee32";
}
.ph.ph-drop-slash:before {
  content: "\e954";
}
.ph.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph.ph-ear:before {
  content: "\e70c";
}
.ph.ph-ear-slash:before {
  content: "\e70e";
}
.ph.ph-egg:before {
  content: "\e812";
}
.ph.ph-egg-crack:before {
  content: "\eb64";
}
.ph.ph-eject:before {
  content: "\e212";
}
.ph.ph-eject-simple:before {
  content: "\e6ae";
}
.ph.ph-elevator:before {
  content: "\ecc0";
}
.ph.ph-empty:before {
  content: "\edbc";
}
.ph.ph-engine:before {
  content: "\ea80";
}
.ph.ph-envelope:before {
  content: "\e214";
}
.ph.ph-envelope-open:before {
  content: "\e216";
}
.ph.ph-envelope-simple:before {
  content: "\e218";
}
.ph.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph.ph-equalizer:before {
  content: "\ebbc";
}
.ph.ph-equals:before {
  content: "\e21c";
}
.ph.ph-eraser:before {
  content: "\e21e";
}
.ph.ph-escalator-down:before {
  content: "\ecba";
}
.ph.ph-escalator-up:before {
  content: "\ecbc";
}
.ph.ph-exam:before {
  content: "\e742";
}
.ph.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph.ph-exclude:before {
  content: "\e882";
}
.ph.ph-exclude-square:before {
  content: "\e880";
}
.ph.ph-export:before {
  content: "\eaf0";
}
.ph.ph-eye:before {
  content: "\e220";
}
.ph.ph-eye-closed:before {
  content: "\e222";
}
.ph.ph-eye-slash:before {
  content: "\e224";
}
.ph.ph-eyedropper:before {
  content: "\e568";
}
.ph.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph.ph-eyes:before {
  content: "\ee5c";
}
.ph.ph-face-mask:before {
  content: "\e56a";
}
.ph.ph-facebook-logo:before {
  content: "\e226";
}
.ph.ph-factory:before {
  content: "\e760";
}
.ph.ph-faders:before {
  content: "\e228";
}
.ph.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph.ph-fan:before {
  content: "\e9f2";
}
.ph.ph-farm:before {
  content: "\ec70";
}
.ph.ph-fast-forward:before {
  content: "\e6a6";
}
.ph.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph.ph-feather:before {
  content: "\e9c0";
}
.ph.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph.ph-figma-logo:before {
  content: "\e22e";
}
.ph.ph-file:before {
  content: "\e230";
}
.ph.ph-file-archive:before {
  content: "\eb2a";
}
.ph.ph-file-arrow-down:before {
  content: "\e232";
}
.ph.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph.ph-file-audio:before {
  content: "\ea20";
}
.ph.ph-file-c:before {
  content: "\eb32";
}
.ph.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph.ph-file-cloud:before {
  content: "\e95e";
}
.ph.ph-file-code:before {
  content: "\e914";
}
.ph.ph-file-cpp:before {
  content: "\eb2e";
}
.ph.ph-file-css:before {
  content: "\eb34";
}
.ph.ph-file-csv:before {
  content: "\eb1c";
}
.ph.ph-file-dashed:before {
  content: "\e704";
}
.ph.ph-file-dotted:before {
  content: "\e704";
}
.ph.ph-file-doc:before {
  content: "\eb1e";
}
.ph.ph-file-html:before {
  content: "\eb38";
}
.ph.ph-file-image:before {
  content: "\ea24";
}
.ph.ph-file-ini:before {
  content: "\eb33";
}
.ph.ph-file-jpg:before {
  content: "\eb1a";
}
.ph.ph-file-js:before {
  content: "\eb24";
}
.ph.ph-file-jsx:before {
  content: "\eb3a";
}
.ph.ph-file-lock:before {
  content: "\e95c";
}
.ph.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph.ph-file-search:before {
  content: "\e238";
}
.ph.ph-file-md:before {
  content: "\ed50";
}
.ph.ph-file-minus:before {
  content: "\e234";
}
.ph.ph-file-pdf:before {
  content: "\e702";
}
.ph.ph-file-plus:before {
  content: "\e236";
}
.ph.ph-file-png:before {
  content: "\eb18";
}
.ph.ph-file-ppt:before {
  content: "\eb20";
}
.ph.ph-file-py:before {
  content: "\eb2c";
}
.ph.ph-file-rs:before {
  content: "\eb28";
}
.ph.ph-file-sql:before {
  content: "\ed4e";
}
.ph.ph-file-svg:before {
  content: "\ed08";
}
.ph.ph-file-text:before {
  content: "\e23a";
}
.ph.ph-file-ts:before {
  content: "\eb26";
}
.ph.ph-file-tsx:before {
  content: "\eb3c";
}
.ph.ph-file-txt:before {
  content: "\eb35";
}
.ph.ph-file-video:before {
  content: "\ea22";
}
.ph.ph-file-vue:before {
  content: "\eb3e";
}
.ph.ph-file-x:before {
  content: "\e23c";
}
.ph.ph-file-xls:before {
  content: "\eb22";
}
.ph.ph-file-zip:before {
  content: "\e958";
}
.ph.ph-files:before {
  content: "\e710";
}
.ph.ph-film-reel:before {
  content: "\e8c0";
}
.ph.ph-film-script:before {
  content: "\eb50";
}
.ph.ph-film-slate:before {
  content: "\e8c2";
}
.ph.ph-film-strip:before {
  content: "\e792";
}
.ph.ph-fingerprint:before {
  content: "\e23e";
}
.ph.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph.ph-finn-the-human:before {
  content: "\e56c";
}
.ph.ph-fire:before {
  content: "\e242";
}
.ph.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph.ph-fire-simple:before {
  content: "\e620";
}
.ph.ph-fire-truck:before {
  content: "\e574";
}
.ph.ph-first-aid:before {
  content: "\e56e";
}
.ph.ph-first-aid-kit:before {
  content: "\e570";
}
.ph.ph-fish:before {
  content: "\e728";
}
.ph.ph-fish-simple:before {
  content: "\e72a";
}
.ph.ph-flag:before {
  content: "\e244";
}
.ph.ph-flag-banner:before {
  content: "\e622";
}
.ph.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph.ph-flag-checkered:before {
  content: "\ea38";
}
.ph.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph.ph-flame:before {
  content: "\e624";
}
.ph.ph-flashlight:before {
  content: "\e246";
}
.ph.ph-flask:before {
  content: "\e79e";
}
.ph.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph.ph-floppy-disk:before {
  content: "\e248";
}
.ph.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph.ph-flower:before {
  content: "\e75e";
}
.ph.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph.ph-flower-tulip:before {
  content: "\eacc";
}
.ph.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph.ph-folder:before {
  content: "\e24a";
}
.ph.ph-folder-notch:before {
  content: "\e24a";
}
.ph.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph.ph-folder-lock:before {
  content: "\ea3c";
}
.ph.ph-folder-minus:before {
  content: "\e254";
}
.ph.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph.ph-folder-open:before {
  content: "\e256";
}
.ph.ph-folder-notch-open:before {
  content: "\e256";
}
.ph.ph-folder-plus:before {
  content: "\e258";
}
.ph.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph.ph-folder-simple:before {
  content: "\e25a";
}
.ph.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph.ph-folder-star:before {
  content: "\ea86";
}
.ph.ph-folder-user:before {
  content: "\eb46";
}
.ph.ph-folders:before {
  content: "\e260";
}
.ph.ph-football:before {
  content: "\e718";
}
.ph.ph-football-helmet:before {
  content: "\ee4c";
}
.ph.ph-footprints:before {
  content: "\ea88";
}
.ph.ph-fork-knife:before {
  content: "\e262";
}
.ph.ph-four-k:before {
  content: "\ea5c";
}
.ph.ph-frame-corners:before {
  content: "\e626";
}
.ph.ph-framer-logo:before {
  content: "\e264";
}
.ph.ph-function:before {
  content: "\ebe4";
}
.ph.ph-funnel:before {
  content: "\e266";
}
.ph.ph-funnel-simple:before {
  content: "\e268";
}
.ph.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph.ph-funnel-x:before {
  content: "\e26c";
}
.ph.ph-game-controller:before {
  content: "\e26e";
}
.ph.ph-garage:before {
  content: "\ecd6";
}
.ph.ph-gas-can:before {
  content: "\e8ce";
}
.ph.ph-gas-pump:before {
  content: "\e768";
}
.ph.ph-gauge:before {
  content: "\e628";
}
.ph.ph-gavel:before {
  content: "\ea32";
}
.ph.ph-gear:before {
  content: "\e270";
}
.ph.ph-gear-fine:before {
  content: "\e87c";
}
.ph.ph-gear-six:before {
  content: "\e272";
}
.ph.ph-gender-female:before {
  content: "\e6e0";
}
.ph.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph.ph-gender-male:before {
  content: "\e6e2";
}
.ph.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph.ph-ghost:before {
  content: "\e62a";
}
.ph.ph-gif:before {
  content: "\e274";
}
.ph.ph-gift:before {
  content: "\e276";
}
.ph.ph-git-branch:before {
  content: "\e278";
}
.ph.ph-git-commit:before {
  content: "\e27a";
}
.ph.ph-git-diff:before {
  content: "\e27c";
}
.ph.ph-git-fork:before {
  content: "\e27e";
}
.ph.ph-git-merge:before {
  content: "\e280";
}
.ph.ph-git-pull-request:before {
  content: "\e282";
}
.ph.ph-github-logo:before {
  content: "\e576";
}
.ph.ph-gitlab-logo:before {
  content: "\e694";
}
.ph.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph.ph-globe:before {
  content: "\e288";
}
.ph.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph.ph-globe-simple:before {
  content: "\e28e";
}
.ph.ph-globe-simple-x:before {
  content: "\e284";
}
.ph.ph-globe-stand:before {
  content: "\e290";
}
.ph.ph-globe-x:before {
  content: "\e286";
}
.ph.ph-goggles:before {
  content: "\ecb4";
}
.ph.ph-golf:before {
  content: "\ea3e";
}
.ph.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph.ph-google-logo:before {
  content: "\e292";
}
.ph.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph.ph-google-play-logo:before {
  content: "\e294";
}
.ph.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph.ph-gps:before {
  content: "\edd8";
}
.ph.ph-gps-fix:before {
  content: "\edd6";
}
.ph.ph-gps-slash:before {
  content: "\edd4";
}
.ph.ph-gradient:before {
  content: "\eb42";
}
.ph.ph-graduation-cap:before {
  content: "\e62c";
}
.ph.ph-grains:before {
  content: "\ec68";
}
.ph.ph-grains-slash:before {
  content: "\ec6a";
}
.ph.ph-graph:before {
  content: "\eb58";
}
.ph.ph-graphics-card:before {
  content: "\e612";
}
.ph.ph-greater-than:before {
  content: "\edc4";
}
.ph.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph.ph-grid-four:before {
  content: "\e296";
}
.ph.ph-grid-nine:before {
  content: "\ec8c";
}
.ph.ph-guitar:before {
  content: "\ea8a";
}
.ph.ph-hair-dryer:before {
  content: "\ea66";
}
.ph.ph-hamburger:before {
  content: "\e790";
}
.ph.ph-hammer:before {
  content: "\e80e";
}
.ph.ph-hand:before {
  content: "\e298";
}
.ph.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph.ph-hand-coins:before {
  content: "\ea8c";
}
.ph.ph-hand-deposit:before {
  content: "\ee82";
}
.ph.ph-hand-eye:before {
  content: "\ea4c";
}
.ph.ph-hand-fist:before {
  content: "\e57a";
}
.ph.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph.ph-hand-heart:before {
  content: "\e810";
}
.ph.ph-hand-palm:before {
  content: "\e57e";
}
.ph.ph-hand-peace:before {
  content: "\e7cc";
}
.ph.ph-hand-pointing:before {
  content: "\e29a";
}
.ph.ph-hand-soap:before {
  content: "\e630";
}
.ph.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph.ph-hand-tap:before {
  content: "\ec90";
}
.ph.ph-hand-waving:before {
  content: "\e580";
}
.ph.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph.ph-handbag:before {
  content: "\e29c";
}
.ph.ph-handbag-simple:before {
  content: "\e62e";
}
.ph.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph.ph-hands-praying:before {
  content: "\ecc8";
}
.ph.ph-handshake:before {
  content: "\e582";
}
.ph.ph-hard-drive:before {
  content: "\e29e";
}
.ph.ph-hard-drives:before {
  content: "\e2a0";
}
.ph.ph-hard-hat:before {
  content: "\ed46";
}
.ph.ph-hash:before {
  content: "\e2a2";
}
.ph.ph-hash-straight:before {
  content: "\e2a4";
}
.ph.ph-head-circuit:before {
  content: "\e7d4";
}
.ph.ph-headlights:before {
  content: "\e6fe";
}
.ph.ph-headphones:before {
  content: "\e2a6";
}
.ph.ph-headset:before {
  content: "\e584";
}
.ph.ph-heart:before {
  content: "\e2a8";
}
.ph.ph-heart-break:before {
  content: "\ebe8";
}
.ph.ph-heart-half:before {
  content: "\ec48";
}
.ph.ph-heart-straight:before {
  content: "\e2aa";
}
.ph.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph.ph-heartbeat:before {
  content: "\e2ac";
}
.ph.ph-hexagon:before {
  content: "\e2ae";
}
.ph.ph-high-definition:before {
  content: "\ea8e";
}
.ph.ph-high-heel:before {
  content: "\e8e8";
}
.ph.ph-highlighter:before {
  content: "\ec76";
}
.ph.ph-highlighter-circle:before {
  content: "\e632";
}
.ph.ph-hockey:before {
  content: "\ec86";
}
.ph.ph-hoodie:before {
  content: "\ecd0";
}
.ph.ph-horse:before {
  content: "\e2b0";
}
.ph.ph-hospital:before {
  content: "\e844";
}
.ph.ph-hourglass:before {
  content: "\e2b2";
}
.ph.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph.ph-house:before {
  content: "\e2c2";
}
.ph.ph-house-line:before {
  content: "\e2c4";
}
.ph.ph-house-simple:before {
  content: "\e2c6";
}
.ph.ph-hurricane:before {
  content: "\e88e";
}
.ph.ph-ice-cream:before {
  content: "\e804";
}
.ph.ph-identification-badge:before {
  content: "\e6f6";
}
.ph.ph-identification-card:before {
  content: "\e2c8";
}
.ph.ph-image:before {
  content: "\e2ca";
}
.ph.ph-image-broken:before {
  content: "\e7a8";
}
.ph.ph-image-square:before {
  content: "\e2cc";
}
.ph.ph-images:before {
  content: "\e836";
}
.ph.ph-images-square:before {
  content: "\e834";
}
.ph.ph-infinity:before {
  content: "\e634";
}
.ph.ph-lemniscate:before {
  content: "\e634";
}
.ph.ph-info:before {
  content: "\e2ce";
}
.ph.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph.ph-intersect:before {
  content: "\e2d2";
}
.ph.ph-intersect-square:before {
  content: "\e87a";
}
.ph.ph-intersect-three:before {
  content: "\ecc4";
}
.ph.ph-intersection:before {
  content: "\edba";
}
.ph.ph-invoice:before {
  content: "\ee42";
}
.ph.ph-island:before {
  content: "\ee06";
}
.ph.ph-jar:before {
  content: "\e7e0";
}
.ph.ph-jar-label:before {
  content: "\e7e1";
}
.ph.ph-jeep:before {
  content: "\e2d4";
}
.ph.ph-joystick:before {
  content: "\ea5e";
}
.ph.ph-kanban:before {
  content: "\eb54";
}
.ph.ph-key:before {
  content: "\e2d6";
}
.ph.ph-key-return:before {
  content: "\e782";
}
.ph.ph-keyboard:before {
  content: "\e2d8";
}
.ph.ph-keyhole:before {
  content: "\ea78";
}
.ph.ph-knife:before {
  content: "\e636";
}
.ph.ph-ladder:before {
  content: "\e9e4";
}
.ph.ph-ladder-simple:before {
  content: "\ec26";
}
.ph.ph-lamp:before {
  content: "\e638";
}
.ph.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph.ph-laptop:before {
  content: "\e586";
}
.ph.ph-lasso:before {
  content: "\edc6";
}
.ph.ph-lastfm-logo:before {
  content: "\e842";
}
.ph.ph-layout:before {
  content: "\e6d6";
}
.ph.ph-leaf:before {
  content: "\e2da";
}
.ph.ph-lectern:before {
  content: "\e95a";
}
.ph.ph-lego:before {
  content: "\e8c6";
}
.ph.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph.ph-less-than:before {
  content: "\edac";
}
.ph.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph.ph-lifebuoy:before {
  content: "\e63a";
}
.ph.ph-lightbulb:before {
  content: "\e2dc";
}
.ph.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph.ph-lighthouse:before {
  content: "\e9f6";
}
.ph.ph-lightning:before {
  content: "\e2de";
}
.ph.ph-lightning-a:before {
  content: "\ea84";
}
.ph.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph.ph-line-segment:before {
  content: "\e6d2";
}
.ph.ph-line-segments:before {
  content: "\e6d4";
}
.ph.ph-line-vertical:before {
  content: "\ed70";
}
.ph.ph-link:before {
  content: "\e2e2";
}
.ph.ph-link-break:before {
  content: "\e2e4";
}
.ph.ph-link-simple:before {
  content: "\e2e6";
}
.ph.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph.ph-linktree-logo:before {
  content: "\edee";
}
.ph.ph-linux-logo:before {
  content: "\eb02";
}
.ph.ph-list:before {
  content: "\e2f0";
}
.ph.ph-list-bullets:before {
  content: "\e2f2";
}
.ph.ph-list-checks:before {
  content: "\eadc";
}
.ph.ph-list-dashes:before {
  content: "\e2f4";
}
.ph.ph-list-heart:before {
  content: "\ebde";
}
.ph.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph.ph-list-numbers:before {
  content: "\e2f6";
}
.ph.ph-list-plus:before {
  content: "\e2f8";
}
.ph.ph-list-star:before {
  content: "\ebdc";
}
.ph.ph-lock:before {
  content: "\e2fa";
}
.ph.ph-lock-key:before {
  content: "\e2fe";
}
.ph.ph-lock-key-open:before {
  content: "\e300";
}
.ph.ph-lock-laminated:before {
  content: "\e302";
}
.ph.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph.ph-lock-open:before {
  content: "\e306";
}
.ph.ph-lock-simple:before {
  content: "\e308";
}
.ph.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph.ph-lockers:before {
  content: "\ecb8";
}
.ph.ph-log:before {
  content: "\ed82";
}
.ph.ph-magic-wand:before {
  content: "\e6b6";
}
.ph.ph-magnet:before {
  content: "\e680";
}
.ph.ph-magnet-straight:before {
  content: "\e682";
}
.ph.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph.ph-mailbox:before {
  content: "\ec1e";
}
.ph.ph-map-pin:before {
  content: "\e316";
}
.ph.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph.ph-map-pin-line:before {
  content: "\e318";
}
.ph.ph-map-pin-plus:before {
  content: "\e314";
}
.ph.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph.ph-map-trifold:before {
  content: "\e31a";
}
.ph.ph-markdown-logo:before {
  content: "\e508";
}
.ph.ph-marker-circle:before {
  content: "\e640";
}
.ph.ph-martini:before {
  content: "\e31c";
}
.ph.ph-mask-happy:before {
  content: "\e9f4";
}
.ph.ph-mask-sad:before {
  content: "\eb9e";
}
.ph.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph.ph-math-operations:before {
  content: "\e31e";
}
.ph.ph-matrix-logo:before {
  content: "\ed64";
}
.ph.ph-medal:before {
  content: "\e320";
}
.ph.ph-medal-military:before {
  content: "\ecfc";
}
.ph.ph-medium-logo:before {
  content: "\e322";
}
.ph.ph-megaphone:before {
  content: "\e324";
}
.ph.ph-megaphone-simple:before {
  content: "\e642";
}
.ph.ph-member-of:before {
  content: "\edc2";
}
.ph.ph-memory:before {
  content: "\e9c4";
}
.ph.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph.ph-meta-logo:before {
  content: "\ed02";
}
.ph.ph-meteor:before {
  content: "\e9ba";
}
.ph.ph-metronome:before {
  content: "\ec8e";
}
.ph.ph-microphone:before {
  content: "\e326";
}
.ph.ph-microphone-slash:before {
  content: "\e328";
}
.ph.ph-microphone-stage:before {
  content: "\e75c";
}
.ph.ph-microscope:before {
  content: "\ec7a";
}
.ph.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph.ph-minus:before {
  content: "\e32a";
}
.ph.ph-minus-circle:before {
  content: "\e32c";
}
.ph.ph-minus-square:before {
  content: "\ed4c";
}
.ph.ph-money:before {
  content: "\e588";
}
.ph.ph-money-wavy:before {
  content: "\ee68";
}
.ph.ph-monitor:before {
  content: "\e32e";
}
.ph.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph.ph-monitor-play:before {
  content: "\e58c";
}
.ph.ph-moon:before {
  content: "\e330";
}
.ph.ph-moon-stars:before {
  content: "\e58e";
}
.ph.ph-moped:before {
  content: "\e824";
}
.ph.ph-moped-front:before {
  content: "\e822";
}
.ph.ph-mosque:before {
  content: "\ecee";
}
.ph.ph-motorcycle:before {
  content: "\e80a";
}
.ph.ph-mountains:before {
  content: "\e7ae";
}
.ph.ph-mouse:before {
  content: "\e33a";
}
.ph.ph-mouse-left-click:before {
  content: "\e334";
}
.ph.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph.ph-mouse-right-click:before {
  content: "\e336";
}
.ph.ph-mouse-scroll:before {
  content: "\e332";
}
.ph.ph-mouse-simple:before {
  content: "\e644";
}
.ph.ph-music-note:before {
  content: "\e33c";
}
.ph.ph-music-note-simple:before {
  content: "\e33e";
}
.ph.ph-music-notes:before {
  content: "\e340";
}
.ph.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph.ph-music-notes-simple:before {
  content: "\e342";
}
.ph.ph-navigation-arrow:before {
  content: "\eade";
}
.ph.ph-needle:before {
  content: "\e82e";
}
.ph.ph-network:before {
  content: "\edde";
}
.ph.ph-network-slash:before {
  content: "\eddc";
}
.ph.ph-network-x:before {
  content: "\edda";
}
.ph.ph-newspaper:before {
  content: "\e344";
}
.ph.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph.ph-not-equals:before {
  content: "\eda6";
}
.ph.ph-not-member-of:before {
  content: "\edae";
}
.ph.ph-not-subset-of:before {
  content: "\edb0";
}
.ph.ph-not-superset-of:before {
  content: "\edb2";
}
.ph.ph-notches:before {
  content: "\ed3a";
}
.ph.ph-note:before {
  content: "\e348";
}
.ph.ph-note-blank:before {
  content: "\e34a";
}
.ph.ph-note-pencil:before {
  content: "\e34c";
}
.ph.ph-notebook:before {
  content: "\e34e";
}
.ph.ph-notepad:before {
  content: "\e63e";
}
.ph.ph-notification:before {
  content: "\e6fa";
}
.ph.ph-notion-logo:before {
  content: "\e9a0";
}
.ph.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph.ph-number-circle-eight:before {
  content: "\e352";
}
.ph.ph-number-circle-five:before {
  content: "\e358";
}
.ph.ph-number-circle-four:before {
  content: "\e35e";
}
.ph.ph-number-circle-nine:before {
  content: "\e364";
}
.ph.ph-number-circle-one:before {
  content: "\e36a";
}
.ph.ph-number-circle-seven:before {
  content: "\e370";
}
.ph.ph-number-circle-six:before {
  content: "\e376";
}
.ph.ph-number-circle-three:before {
  content: "\e37c";
}
.ph.ph-number-circle-two:before {
  content: "\e382";
}
.ph.ph-number-circle-zero:before {
  content: "\e388";
}
.ph.ph-number-eight:before {
  content: "\e350";
}
.ph.ph-number-five:before {
  content: "\e356";
}
.ph.ph-number-four:before {
  content: "\e35c";
}
.ph.ph-number-nine:before {
  content: "\e362";
}
.ph.ph-number-one:before {
  content: "\e368";
}
.ph.ph-number-seven:before {
  content: "\e36e";
}
.ph.ph-number-six:before {
  content: "\e374";
}
.ph.ph-number-square-eight:before {
  content: "\e354";
}
.ph.ph-number-square-five:before {
  content: "\e35a";
}
.ph.ph-number-square-four:before {
  content: "\e360";
}
.ph.ph-number-square-nine:before {
  content: "\e366";
}
.ph.ph-number-square-one:before {
  content: "\e36c";
}
.ph.ph-number-square-seven:before {
  content: "\e372";
}
.ph.ph-number-square-six:before {
  content: "\e378";
}
.ph.ph-number-square-three:before {
  content: "\e37e";
}
.ph.ph-number-square-two:before {
  content: "\e384";
}
.ph.ph-number-square-zero:before {
  content: "\e38a";
}
.ph.ph-number-three:before {
  content: "\e37a";
}
.ph.ph-number-two:before {
  content: "\e380";
}
.ph.ph-number-zero:before {
  content: "\e386";
}
.ph.ph-numpad:before {
  content: "\e3c8";
}
.ph.ph-nut:before {
  content: "\e38c";
}
.ph.ph-ny-times-logo:before {
  content: "\e646";
}
.ph.ph-octagon:before {
  content: "\e38e";
}
.ph.ph-office-chair:before {
  content: "\ea46";
}
.ph.ph-onigiri:before {
  content: "\ee2c";
}
.ph.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph.ph-option:before {
  content: "\e8a8";
}
.ph.ph-orange:before {
  content: "\ee40";
}
.ph.ph-orange-slice:before {
  content: "\ed36";
}
.ph.ph-oven:before {
  content: "\ed8c";
}
.ph.ph-package:before {
  content: "\e390";
}
.ph.ph-paint-brush:before {
  content: "\e6f0";
}
.ph.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph.ph-paint-bucket:before {
  content: "\e392";
}
.ph.ph-paint-roller:before {
  content: "\e6f4";
}
.ph.ph-palette:before {
  content: "\e6c8";
}
.ph.ph-panorama:before {
  content: "\eaa2";
}
.ph.ph-pants:before {
  content: "\ec88";
}
.ph.ph-paper-plane:before {
  content: "\e394";
}
.ph.ph-paper-plane-right:before {
  content: "\e396";
}
.ph.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph.ph-paperclip:before {
  content: "\e39a";
}
.ph.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph.ph-parachute:before {
  content: "\ea7c";
}
.ph.ph-paragraph:before {
  content: "\e960";
}
.ph.ph-parallelogram:before {
  content: "\ecc6";
}
.ph.ph-park:before {
  content: "\ecb2";
}
.ph.ph-password:before {
  content: "\e752";
}
.ph.ph-path:before {
  content: "\e39c";
}
.ph.ph-patreon-logo:before {
  content: "\e98a";
}
.ph.ph-pause:before {
  content: "\e39e";
}
.ph.ph-pause-circle:before {
  content: "\e3a0";
}
.ph.ph-paw-print:before {
  content: "\e648";
}
.ph.ph-paypal-logo:before {
  content: "\e98c";
}
.ph.ph-peace:before {
  content: "\e3a2";
}
.ph.ph-pen:before {
  content: "\e3aa";
}
.ph.ph-pen-nib:before {
  content: "\e3ac";
}
.ph.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph.ph-pencil:before {
  content: "\e3ae";
}
.ph.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph.ph-pencil-line:before {
  content: "\e3b2";
}
.ph.ph-pencil-ruler:before {
  content: "\e906";
}
.ph.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph.ph-pentagon:before {
  content: "\ec7e";
}
.ph.ph-pentagram:before {
  content: "\ec5c";
}
.ph.ph-pepper:before {
  content: "\e94a";
}
.ph.ph-percent:before {
  content: "\e3b6";
}
.ph.ph-person:before {
  content: "\e3a8";
}
.ph.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph.ph-person-simple:before {
  content: "\e72e";
}
.ph.ph-person-simple-bike:before {
  content: "\e734";
}
.ph.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph.ph-person-simple-run:before {
  content: "\e730";
}
.ph.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph.ph-person-simple-swim:before {
  content: "\e736";
}
.ph.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph.ph-person-simple-throw:before {
  content: "\e732";
}
.ph.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph.ph-perspective:before {
  content: "\ebe6";
}
.ph.ph-phone:before {
  content: "\e3b8";
}
.ph.ph-phone-call:before {
  content: "\e3ba";
}
.ph.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph.ph-phone-incoming:before {
  content: "\e3be";
}
.ph.ph-phone-list:before {
  content: "\e3cc";
}
.ph.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph.ph-phone-pause:before {
  content: "\e3ca";
}
.ph.ph-phone-plus:before {
  content: "\ec56";
}
.ph.ph-phone-slash:before {
  content: "\e3c2";
}
.ph.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph.ph-phone-x:before {
  content: "\e3c4";
}
.ph.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph.ph-pi:before {
  content: "\ec80";
}
.ph.ph-piano-keys:before {
  content: "\e9c8";
}
.ph.ph-picnic-table:before {
  content: "\ee26";
}
.ph.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph.ph-piggy-bank:before {
  content: "\ea04";
}
.ph.ph-pill:before {
  content: "\e700";
}
.ph.ph-ping-pong:before {
  content: "\ea42";
}
.ph.ph-pint-glass:before {
  content: "\edd0";
}
.ph.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph.ph-pinwheel:before {
  content: "\eb9c";
}
.ph.ph-pipe:before {
  content: "\ed86";
}
.ph.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph.ph-pix-logo:before {
  content: "\ecc2";
}
.ph.ph-pizza:before {
  content: "\e796";
}
.ph.ph-placeholder:before {
  content: "\e650";
}
.ph.ph-planet:before {
  content: "\e652";
}
.ph.ph-plant:before {
  content: "\ebae";
}
.ph.ph-play:before {
  content: "\e3d0";
}
.ph.ph-play-circle:before {
  content: "\e3d2";
}
.ph.ph-play-pause:before {
  content: "\e8be";
}
.ph.ph-playlist:before {
  content: "\e6aa";
}
.ph.ph-plug:before {
  content: "\e946";
}
.ph.ph-plug-charging:before {
  content: "\eb5c";
}
.ph.ph-plugs:before {
  content: "\eb56";
}
.ph.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph.ph-plus:before {
  content: "\e3d4";
}
.ph.ph-plus-circle:before {
  content: "\e3d6";
}
.ph.ph-plus-minus:before {
  content: "\e3d8";
}
.ph.ph-plus-square:before {
  content: "\ed4a";
}
.ph.ph-poker-chip:before {
  content: "\e594";
}
.ph.ph-police-car:before {
  content: "\ec4a";
}
.ph.ph-polygon:before {
  content: "\e6d0";
}
.ph.ph-popcorn:before {
  content: "\eb4e";
}
.ph.ph-popsicle:before {
  content: "\ebbe";
}
.ph.ph-potted-plant:before {
  content: "\ec22";
}
.ph.ph-power:before {
  content: "\e3da";
}
.ph.ph-prescription:before {
  content: "\e7a2";
}
.ph.ph-presentation:before {
  content: "\e654";
}
.ph.ph-presentation-chart:before {
  content: "\e656";
}
.ph.ph-printer:before {
  content: "\e3dc";
}
.ph.ph-prohibit:before {
  content: "\e3de";
}
.ph.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph.ph-projector-screen:before {
  content: "\e658";
}
.ph.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph.ph-pulse:before {
  content: "\e000";
}
.ph.ph-activity:before {
  content: "\e000";
}
.ph.ph-push-pin:before {
  content: "\e3e2";
}
.ph.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph.ph-puzzle-piece:before {
  content: "\e596";
}
.ph.ph-qr-code:before {
  content: "\e3e6";
}
.ph.ph-question:before {
  content: "\e3e8";
}
.ph.ph-question-mark:before {
  content: "\e3e9";
}
.ph.ph-queue:before {
  content: "\e6ac";
}
.ph.ph-quotes:before {
  content: "\e660";
}
.ph.ph-rabbit:before {
  content: "\eac2";
}
.ph.ph-racquet:before {
  content: "\ee02";
}
.ph.ph-radical:before {
  content: "\e3ea";
}
.ph.ph-radio:before {
  content: "\e77e";
}
.ph.ph-radio-button:before {
  content: "\eb08";
}
.ph.ph-radioactive:before {
  content: "\e9dc";
}
.ph.ph-rainbow:before {
  content: "\e598";
}
.ph.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph.ph-ranking:before {
  content: "\ed62";
}
.ph.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph.ph-receipt:before {
  content: "\e3ec";
}
.ph.ph-receipt-x:before {
  content: "\ed40";
}
.ph.ph-record:before {
  content: "\e3ee";
}
.ph.ph-rectangle:before {
  content: "\e3f0";
}
.ph.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph.ph-recycle:before {
  content: "\e75a";
}
.ph.ph-reddit-logo:before {
  content: "\e59c";
}
.ph.ph-repeat:before {
  content: "\e3f6";
}
.ph.ph-repeat-once:before {
  content: "\e3f8";
}
.ph.ph-replit-logo:before {
  content: "\eb8a";
}
.ph.ph-resize:before {
  content: "\ed6e";
}
.ph.ph-rewind:before {
  content: "\e6a8";
}
.ph.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph.ph-road-horizon:before {
  content: "\e838";
}
.ph.ph-robot:before {
  content: "\e762";
}
.ph.ph-rocket:before {
  content: "\e3fc";
}
.ph.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph.ph-rows:before {
  content: "\e5a2";
}
.ph.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph.ph-rss:before {
  content: "\e400";
}
.ph.ph-rss-simple:before {
  content: "\e402";
}
.ph.ph-rug:before {
  content: "\ea1a";
}
.ph.ph-ruler:before {
  content: "\e6b8";
}
.ph.ph-sailboat:before {
  content: "\e78a";
}
.ph.ph-scales:before {
  content: "\e750";
}
.ph.ph-scan:before {
  content: "\ebb6";
}
.ph.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph.ph-scissors:before {
  content: "\eae0";
}
.ph.ph-scooter:before {
  content: "\e820";
}
.ph.ph-screencast:before {
  content: "\e404";
}
.ph.ph-screwdriver:before {
  content: "\e86e";
}
.ph.ph-scribble:before {
  content: "\e806";
}
.ph.ph-scribble-loop:before {
  content: "\e662";
}
.ph.ph-scroll:before {
  content: "\eb7a";
}
.ph.ph-seal:before {
  content: "\e604";
}
.ph.ph-circle-wavy:before {
  content: "\e604";
}
.ph.ph-seal-check:before {
  content: "\e606";
}
.ph.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph.ph-seal-percent:before {
  content: "\e60a";
}
.ph.ph-seal-question:before {
  content: "\e608";
}
.ph.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph.ph-seal-warning:before {
  content: "\e60c";
}
.ph.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph.ph-seat:before {
  content: "\eb8e";
}
.ph.ph-seatbelt:before {
  content: "\edfe";
}
.ph.ph-security-camera:before {
  content: "\eca4";
}
.ph.ph-selection:before {
  content: "\e69a";
}
.ph.ph-selection-all:before {
  content: "\e746";
}
.ph.ph-selection-background:before {
  content: "\eaf8";
}
.ph.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph.ph-selection-inverse:before {
  content: "\e744";
}
.ph.ph-selection-plus:before {
  content: "\e69c";
}
.ph.ph-selection-slash:before {
  content: "\e69e";
}
.ph.ph-shapes:before {
  content: "\ec5e";
}
.ph.ph-share:before {
  content: "\e406";
}
.ph.ph-share-fat:before {
  content: "\ed52";
}
.ph.ph-share-network:before {
  content: "\e408";
}
.ph.ph-shield:before {
  content: "\e40a";
}
.ph.ph-shield-check:before {
  content: "\e40c";
}
.ph.ph-shield-checkered:before {
  content: "\e708";
}
.ph.ph-shield-chevron:before {
  content: "\e40e";
}
.ph.ph-shield-plus:before {
  content: "\e706";
}
.ph.ph-shield-slash:before {
  content: "\e410";
}
.ph.ph-shield-star:before {
  content: "\ec34";
}
.ph.ph-shield-warning:before {
  content: "\e412";
}
.ph.ph-shipping-container:before {
  content: "\e78c";
}
.ph.ph-shirt-folded:before {
  content: "\ea92";
}
.ph.ph-shooting-star:before {
  content: "\ecfa";
}
.ph.ph-shopping-bag:before {
  content: "\e416";
}
.ph.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph.ph-shopping-cart:before {
  content: "\e41e";
}
.ph.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph.ph-shovel:before {
  content: "\e9e6";
}
.ph.ph-shower:before {
  content: "\e776";
}
.ph.ph-shrimp:before {
  content: "\eab4";
}
.ph.ph-shuffle:before {
  content: "\e422";
}
.ph.ph-shuffle-angular:before {
  content: "\e424";
}
.ph.ph-shuffle-simple:before {
  content: "\e426";
}
.ph.ph-sidebar:before {
  content: "\eab6";
}
.ph.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph.ph-sigma:before {
  content: "\eab8";
}
.ph.ph-sign-in:before {
  content: "\e428";
}
.ph.ph-sign-out:before {
  content: "\e42a";
}
.ph.ph-signature:before {
  content: "\ebac";
}
.ph.ph-signpost:before {
  content: "\e89c";
}
.ph.ph-sim-card:before {
  content: "\e664";
}
.ph.ph-siren:before {
  content: "\e9b8";
}
.ph.ph-sketch-logo:before {
  content: "\e42c";
}
.ph.ph-skip-back:before {
  content: "\e5a4";
}
.ph.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph.ph-skip-forward:before {
  content: "\e5a6";
}
.ph.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph.ph-skull:before {
  content: "\e916";
}
.ph.ph-skype-logo:before {
  content: "\e8dc";
}
.ph.ph-slack-logo:before {
  content: "\e5a8";
}
.ph.ph-sliders:before {
  content: "\e432";
}
.ph.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph.ph-slideshow:before {
  content: "\ed32";
}
.ph.ph-smiley:before {
  content: "\e436";
}
.ph.ph-smiley-angry:before {
  content: "\ec62";
}
.ph.ph-smiley-blank:before {
  content: "\e438";
}
.ph.ph-smiley-meh:before {
  content: "\e43a";
}
.ph.ph-smiley-melting:before {
  content: "\ee56";
}
.ph.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph.ph-smiley-sad:before {
  content: "\e43e";
}
.ph.ph-smiley-sticker:before {
  content: "\e440";
}
.ph.ph-smiley-wink:before {
  content: "\e666";
}
.ph.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph.ph-snapchat-logo:before {
  content: "\e668";
}
.ph.ph-sneaker:before {
  content: "\e80c";
}
.ph.ph-sneaker-move:before {
  content: "\ed60";
}
.ph.ph-snowflake:before {
  content: "\e5aa";
}
.ph.ph-soccer-ball:before {
  content: "\e716";
}
.ph.ph-sock:before {
  content: "\ecce";
}
.ph.ph-solar-panel:before {
  content: "\ed7a";
}
.ph.ph-solar-roof:before {
  content: "\ed7b";
}
.ph.ph-sort-ascending:before {
  content: "\e444";
}
.ph.ph-sort-descending:before {
  content: "\e446";
}
.ph.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph.ph-spade:before {
  content: "\e448";
}
.ph.ph-sparkle:before {
  content: "\e6a2";
}
.ph.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph.ph-speaker-high:before {
  content: "\e44a";
}
.ph.ph-speaker-low:before {
  content: "\e44c";
}
.ph.ph-speaker-none:before {
  content: "\e44e";
}
.ph.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph.ph-speaker-slash:before {
  content: "\e45a";
}
.ph.ph-speaker-x:before {
  content: "\e45c";
}
.ph.ph-speedometer:before {
  content: "\ee74";
}
.ph.ph-sphere:before {
  content: "\ee66";
}
.ph.ph-spinner:before {
  content: "\e66a";
}
.ph.ph-spinner-ball:before {
  content: "\ee28";
}
.ph.ph-spinner-gap:before {
  content: "\e66c";
}
.ph.ph-spiral:before {
  content: "\e9fa";
}
.ph.ph-split-horizontal:before {
  content: "\e872";
}
.ph.ph-split-vertical:before {
  content: "\e876";
}
.ph.ph-spotify-logo:before {
  content: "\e66e";
}
.ph.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph.ph-square:before {
  content: "\e45e";
}
.ph.ph-square-half:before {
  content: "\e462";
}
.ph.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph.ph-square-logo:before {
  content: "\e690";
}
.ph.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph.ph-square-split-vertical:before {
  content: "\e874";
}
.ph.ph-squares-four:before {
  content: "\e464";
}
.ph.ph-stack:before {
  content: "\e466";
}
.ph.ph-stack-minus:before {
  content: "\edf4";
}
.ph.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph.ph-stack-plus:before {
  content: "\edf6";
}
.ph.ph-stack-simple:before {
  content: "\e468";
}
.ph.ph-stairs:before {
  content: "\e8ec";
}
.ph.ph-stamp:before {
  content: "\ea48";
}
.ph.ph-standard-definition:before {
  content: "\ea90";
}
.ph.ph-star:before {
  content: "\e46a";
}
.ph.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph.ph-star-four:before {
  content: "\e6a4";
}
.ph.ph-star-half:before {
  content: "\e70a";
}
.ph.ph-star-of-david:before {
  content: "\e89e";
}
.ph.ph-steam-logo:before {
  content: "\ead4";
}
.ph.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph.ph-steps:before {
  content: "\ecbe";
}
.ph.ph-stethoscope:before {
  content: "\e7ea";
}
.ph.ph-sticker:before {
  content: "\e5ac";
}
.ph.ph-stool:before {
  content: "\ea44";
}
.ph.ph-stop:before {
  content: "\e46c";
}
.ph.ph-stop-circle:before {
  content: "\e46e";
}
.ph.ph-storefront:before {
  content: "\e470";
}
.ph.ph-strategy:before {
  content: "\ea3a";
}
.ph.ph-stripe-logo:before {
  content: "\e698";
}
.ph.ph-student:before {
  content: "\e73e";
}
.ph.ph-subset-of:before {
  content: "\edc0";
}
.ph.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph.ph-subtitles:before {
  content: "\e1a8";
}
.ph.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph.ph-subtract:before {
  content: "\ebd6";
}
.ph.ph-subtract-square:before {
  content: "\ebd4";
}
.ph.ph-subway:before {
  content: "\e498";
}
.ph.ph-suitcase:before {
  content: "\e5ae";
}
.ph.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph.ph-sun:before {
  content: "\e472";
}
.ph.ph-sun-dim:before {
  content: "\e474";
}
.ph.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph.ph-sunglasses:before {
  content: "\e816";
}
.ph.ph-superset-of:before {
  content: "\edb8";
}
.ph.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph.ph-swap:before {
  content: "\e83c";
}
.ph.ph-swatches:before {
  content: "\e5b8";
}
.ph.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph.ph-sword:before {
  content: "\e5ba";
}
.ph.ph-synagogue:before {
  content: "\ecec";
}
.ph.ph-syringe:before {
  content: "\e968";
}
.ph.ph-t-shirt:before {
  content: "\e670";
}
.ph.ph-table:before {
  content: "\e476";
}
.ph.ph-tabs:before {
  content: "\e778";
}
.ph.ph-tag:before {
  content: "\e478";
}
.ph.ph-tag-chevron:before {
  content: "\e672";
}
.ph.ph-tag-simple:before {
  content: "\e47a";
}
.ph.ph-target:before {
  content: "\e47c";
}
.ph.ph-taxi:before {
  content: "\e902";
}
.ph.ph-tea-bag:before {
  content: "\e8e6";
}
.ph.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph.ph-television:before {
  content: "\e754";
}
.ph.ph-television-simple:before {
  content: "\eae6";
}
.ph.ph-tennis-ball:before {
  content: "\e720";
}
.ph.ph-tent:before {
  content: "\e8ba";
}
.ph.ph-terminal:before {
  content: "\e47e";
}
.ph.ph-terminal-window:before {
  content: "\eae8";
}
.ph.ph-test-tube:before {
  content: "\e7a0";
}
.ph.ph-text-a-underline:before {
  content: "\ed34";
}
.ph.ph-text-aa:before {
  content: "\e6ee";
}
.ph.ph-text-align-center:before {
  content: "\e480";
}
.ph.ph-text-align-justify:before {
  content: "\e482";
}
.ph.ph-text-align-left:before {
  content: "\e484";
}
.ph.ph-text-align-right:before {
  content: "\e486";
}
.ph.ph-text-b:before {
  content: "\e5be";
}
.ph.ph-text-bolder:before {
  content: "\e5be";
}
.ph.ph-text-columns:before {
  content: "\ec96";
}
.ph.ph-text-h:before {
  content: "\e6ba";
}
.ph.ph-text-h-five:before {
  content: "\e6c4";
}
.ph.ph-text-h-four:before {
  content: "\e6c2";
}
.ph.ph-text-h-one:before {
  content: "\e6bc";
}
.ph.ph-text-h-six:before {
  content: "\e6c6";
}
.ph.ph-text-h-three:before {
  content: "\e6c0";
}
.ph.ph-text-h-two:before {
  content: "\e6be";
}
.ph.ph-text-indent:before {
  content: "\ea1e";
}
.ph.ph-text-italic:before {
  content: "\e5c0";
}
.ph.ph-text-outdent:before {
  content: "\ea1c";
}
.ph.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph.ph-text-subscript:before {
  content: "\ec98";
}
.ph.ph-text-superscript:before {
  content: "\ec9a";
}
.ph.ph-text-t:before {
  content: "\e48a";
}
.ph.ph-text-t-slash:before {
  content: "\e488";
}
.ph.ph-text-underline:before {
  content: "\e5c4";
}
.ph.ph-textbox:before {
  content: "\eb0a";
}
.ph.ph-thermometer:before {
  content: "\e5c6";
}
.ph.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph.ph-threads-logo:before {
  content: "\ed9e";
}
.ph.ph-three-d:before {
  content: "\ea5a";
}
.ph.ph-thumbs-down:before {
  content: "\e48c";
}
.ph.ph-thumbs-up:before {
  content: "\e48e";
}
.ph.ph-ticket:before {
  content: "\e490";
}
.ph.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph.ph-tilde:before {
  content: "\eda8";
}
.ph.ph-timer:before {
  content: "\e492";
}
.ph.ph-tip-jar:before {
  content: "\e7e2";
}
.ph.ph-tipi:before {
  content: "\ed30";
}
.ph.ph-tire:before {
  content: "\edd2";
}
.ph.ph-toggle-left:before {
  content: "\e674";
}
.ph.ph-toggle-right:before {
  content: "\e676";
}
.ph.ph-toilet:before {
  content: "\e79a";
}
.ph.ph-toilet-paper:before {
  content: "\e79c";
}
.ph.ph-toolbox:before {
  content: "\eca0";
}
.ph.ph-tooth:before {
  content: "\e9cc";
}
.ph.ph-tornado:before {
  content: "\e88c";
}
.ph.ph-tote:before {
  content: "\e494";
}
.ph.ph-tote-simple:before {
  content: "\e678";
}
.ph.ph-towel:before {
  content: "\ede6";
}
.ph.ph-tractor:before {
  content: "\ec6e";
}
.ph.ph-trademark:before {
  content: "\e9f0";
}
.ph.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph.ph-traffic-sign:before {
  content: "\e67a";
}
.ph.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph.ph-train:before {
  content: "\e496";
}
.ph.ph-train-regional:before {
  content: "\e49e";
}
.ph.ph-train-simple:before {
  content: "\e4a0";
}
.ph.ph-tram:before {
  content: "\e9ec";
}
.ph.ph-translate:before {
  content: "\e4a2";
}
.ph.ph-trash:before {
  content: "\e4a6";
}
.ph.ph-trash-simple:before {
  content: "\e4a8";
}
.ph.ph-tray:before {
  content: "\e4aa";
}
.ph.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph.ph-archive-tray:before {
  content: "\e010";
}
.ph.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph.ph-treasure-chest:before {
  content: "\ede2";
}
.ph.ph-tree:before {
  content: "\e6da";
}
.ph.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph.ph-tree-palm:before {
  content: "\e91a";
}
.ph.ph-tree-structure:before {
  content: "\e67c";
}
.ph.ph-tree-view:before {
  content: "\ee48";
}
.ph.ph-trend-down:before {
  content: "\e4ac";
}
.ph.ph-trend-up:before {
  content: "\e4ae";
}
.ph.ph-triangle:before {
  content: "\e4b0";
}
.ph.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph.ph-trolley:before {
  content: "\e5b2";
}
.ph.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph.ph-trophy:before {
  content: "\e67e";
}
.ph.ph-truck:before {
  content: "\e4b4";
}
.ph.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph.ph-umbrella:before {
  content: "\e684";
}
.ph.ph-umbrella-simple:before {
  content: "\e686";
}
.ph.ph-union:before {
  content: "\edbe";
}
.ph.ph-unite:before {
  content: "\e87e";
}
.ph.ph-unite-square:before {
  content: "\e878";
}
.ph.ph-upload:before {
  content: "\e4be";
}
.ph.ph-upload-simple:before {
  content: "\e4c0";
}
.ph.ph-usb:before {
  content: "\e956";
}
.ph.ph-user:before {
  content: "\e4c2";
}
.ph.ph-user-check:before {
  content: "\eafa";
}
.ph.ph-user-circle:before {
  content: "\e4c4";
}
.ph.ph-user-circle-check:before {
  content: "\ec38";
}
.ph.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph.ph-user-focus:before {
  content: "\e6fc";
}
.ph.ph-user-gear:before {
  content: "\e4cc";
}
.ph.ph-user-list:before {
  content: "\e73c";
}
.ph.ph-user-minus:before {
  content: "\e4ce";
}
.ph.ph-user-plus:before {
  content: "\e4d0";
}
.ph.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph.ph-user-sound:before {
  content: "\eca8";
}
.ph.ph-user-square:before {
  content: "\e4d4";
}
.ph.ph-user-switch:before {
  content: "\e756";
}
.ph.ph-users:before {
  content: "\e4d6";
}
.ph.ph-users-four:before {
  content: "\e68c";
}
.ph.ph-users-three:before {
  content: "\e68e";
}
.ph.ph-van:before {
  content: "\e826";
}
.ph.ph-vault:before {
  content: "\e76e";
}
.ph.ph-vector-three:before {
  content: "\ee62";
}
.ph.ph-vector-two:before {
  content: "\ee64";
}
.ph.ph-vibrate:before {
  content: "\e4d8";
}
.ph.ph-video:before {
  content: "\e740";
}
.ph.ph-video-camera:before {
  content: "\e4da";
}
.ph.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph.ph-video-conference:before {
  content: "\edce";
}
.ph.ph-vignette:before {
  content: "\eba2";
}
.ph.ph-vinyl-record:before {
  content: "\ecac";
}
.ph.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph.ph-virus:before {
  content: "\e7d6";
}
.ph.ph-visor:before {
  content: "\ee2a";
}
.ph.ph-voicemail:before {
  content: "\e4de";
}
.ph.ph-volleyball:before {
  content: "\e726";
}
.ph.ph-wall:before {
  content: "\e688";
}
.ph.ph-wallet:before {
  content: "\e68a";
}
.ph.ph-warehouse:before {
  content: "\ecd4";
}
.ph.ph-warning:before {
  content: "\e4e0";
}
.ph.ph-warning-circle:before {
  content: "\e4e2";
}
.ph.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph.ph-washing-machine:before {
  content: "\ede8";
}
.ph.ph-watch:before {
  content: "\e4e6";
}
.ph.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph.ph-wave-sine:before {
  content: "\ea9a";
}
.ph.ph-wave-square:before {
  content: "\ea9e";
}
.ph.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph.ph-waveform:before {
  content: "\e802";
}
.ph.ph-waveform-slash:before {
  content: "\e800";
}
.ph.ph-waves:before {
  content: "\e6de";
}
.ph.ph-webcam:before {
  content: "\e9b2";
}
.ph.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph.ph-wheelchair:before {
  content: "\e4e8";
}
.ph.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph.ph-wifi-high:before {
  content: "\e4ea";
}
.ph.ph-wifi-low:before {
  content: "\e4ec";
}
.ph.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph.ph-wifi-none:before {
  content: "\e4f0";
}
.ph.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph.ph-wifi-x:before {
  content: "\e4f4";
}
.ph.ph-wind:before {
  content: "\e5d2";
}
.ph.ph-windmill:before {
  content: "\e9f8";
}
.ph.ph-windows-logo:before {
  content: "\e692";
}
.ph.ph-wine:before {
  content: "\e6b2";
}
.ph.ph-wrench:before {
  content: "\e5d4";
}
.ph.ph-x:before {
  content: "\e4f6";
}
.ph.ph-x-circle:before {
  content: "\e4f8";
}
.ph.ph-x-logo:before {
  content: "\e4bc";
}
.ph.ph-x-square:before {
  content: "\e4fa";
}
.ph.ph-yarn:before {
  content: "\ed9a";
}
.ph.ph-yin-yang:before {
  content: "\e92a";
}
.ph.ph-youtube-logo:before {
  content: "\e4fc";
}
@font-face {
  font-family: "Phosphor-Duotone";
  src: url("./Phosphor-Duotone.woff2") format("woff2"), url("./Phosphor-Duotone.woff") format("woff"), url("./Phosphor-Duotone.ttf") format("truetype"), url("./Phosphor-Duotone.svg#Phosphor-Duotone") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ph-duotone {
  font-family: "Phosphor-Duotone" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph-duotone.ph-acorn:before {
  content: "\eb9a";
  opacity: 0.2;
}
.ph-duotone.ph-acorn:after {
  content: "\eb9b";
  margin-left: -1em;
}
.ph-duotone.ph-address-book:before {
  content: "\e6f8";
  opacity: 0.2;
}
.ph-duotone.ph-address-book:after {
  content: "\e6f9";
  margin-left: -1em;
}
.ph-duotone.ph-address-book-tabs:before {
  content: "\ee4e";
  opacity: 0.2;
}
.ph-duotone.ph-address-book-tabs:after {
  content: "\ee4f";
  margin-left: -1em;
}
.ph-duotone.ph-air-traffic-control:before {
  content: "\ecd8";
  opacity: 0.2;
}
.ph-duotone.ph-air-traffic-control:after {
  content: "\ecd9";
  margin-left: -1em;
}
.ph-duotone.ph-airplane:before {
  content: "\e002";
  opacity: 0.2;
}
.ph-duotone.ph-airplane:after {
  content: "\e003";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-in-flight:before {
  content: "\e4fe";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-in-flight:after {
  content: "\e4ff";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-landing:before {
  content: "\e502";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-landing:after {
  content: "\e503";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-takeoff:before {
  content: "\e504";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-takeoff:after {
  content: "\e505";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-taxiing:before {
  content: "\e500";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-taxiing:after {
  content: "\e501";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-tilt:before {
  content: "\e5d6";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-tilt:after {
  content: "\e5d7";
  margin-left: -1em;
}
.ph-duotone.ph-airplay:before {
  content: "\e004";
  opacity: 0.2;
}
.ph-duotone.ph-airplay:after {
  content: "\e005";
  margin-left: -1em;
}
.ph-duotone.ph-alarm:before {
  content: "\e006";
  opacity: 0.2;
}
.ph-duotone.ph-alarm:after {
  content: "\e007";
  margin-left: -1em;
}
.ph-duotone.ph-alien:before {
  content: "\e8a6";
  opacity: 0.2;
}
.ph-duotone.ph-alien:after {
  content: "\e8a7";
  margin-left: -1em;
}
.ph-duotone.ph-align-bottom:before {
  content: "\e506";
  opacity: 0.2;
}
.ph-duotone.ph-align-bottom:after {
  content: "\e507";
  margin-left: -1em;
}
.ph-duotone.ph-align-bottom-simple:before {
  content: "\eb0c";
  opacity: 0.2;
}
.ph-duotone.ph-align-bottom-simple:after {
  content: "\eb0d";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-horizontal:before {
  content: "\e50a";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-horizontal:after {
  content: "\e50b";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-horizontal-simple:after {
  content: "\eb0f";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-vertical:before {
  content: "\e50c";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-vertical:after {
  content: "\e50d";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-vertical-simple:before {
  content: "\eb10";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-vertical-simple:after {
  content: "\eb11";
  margin-left: -1em;
}
.ph-duotone.ph-align-left:before {
  content: "\e50e";
  opacity: 0.2;
}
.ph-duotone.ph-align-left:after {
  content: "\e50f";
  margin-left: -1em;
}
.ph-duotone.ph-align-left-simple:before {
  content: "\eaee";
  opacity: 0.2;
}
.ph-duotone.ph-align-left-simple:after {
  content: "\eaef";
  margin-left: -1em;
}
.ph-duotone.ph-align-right:before {
  content: "\e510";
  opacity: 0.2;
}
.ph-duotone.ph-align-right:after {
  content: "\e511";
  margin-left: -1em;
}
.ph-duotone.ph-align-right-simple:before {
  content: "\eb12";
  opacity: 0.2;
}
.ph-duotone.ph-align-right-simple:after {
  content: "\eb13";
  margin-left: -1em;
}
.ph-duotone.ph-align-top:before {
  content: "\e512";
  opacity: 0.2;
}
.ph-duotone.ph-align-top:after {
  content: "\e513";
  margin-left: -1em;
}
.ph-duotone.ph-align-top-simple:before {
  content: "\eb14";
  opacity: 0.2;
}
.ph-duotone.ph-align-top-simple:after {
  content: "\eb15";
  margin-left: -1em;
}
.ph-duotone.ph-amazon-logo:before {
  content: "\e96c";
  opacity: 0.2;
}
.ph-duotone.ph-amazon-logo:after {
  content: "\e96d";
  margin-left: -1em;
}
.ph-duotone.ph-ambulance:before {
  content: "\e572";
  opacity: 0.2;
}
.ph-duotone.ph-ambulance:after {
  content: "\e573";
  margin-left: -1em;
}
.ph-duotone.ph-anchor:before {
  content: "\e514";
  opacity: 0.2;
}
.ph-duotone.ph-anchor:after {
  content: "\e515";
  margin-left: -1em;
}
.ph-duotone.ph-anchor-simple:before {
  content: "\e5d8";
  opacity: 0.2;
}
.ph-duotone.ph-anchor-simple:after {
  content: "\e5d9";
  margin-left: -1em;
}
.ph-duotone.ph-android-logo:before {
  content: "\e008";
  opacity: 0.2;
}
.ph-duotone.ph-android-logo:after {
  content: "\e009";
  margin-left: -1em;
}
.ph-duotone.ph-angle:before {
  content: "\e7bc";
  opacity: 0.2;
}
.ph-duotone.ph-angle:after {
  content: "\e7bd";
  margin-left: -1em;
}
.ph-duotone.ph-angular-logo:before {
  content: "\eb80";
  opacity: 0.2;
}
.ph-duotone.ph-angular-logo:after {
  content: "\eb81";
  margin-left: -1em;
}
.ph-duotone.ph-aperture:before {
  content: "\e00a";
  opacity: 0.2;
}
.ph-duotone.ph-aperture:after {
  content: "\e00b";
  margin-left: -1em;
}
.ph-duotone.ph-app-store-logo:before {
  content: "\e974";
  opacity: 0.2;
}
.ph-duotone.ph-app-store-logo:after {
  content: "\e975";
  margin-left: -1em;
}
.ph-duotone.ph-app-window:before {
  content: "\e5da";
  opacity: 0.2;
}
.ph-duotone.ph-app-window:after {
  content: "\e5db";
  margin-left: -1em;
}
.ph-duotone.ph-apple-logo:before {
  content: "\e516";
  opacity: 0.2;
}
.ph-duotone.ph-apple-logo:after {
  content: "\e517";
  margin-left: -1em;
}
.ph-duotone.ph-apple-podcasts-logo:before {
  content: "\eb96";
  opacity: 0.2;
}
.ph-duotone.ph-apple-podcasts-logo:after {
  content: "\eb97";
  margin-left: -1em;
}
.ph-duotone.ph-approximate-equals:before {
  content: "\edaa";
  opacity: 0.2;
}
.ph-duotone.ph-approximate-equals:after {
  content: "\edab";
  margin-left: -1em;
}
.ph-duotone.ph-archive:before {
  content: "\e00c";
  opacity: 0.2;
}
.ph-duotone.ph-archive:after {
  content: "\e00d";
  margin-left: -1em;
}
.ph-duotone.ph-armchair:before {
  content: "\e012";
  opacity: 0.2;
}
.ph-duotone.ph-armchair:after {
  content: "\e013";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-arc-left:before {
  content: "\e014";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-arc-left:after {
  content: "\e015";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-arc-right:before {
  content: "\e016";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-arc-right:after {
  content: "\e017";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-double-up-left:after {
  content: "\e03b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-double-up-right:after {
  content: "\e03d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-down-left:before {
  content: "\e018";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-down-left:after {
  content: "\e019";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-down-right:before {
  content: "\e01a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-down-right:after {
  content: "\e01b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-left-down:before {
  content: "\e01c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-left-down:after {
  content: "\e01d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-left-up:before {
  content: "\e01e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-left-up:after {
  content: "\e01f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-right-down:before {
  content: "\e020";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-right-down:after {
  content: "\e021";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-right-up:before {
  content: "\e022";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-right-up:after {
  content: "\e023";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-up-left:before {
  content: "\e024";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-up-left:after {
  content: "\e025";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-up-right:before {
  content: "\e026";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-up-right:after {
  content: "\e027";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down:before {
  content: "\e028";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down:after {
  content: "\e029";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down-left:before {
  content: "\e02a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down-left:after {
  content: "\e02b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down-right:before {
  content: "\e02c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down-right:after {
  content: "\e02d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-left:before {
  content: "\e05a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-left:after {
  content: "\e05b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-right:before {
  content: "\e02e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-right:after {
  content: "\e02f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up:before {
  content: "\e030";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up:after {
  content: "\e031";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up-left:before {
  content: "\e032";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up-left:after {
  content: "\e033";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up-right:before {
  content: "\e034";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up-right:after {
  content: "\e035";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-clockwise:before {
  content: "\e036";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-clockwise:after {
  content: "\e037";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-counter-clockwise:before {
  content: "\e038";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-counter-clockwise:after {
  content: "\e039";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down:before {
  content: "\e03e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down:after {
  content: "\e03f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down-left:before {
  content: "\e040";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down-left:after {
  content: "\e041";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down-right:before {
  content: "\e042";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down-right:after {
  content: "\e043";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-down-left:before {
  content: "\e044";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-down-left:after {
  content: "\e045";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-down-right:before {
  content: "\e046";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-down-right:after {
  content: "\e047";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left:before {
  content: "\e048";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left:after {
  content: "\e049";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left-down:before {
  content: "\e04a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left-down:after {
  content: "\e04b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left-up:before {
  content: "\e04c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left-up:after {
  content: "\e04d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right:before {
  content: "\e04e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right:after {
  content: "\e04f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right-down:before {
  content: "\e050";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right-down:after {
  content: "\e051";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right-up:before {
  content: "\e052";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right-up:after {
  content: "\e053";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-up-left:before {
  content: "\e054";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-up-left:after {
  content: "\e055";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-up-right:before {
  content: "\e056";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-up-right:after {
  content: "\e057";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-down:before {
  content: "\e518";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-down:after {
  content: "\e519";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-left:before {
  content: "\e51a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-left:after {
  content: "\e51b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-down:before {
  content: "\e51c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-down:after {
  content: "\e51d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-left:before {
  content: "\e51e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-left:after {
  content: "\e51f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-right:before {
  content: "\e520";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-right:after {
  content: "\e521";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-up:before {
  content: "\e522";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-up:after {
  content: "\e523";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-down:before {
  content: "\e524";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-down:after {
  content: "\e525";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-left:before {
  content: "\e526";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-left:after {
  content: "\e527";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-right:before {
  content: "\e528";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-right:after {
  content: "\e529";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-up:before {
  content: "\e52a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-up:after {
  content: "\e52b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-right:before {
  content: "\e52c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-right:after {
  content: "\e52d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-up:before {
  content: "\e52e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-up:after {
  content: "\e52f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-left:before {
  content: "\e058";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-left:after {
  content: "\e059";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down:before {
  content: "\e05c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down:after {
  content: "\e05d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down-left:before {
  content: "\e05e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down-left:after {
  content: "\e05f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down-right:before {
  content: "\e060";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down-right:after {
  content: "\e061";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-left:before {
  content: "\e062";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-left:after {
  content: "\e063";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-right:before {
  content: "\e064";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-right:after {
  content: "\e065";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up:before {
  content: "\e066";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up:after {
  content: "\e067";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up-left:before {
  content: "\e068";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up-left:after {
  content: "\e069";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up-right:before {
  content: "\e06a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up-right:after {
  content: "\e06b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-right:before {
  content: "\e06c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-right:after {
  content: "\e06d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down:before {
  content: "\e06e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down:after {
  content: "\e06f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down-left:before {
  content: "\e070";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down-left:after {
  content: "\e071";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down-right:before {
  content: "\e072";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down-right:after {
  content: "\e073";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-in:before {
  content: "\e5dc";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-in:after {
  content: "\e5dd";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-left:before {
  content: "\e074";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-left:after {
  content: "\e075";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-out:before {
  content: "\e5de";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-out:after {
  content: "\e5df";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-right:before {
  content: "\e076";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-right:after {
  content: "\e077";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up:before {
  content: "\e078";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up:after {
  content: "\e079";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up-left:before {
  content: "\e07a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up-left:after {
  content: "\e07b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up-right:before {
  content: "\e07c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up-right:after {
  content: "\e07d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-down-left:before {
  content: "\e07e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-down-left:after {
  content: "\e07f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-down-right:before {
  content: "\e080";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-down-right:after {
  content: "\e081";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-left-down:before {
  content: "\e082";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-left-down:after {
  content: "\e083";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-left-up:before {
  content: "\e084";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-left-up:after {
  content: "\e085";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-right-down:before {
  content: "\e086";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-right-down:after {
  content: "\e087";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-right-up:before {
  content: "\e088";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-right-up:after {
  content: "\e089";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-up-left:before {
  content: "\e08a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-up-left:after {
  content: "\e08b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-up-right:before {
  content: "\e08c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-up-right:after {
  content: "\e08d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up:before {
  content: "\e08e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up:after {
  content: "\e08f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up-left:before {
  content: "\e090";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up-left:after {
  content: "\e091";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up-right:before {
  content: "\e092";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up-right:after {
  content: "\e093";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-clockwise:before {
  content: "\e094";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-clockwise:after {
  content: "\e095";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-counter-clockwise:before {
  content: "\e096";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-counter-clockwise:after {
  content: "\e097";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-down-up:before {
  content: "\e098";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-down-up:after {
  content: "\e099";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-horizontal:before {
  content: "\eb06";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-horizontal:after {
  content: "\eb07";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in:before {
  content: "\e09a";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in:after {
  content: "\e09b";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-cardinal:before {
  content: "\e09c";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-cardinal:after {
  content: "\e09d";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-line-horizontal:before {
  content: "\e530";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-line-horizontal:after {
  content: "\e531";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-line-vertical:before {
  content: "\e532";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-line-vertical:after {
  content: "\e533";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-simple:before {
  content: "\e09e";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-simple:after {
  content: "\e09f";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-left-right:before {
  content: "\e0a0";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-left-right:after {
  content: "\e0a1";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-merge:before {
  content: "\ed3e";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-merge:after {
  content: "\ed3f";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out:before {
  content: "\e0a2";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out:after {
  content: "\e0a3";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-cardinal:before {
  content: "\e0a4";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-cardinal:after {
  content: "\e0a5";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-line-horizontal:before {
  content: "\e534";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-line-horizontal:after {
  content: "\e535";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-line-vertical:before {
  content: "\e536";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-line-vertical:after {
  content: "\e537";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-simple:before {
  content: "\e0a6";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-simple:after {
  content: "\e0a7";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-split:before {
  content: "\ed3c";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-split:after {
  content: "\ed3d";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-vertical:before {
  content: "\eb04";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-vertical:after {
  content: "\eb05";
  margin-left: -1em;
}
.ph-duotone.ph-article:before {
  content: "\e0a8";
  opacity: 0.2;
}
.ph-duotone.ph-article:after {
  content: "\e0a9";
  margin-left: -1em;
}
.ph-duotone.ph-article-medium:before {
  content: "\e5e0";
  opacity: 0.2;
}
.ph-duotone.ph-article-medium:after {
  content: "\e5e1";
  margin-left: -1em;
}
.ph-duotone.ph-article-ny-times:before {
  content: "\e5e2";
  opacity: 0.2;
}
.ph-duotone.ph-article-ny-times:after {
  content: "\e5e3";
  margin-left: -1em;
}
.ph-duotone.ph-asclepius:before {
  content: "\ee34";
  opacity: 0.2;
}
.ph-duotone.ph-asclepius:after {
  content: "\ee35";
  margin-left: -1em;
}
.ph-duotone.ph-asterisk:before {
  content: "\e0aa";
  opacity: 0.2;
}
.ph-duotone.ph-asterisk:after {
  content: "\e0ab";
  margin-left: -1em;
}
.ph-duotone.ph-asterisk-simple:before {
  content: "\e832";
  opacity: 0.2;
}
.ph-duotone.ph-asterisk-simple:after {
  content: "\e833";
  margin-left: -1em;
}
.ph-duotone.ph-at:before {
  content: "\e0ac";
  opacity: 0.2;
}
.ph-duotone.ph-at:after {
  content: "\e0ad";
  margin-left: -1em;
}
.ph-duotone.ph-atom:before {
  content: "\e5e4";
  opacity: 0.2;
}
.ph-duotone.ph-atom:after {
  content: "\e5e5";
  margin-left: -1em;
}
.ph-duotone.ph-avocado:before {
  content: "\ee04";
  opacity: 0.2;
}
.ph-duotone.ph-avocado:after {
  content: "\ee05";
  margin-left: -1em;
}
.ph-duotone.ph-axe:before {
  content: "\e9fc";
  opacity: 0.2;
}
.ph-duotone.ph-axe:after {
  content: "\e9fd";
  margin-left: -1em;
}
.ph-duotone.ph-baby:before {
  content: "\e774";
  opacity: 0.2;
}
.ph-duotone.ph-baby:after {
  content: "\e775";
  margin-left: -1em;
}
.ph-duotone.ph-baby-carriage:before {
  content: "\e818";
  opacity: 0.2;
}
.ph-duotone.ph-baby-carriage:after {
  content: "\e819";
  margin-left: -1em;
}
.ph-duotone.ph-backpack:before {
  content: "\e922";
  opacity: 0.2;
}
.ph-duotone.ph-backpack:after {
  content: "\e923";
  margin-left: -1em;
}
.ph-duotone.ph-backspace:before {
  content: "\e0ae";
  opacity: 0.2;
}
.ph-duotone.ph-backspace:after {
  content: "\e0af";
  margin-left: -1em;
}
.ph-duotone.ph-bag:before {
  content: "\e0b0";
  opacity: 0.2;
}
.ph-duotone.ph-bag:after {
  content: "\e0b1";
  margin-left: -1em;
}
.ph-duotone.ph-bag-simple:before {
  content: "\e5e6";
  opacity: 0.2;
}
.ph-duotone.ph-bag-simple:after {
  content: "\e5e7";
  margin-left: -1em;
}
.ph-duotone.ph-balloon:before {
  content: "\e76c";
  opacity: 0.2;
}
.ph-duotone.ph-balloon:after {
  content: "\e76d";
  margin-left: -1em;
}
.ph-duotone.ph-bandaids:before {
  content: "\e0b2";
  opacity: 0.2;
}
.ph-duotone.ph-bandaids:after {
  content: "\e0b3";
  margin-left: -1em;
}
.ph-duotone.ph-bank:before {
  content: "\e0b4";
  opacity: 0.2;
}
.ph-duotone.ph-bank:after {
  content: "\e0b5";
  margin-left: -1em;
}
.ph-duotone.ph-barbell:before {
  content: "\e0b6";
  opacity: 0.2;
}
.ph-duotone.ph-barbell:after {
  content: "\e0b7";
  margin-left: -1em;
}
.ph-duotone.ph-barcode:before {
  content: "\e0b8";
  opacity: 0.2;
}
.ph-duotone.ph-barcode:after {
  content: "\e0b9";
  margin-left: -1em;
}
.ph-duotone.ph-barn:before {
  content: "\ec72";
  opacity: 0.2;
}
.ph-duotone.ph-barn:after {
  content: "\ec73";
  margin-left: -1em;
}
.ph-duotone.ph-barricade:before {
  content: "\e948";
  opacity: 0.2;
}
.ph-duotone.ph-barricade:after {
  content: "\e949";
  margin-left: -1em;
}
.ph-duotone.ph-baseball:before {
  content: "\e71a";
  opacity: 0.2;
}
.ph-duotone.ph-baseball:after {
  content: "\e71b";
  margin-left: -1em;
}
.ph-duotone.ph-baseball-cap:before {
  content: "\ea28";
  opacity: 0.2;
}
.ph-duotone.ph-baseball-cap:after {
  content: "\ea29";
  margin-left: -1em;
}
.ph-duotone.ph-baseball-helmet:before {
  content: "\ee4a";
  opacity: 0.2;
}
.ph-duotone.ph-baseball-helmet:after {
  content: "\ee4b";
  margin-left: -1em;
}
.ph-duotone.ph-basket:before {
  content: "\e964";
  opacity: 0.2;
}
.ph-duotone.ph-basket:after {
  content: "\e965";
  margin-left: -1em;
}
.ph-duotone.ph-basketball:before {
  content: "\e724";
  opacity: 0.2;
}
.ph-duotone.ph-basketball:after {
  content: "\e725";
  margin-left: -1em;
}
.ph-duotone.ph-bathtub:before {
  content: "\e81e";
  opacity: 0.2;
}
.ph-duotone.ph-bathtub:after {
  content: "\e81f";
  margin-left: -1em;
}
.ph-duotone.ph-battery-charging:before {
  content: "\e0ba";
  opacity: 0.2;
}
.ph-duotone.ph-battery-charging:after {
  content: "\e0bb";
  margin-left: -1em;
}
.ph-duotone.ph-battery-charging-vertical:before {
  content: "\e0bc";
  opacity: 0.2;
}
.ph-duotone.ph-battery-charging-vertical:after {
  content: "\e0bd";
  margin-left: -1em;
}
.ph-duotone.ph-battery-empty:before {
  content: "\e0be";
  opacity: 0.2;
}
.ph-duotone.ph-battery-empty:after {
  content: "\e0bf";
  margin-left: -1em;
}
.ph-duotone.ph-battery-full:before {
  content: "\e0c0";
  opacity: 0.2;
}
.ph-duotone.ph-battery-full:after {
  content: "\e0c1";
  margin-left: -1em;
}
.ph-duotone.ph-battery-high:before {
  content: "\e0c2";
  opacity: 0.2;
}
.ph-duotone.ph-battery-high:after {
  content: "\e0c3";
  margin-left: -1em;
}
.ph-duotone.ph-battery-low:before {
  content: "\e0c4";
  opacity: 0.2;
}
.ph-duotone.ph-battery-low:after {
  content: "\e0c5";
  margin-left: -1em;
}
.ph-duotone.ph-battery-medium:before {
  content: "\e0c6";
  opacity: 0.2;
}
.ph-duotone.ph-battery-medium:after {
  content: "\e0c7";
  margin-left: -1em;
}
.ph-duotone.ph-battery-plus:before {
  content: "\e808";
  opacity: 0.2;
}
.ph-duotone.ph-battery-plus:after {
  content: "\e809";
  margin-left: -1em;
}
.ph-duotone.ph-battery-plus-vertical:before {
  content: "\ec50";
  opacity: 0.2;
}
.ph-duotone.ph-battery-plus-vertical:after {
  content: "\ec51";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-empty:before {
  content: "\e7c6";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-empty:after {
  content: "\e7c7";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-full:before {
  content: "\e7c4";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-full:after {
  content: "\e7c5";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-high:before {
  content: "\e7c2";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-high:after {
  content: "\e7c3";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-low:before {
  content: "\e7be";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-low:after {
  content: "\e7bf";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-medium:before {
  content: "\e7c0";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-medium:after {
  content: "\e7c1";
  margin-left: -1em;
}
.ph-duotone.ph-battery-warning:before {
  content: "\e0c8";
  opacity: 0.2;
}
.ph-duotone.ph-battery-warning:after {
  content: "\e0c9";
  margin-left: -1em;
}
.ph-duotone.ph-battery-warning-vertical:before {
  content: "\e0ca";
  opacity: 0.2;
}
.ph-duotone.ph-battery-warning-vertical:after {
  content: "\e0cb";
  margin-left: -1em;
}
.ph-duotone.ph-beach-ball:before {
  content: "\ed24";
  opacity: 0.2;
}
.ph-duotone.ph-beach-ball:after {
  content: "\ed25";
  margin-left: -1em;
}
.ph-duotone.ph-beanie:before {
  content: "\ea2a";
  opacity: 0.2;
}
.ph-duotone.ph-beanie:after {
  content: "\ea2b";
  margin-left: -1em;
}
.ph-duotone.ph-bed:before {
  content: "\e0cc";
  opacity: 0.2;
}
.ph-duotone.ph-bed:after {
  content: "\e0cd";
  margin-left: -1em;
}
.ph-duotone.ph-beer-bottle:before {
  content: "\e7b0";
  opacity: 0.2;
}
.ph-duotone.ph-beer-bottle:after {
  content: "\e7b1";
  margin-left: -1em;
}
.ph-duotone.ph-beer-stein:before {
  content: "\eb62";
  opacity: 0.2;
}
.ph-duotone.ph-beer-stein:after {
  content: "\eb63";
  margin-left: -1em;
}
.ph-duotone.ph-behance-logo:before {
  content: "\e7f4";
  opacity: 0.2;
}
.ph-duotone.ph-behance-logo:after {
  content: "\e7f5";
  margin-left: -1em;
}
.ph-duotone.ph-bell:before {
  content: "\e0ce";
  opacity: 0.2;
}
.ph-duotone.ph-bell:after {
  content: "\e0cf";
  margin-left: -1em;
}
.ph-duotone.ph-bell-ringing:before {
  content: "\e5e8";
  opacity: 0.2;
}
.ph-duotone.ph-bell-ringing:after {
  content: "\e5e9";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple:before {
  content: "\e0d0";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple:after {
  content: "\e0d1";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-ringing:before {
  content: "\e5ea";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-ringing:after {
  content: "\e5eb";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-slash:before {
  content: "\e0d2";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-slash:after {
  content: "\e0d3";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-z:before {
  content: "\e5ec";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-z:after {
  content: "\e5ed";
  margin-left: -1em;
}
.ph-duotone.ph-bell-slash:before {
  content: "\e0d4";
  opacity: 0.2;
}
.ph-duotone.ph-bell-slash:after {
  content: "\e0d5";
  margin-left: -1em;
}
.ph-duotone.ph-bell-z:before {
  content: "\e5ee";
  opacity: 0.2;
}
.ph-duotone.ph-bell-z:after {
  content: "\e5ef";
  margin-left: -1em;
}
.ph-duotone.ph-belt:before {
  content: "\ea2c";
  opacity: 0.2;
}
.ph-duotone.ph-belt:after {
  content: "\ea2d";
  margin-left: -1em;
}
.ph-duotone.ph-bezier-curve:before {
  content: "\eb00";
  opacity: 0.2;
}
.ph-duotone.ph-bezier-curve:after {
  content: "\eb01";
  margin-left: -1em;
}
.ph-duotone.ph-bicycle:before {
  content: "\e0d6";
  opacity: 0.2;
}
.ph-duotone.ph-bicycle:after {
  content: "\e0d7";
  margin-left: -1em;
}
.ph-duotone.ph-binary:before {
  content: "\ee60";
  opacity: 0.2;
}
.ph-duotone.ph-binary:after {
  content: "\ee61";
  margin-left: -1em;
}
.ph-duotone.ph-binoculars:before {
  content: "\ea64";
  opacity: 0.2;
}
.ph-duotone.ph-binoculars:after {
  content: "\ea65";
  margin-left: -1em;
}
.ph-duotone.ph-biohazard:before {
  content: "\e9e0";
  opacity: 0.2;
}
.ph-duotone.ph-biohazard:after {
  content: "\e9e1";
  margin-left: -1em;
}
.ph-duotone.ph-bird:before {
  content: "\e72c";
  opacity: 0.2;
}
.ph-duotone.ph-bird:after {
  content: "\e72d";
  margin-left: -1em;
}
.ph-duotone.ph-blueprint:before {
  content: "\eda0";
  opacity: 0.2;
}
.ph-duotone.ph-blueprint:after {
  content: "\eda1";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth:before {
  content: "\e0da";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth:after {
  content: "\e0db";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-connected:before {
  content: "\e0dc";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-connected:after {
  content: "\e0dd";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-slash:before {
  content: "\e0de";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-slash:after {
  content: "\e0df";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-x:before {
  content: "\e0e0";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-x:after {
  content: "\e0e1";
  margin-left: -1em;
}
.ph-duotone.ph-boat:before {
  content: "\e786";
  opacity: 0.2;
}
.ph-duotone.ph-boat:after {
  content: "\e787";
  margin-left: -1em;
}
.ph-duotone.ph-bomb:before {
  content: "\ee0a";
  opacity: 0.2;
}
.ph-duotone.ph-bomb:after {
  content: "\ee0b";
  margin-left: -1em;
}
.ph-duotone.ph-bone:before {
  content: "\e7f2";
  opacity: 0.2;
}
.ph-duotone.ph-bone:after {
  content: "\e7f3";
  margin-left: -1em;
}
.ph-duotone.ph-book:before {
  content: "\e0e2";
  opacity: 0.2;
}
.ph-duotone.ph-book:after {
  content: "\e0e3";
  margin-left: -1em;
}
.ph-duotone.ph-book-bookmark:before {
  content: "\e0e4";
  opacity: 0.2;
}
.ph-duotone.ph-book-bookmark:after {
  content: "\e0e5";
  margin-left: -1em;
}
.ph-duotone.ph-book-open:before {
  content: "\e0e6";
  opacity: 0.2;
}
.ph-duotone.ph-book-open:after {
  content: "\e0e7";
  margin-left: -1em;
}
.ph-duotone.ph-book-open-text:before {
  content: "\e8f2";
  opacity: 0.2;
}
.ph-duotone.ph-book-open-text:after {
  content: "\e8f3";
  margin-left: -1em;
}
.ph-duotone.ph-book-open-user:before {
  content: "\ede0";
  opacity: 0.2;
}
.ph-duotone.ph-book-open-user:after {
  content: "\ede1";
  margin-left: -1em;
}
.ph-duotone.ph-bookmark:before {
  content: "\e0e8";
  opacity: 0.2;
}
.ph-duotone.ph-bookmark:after {
  content: "\e0e9";
  margin-left: -1em;
}
.ph-duotone.ph-bookmark-simple:before {
  content: "\e0ea";
  opacity: 0.2;
}
.ph-duotone.ph-bookmark-simple:after {
  content: "\e0eb";
  margin-left: -1em;
}
.ph-duotone.ph-bookmarks:before {
  content: "\e0ec";
  opacity: 0.2;
}
.ph-duotone.ph-bookmarks:after {
  content: "\e0ed";
  margin-left: -1em;
}
.ph-duotone.ph-bookmarks-simple:before {
  content: "\e5f0";
  opacity: 0.2;
}
.ph-duotone.ph-bookmarks-simple:after {
  content: "\e5f1";
  margin-left: -1em;
}
.ph-duotone.ph-books:before {
  content: "\e758";
  opacity: 0.2;
}
.ph-duotone.ph-books:after {
  content: "\e759";
  margin-left: -1em;
}
.ph-duotone.ph-boot:before {
  content: "\ecca";
  opacity: 0.2;
}
.ph-duotone.ph-boot:after {
  content: "\eccb";
  margin-left: -1em;
}
.ph-duotone.ph-boules:before {
  content: "\e722";
  opacity: 0.2;
}
.ph-duotone.ph-boules:after {
  content: "\e723";
  margin-left: -1em;
}
.ph-duotone.ph-bounding-box:before {
  content: "\e6ce";
  opacity: 0.2;
}
.ph-duotone.ph-bounding-box:after {
  content: "\e6cf";
  margin-left: -1em;
}
.ph-duotone.ph-bowl-food:before {
  content: "\eaa4";
  opacity: 0.2;
}
.ph-duotone.ph-bowl-food:after {
  content: "\eaa5";
  margin-left: -1em;
}
.ph-duotone.ph-bowl-steam:before {
  content: "\e8e4";
  opacity: 0.2;
}
.ph-duotone.ph-bowl-steam:after {
  content: "\e8e5";
  margin-left: -1em;
}
.ph-duotone.ph-bowling-ball:before {
  content: "\ea34";
  opacity: 0.2;
}
.ph-duotone.ph-bowling-ball:after {
  content: "\ea35";
  margin-left: -1em;
}
.ph-duotone.ph-box-arrow-down:before {
  content: "\e00e";
  opacity: 0.2;
}
.ph-duotone.ph-box-arrow-down:after {
  content: "\e00f";
  margin-left: -1em;
}
.ph-duotone.ph-box-arrow-up:before {
  content: "\ee54";
  opacity: 0.2;
}
.ph-duotone.ph-box-arrow-up:after {
  content: "\ee55";
  margin-left: -1em;
}
.ph-duotone.ph-boxing-glove:before {
  content: "\ea36";
  opacity: 0.2;
}
.ph-duotone.ph-boxing-glove:after {
  content: "\ea37";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-angle:before {
  content: "\e862";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-angle:after {
  content: "\e863";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-curly:before {
  content: "\e860";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-curly:after {
  content: "\e861";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-round:before {
  content: "\e864";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-round:after {
  content: "\e865";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-square:before {
  content: "\e85e";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-square:after {
  content: "\e85f";
  margin-left: -1em;
}
.ph-duotone.ph-brain:before {
  content: "\e74e";
  opacity: 0.2;
}
.ph-duotone.ph-brain:after {
  content: "\e74f";
  margin-left: -1em;
}
.ph-duotone.ph-brandy:before {
  content: "\e6b4";
  opacity: 0.2;
}
.ph-duotone.ph-brandy:after {
  content: "\e6b5";
  margin-left: -1em;
}
.ph-duotone.ph-bread:before {
  content: "\e81c";
  opacity: 0.2;
}
.ph-duotone.ph-bread:after {
  content: "\e81d";
  margin-left: -1em;
}
.ph-duotone.ph-bridge:before {
  content: "\ea68";
  opacity: 0.2;
}
.ph-duotone.ph-bridge:after {
  content: "\ea69";
  margin-left: -1em;
}
.ph-duotone.ph-briefcase:before {
  content: "\e0ee";
  opacity: 0.2;
}
.ph-duotone.ph-briefcase:after {
  content: "\e0ef";
  margin-left: -1em;
}
.ph-duotone.ph-briefcase-metal:before {
  content: "\e5f2";
  opacity: 0.2;
}
.ph-duotone.ph-briefcase-metal:after {
  content: "\e5f3";
  margin-left: -1em;
}
.ph-duotone.ph-broadcast:before {
  content: "\e0f2";
  opacity: 0.2;
}
.ph-duotone.ph-broadcast:after {
  content: "\e0f3";
  margin-left: -1em;
}
.ph-duotone.ph-broom:before {
  content: "\ec54";
  opacity: 0.2;
}
.ph-duotone.ph-broom:after {
  content: "\ec55";
  margin-left: -1em;
}
.ph-duotone.ph-browser:before {
  content: "\e0f4";
  opacity: 0.2;
}
.ph-duotone.ph-browser:after {
  content: "\e0f5";
  margin-left: -1em;
}
.ph-duotone.ph-browsers:before {
  content: "\e0f6";
  opacity: 0.2;
}
.ph-duotone.ph-browsers:after {
  content: "\e0f7";
  margin-left: -1em;
}
.ph-duotone.ph-bug:before {
  content: "\e5f4";
  opacity: 0.2;
}
.ph-duotone.ph-bug:after {
  content: "\e5f5";
  margin-left: -1em;
}
.ph-duotone.ph-bug-beetle:before {
  content: "\e5f6";
  opacity: 0.2;
}
.ph-duotone.ph-bug-beetle:after {
  content: "\e5f7";
  margin-left: -1em;
}
.ph-duotone.ph-bug-droid:before {
  content: "\e5f8";
  opacity: 0.2;
}
.ph-duotone.ph-bug-droid:after {
  content: "\e5f9";
  margin-left: -1em;
}
.ph-duotone.ph-building:before {
  content: "\e100";
  opacity: 0.2;
}
.ph-duotone.ph-building:after {
  content: "\e101";
  margin-left: -1em;
}
.ph-duotone.ph-building-apartment:before {
  content: "\e0fe";
  opacity: 0.2;
}
.ph-duotone.ph-building-apartment:after {
  content: "\e103";
  margin-left: -1em;
}
.ph-duotone.ph-building-office:before {
  content: "\e0ff";
  opacity: 0.2;
}
.ph-duotone.ph-building-office:after {
  content: "\e104";
  margin-left: -1em;
}
.ph-duotone.ph-buildings:before {
  content: "\e102";
  opacity: 0.2;
}
.ph-duotone.ph-buildings:after {
  content: "\e105";
  margin-left: -1em;
}
.ph-duotone.ph-bulldozer:before {
  content: "\ec6c";
  opacity: 0.2;
}
.ph-duotone.ph-bulldozer:after {
  content: "\ec6d";
  margin-left: -1em;
}
.ph-duotone.ph-bus:before {
  content: "\e106";
  opacity: 0.2;
}
.ph-duotone.ph-bus:after {
  content: "\e107";
  margin-left: -1em;
}
.ph-duotone.ph-butterfly:before {
  content: "\ea6e";
  opacity: 0.2;
}
.ph-duotone.ph-butterfly:after {
  content: "\ea6f";
  margin-left: -1em;
}
.ph-duotone.ph-cable-car:before {
  content: "\e49c";
  opacity: 0.2;
}
.ph-duotone.ph-cable-car:after {
  content: "\e49d";
  margin-left: -1em;
}
.ph-duotone.ph-cactus:before {
  content: "\e918";
  opacity: 0.2;
}
.ph-duotone.ph-cactus:after {
  content: "\e919";
  margin-left: -1em;
}
.ph-duotone.ph-cake:before {
  content: "\e780";
  opacity: 0.2;
}
.ph-duotone.ph-cake:after {
  content: "\e781";
  margin-left: -1em;
}
.ph-duotone.ph-calculator:before {
  content: "\e538";
  opacity: 0.2;
}
.ph-duotone.ph-calculator:after {
  content: "\e539";
  margin-left: -1em;
}
.ph-duotone.ph-calendar:before {
  content: "\e108";
  opacity: 0.2;
}
.ph-duotone.ph-calendar:after {
  content: "\e109";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-blank:before {
  content: "\e10a";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-blank:after {
  content: "\e10b";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-check:before {
  content: "\e712";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-check:after {
  content: "\e713";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-dot:before {
  content: "\e7b2";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-dot:after {
  content: "\e7b3";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-dots:before {
  content: "\e7b4";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-dots:after {
  content: "\e7b5";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-heart:before {
  content: "\e8b0";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-heart:after {
  content: "\e8b1";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-minus:before {
  content: "\ea14";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-minus:after {
  content: "\ea15";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-plus:before {
  content: "\e714";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-plus:after {
  content: "\e715";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-slash:before {
  content: "\ea12";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-slash:after {
  content: "\ea13";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-star:before {
  content: "\e8b2";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-star:after {
  content: "\e8b3";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-x:before {
  content: "\e10c";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-x:after {
  content: "\e10d";
  margin-left: -1em;
}
.ph-duotone.ph-call-bell:before {
  content: "\e7de";
  opacity: 0.2;
}
.ph-duotone.ph-call-bell:after {
  content: "\e7df";
  margin-left: -1em;
}
.ph-duotone.ph-camera:before {
  content: "\e10e";
  opacity: 0.2;
}
.ph-duotone.ph-camera:after {
  content: "\e10f";
  margin-left: -1em;
}
.ph-duotone.ph-camera-plus:before {
  content: "\ec58";
  opacity: 0.2;
}
.ph-duotone.ph-camera-plus:after {
  content: "\ec59";
  margin-left: -1em;
}
.ph-duotone.ph-camera-rotate:before {
  content: "\e7a4";
  opacity: 0.2;
}
.ph-duotone.ph-camera-rotate:after {
  content: "\e7a5";
  margin-left: -1em;
}
.ph-duotone.ph-camera-slash:before {
  content: "\e110";
  opacity: 0.2;
}
.ph-duotone.ph-camera-slash:after {
  content: "\e111";
  margin-left: -1em;
}
.ph-duotone.ph-campfire:before {
  content: "\e9d8";
  opacity: 0.2;
}
.ph-duotone.ph-campfire:after {
  content: "\e9d9";
  margin-left: -1em;
}
.ph-duotone.ph-car:before {
  content: "\e112";
  opacity: 0.2;
}
.ph-duotone.ph-car:after {
  content: "\e113";
  margin-left: -1em;
}
.ph-duotone.ph-car-battery:before {
  content: "\ee30";
  opacity: 0.2;
}
.ph-duotone.ph-car-battery:after {
  content: "\ee31";
  margin-left: -1em;
}
.ph-duotone.ph-car-profile:before {
  content: "\e8cc";
  opacity: 0.2;
}
.ph-duotone.ph-car-profile:after {
  content: "\e8cd";
  margin-left: -1em;
}
.ph-duotone.ph-car-simple:before {
  content: "\e114";
  opacity: 0.2;
}
.ph-duotone.ph-car-simple:after {
  content: "\e115";
  margin-left: -1em;
}
.ph-duotone.ph-cardholder:before {
  content: "\e5fa";
  opacity: 0.2;
}
.ph-duotone.ph-cardholder:after {
  content: "\e5fb";
  margin-left: -1em;
}
.ph-duotone.ph-cards:before {
  content: "\e0f8";
  opacity: 0.2;
}
.ph-duotone.ph-cards:after {
  content: "\e0f9";
  margin-left: -1em;
}
.ph-duotone.ph-cards-three:before {
  content: "\ee50";
  opacity: 0.2;
}
.ph-duotone.ph-cards-three:after {
  content: "\ee51";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-down:before {
  content: "\e116";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-down:after {
  content: "\e117";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-left:before {
  content: "\e118";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-left:after {
  content: "\e119";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-right:before {
  content: "\e11a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-right:after {
  content: "\e11b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-up:before {
  content: "\e11c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-up:after {
  content: "\e11d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-down:before {
  content: "\e11e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-down:after {
  content: "\e11f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-left:before {
  content: "\e120";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-left:after {
  content: "\e121";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-right:before {
  content: "\e122";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-right:after {
  content: "\e123";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-up:before {
  content: "\e124";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-up:after {
  content: "\e125";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-up-down:before {
  content: "\e13e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-up-down:after {
  content: "\e13f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-down:before {
  content: "\e126";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-down:after {
  content: "\e127";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-left:before {
  content: "\e128";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-left:after {
  content: "\e129";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-right:before {
  content: "\e12a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-right:after {
  content: "\e12b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-up:before {
  content: "\e12c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-up:after {
  content: "\e12d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-down:before {
  content: "\e136";
  opacity: 0.2;
}
.ph-duotone.ph-caret-down:after {
  content: "\e137";
  margin-left: -1em;
}
.ph-duotone.ph-caret-left:before {
  content: "\e138";
  opacity: 0.2;
}
.ph-duotone.ph-caret-left:after {
  content: "\e139";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-down:before {
  content: "\e134";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-down:after {
  content: "\e135";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-left:before {
  content: "\e132";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-left:after {
  content: "\e133";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-right:before {
  content: "\e130";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-right:after {
  content: "\e131";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-up:before {
  content: "\e12e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-up:after {
  content: "\e12f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-right:before {
  content: "\e13a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-right:after {
  content: "\e13b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-up:before {
  content: "\e13c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-up:after {
  content: "\e13d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-up-down:before {
  content: "\e140";
  opacity: 0.2;
}
.ph-duotone.ph-caret-up-down:after {
  content: "\e141";
  margin-left: -1em;
}
.ph-duotone.ph-carrot:before {
  content: "\ed38";
  opacity: 0.2;
}
.ph-duotone.ph-carrot:after {
  content: "\ed39";
  margin-left: -1em;
}
.ph-duotone.ph-cash-register:before {
  content: "\ed80";
  opacity: 0.2;
}
.ph-duotone.ph-cash-register:after {
  content: "\ed81";
  margin-left: -1em;
}
.ph-duotone.ph-cassette-tape:before {
  content: "\ed2e";
  opacity: 0.2;
}
.ph-duotone.ph-cassette-tape:after {
  content: "\ed2f";
  margin-left: -1em;
}
.ph-duotone.ph-castle-turret:before {
  content: "\e9d0";
  opacity: 0.2;
}
.ph-duotone.ph-castle-turret:after {
  content: "\e9d1";
  margin-left: -1em;
}
.ph-duotone.ph-cat:before {
  content: "\e748";
  opacity: 0.2;
}
.ph-duotone.ph-cat:after {
  content: "\e749";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-full:before {
  content: "\e142";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-full:after {
  content: "\e143";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-high:before {
  content: "\e144";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-high:after {
  content: "\e145";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-low:before {
  content: "\e146";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-low:after {
  content: "\e147";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-medium:before {
  content: "\e148";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-medium:after {
  content: "\e149";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-none:before {
  content: "\e14a";
  color: #444;
}
.ph-duotone.ph-cell-signal-slash:before {
  content: "\e14c";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-slash:after {
  content: "\e14d";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-x:before {
  content: "\e14e";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-x:after {
  content: "\e14f";
  margin-left: -1em;
}
.ph-duotone.ph-cell-tower:before {
  content: "\ebaa";
  opacity: 0.2;
}
.ph-duotone.ph-cell-tower:after {
  content: "\ebab";
  margin-left: -1em;
}
.ph-duotone.ph-certificate:before {
  content: "\e766";
  opacity: 0.2;
}
.ph-duotone.ph-certificate:after {
  content: "\e767";
  margin-left: -1em;
}
.ph-duotone.ph-chair:before {
  content: "\e950";
  opacity: 0.2;
}
.ph-duotone.ph-chair:after {
  content: "\e951";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard:before {
  content: "\e5fc";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard:after {
  content: "\e5fd";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard-simple:before {
  content: "\e5fe";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard-simple:after {
  content: "\e5ff";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard-teacher:before {
  content: "\e600";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard-teacher:after {
  content: "\e601";
  margin-left: -1em;
}
.ph-duotone.ph-champagne:before {
  content: "\eaca";
  opacity: 0.2;
}
.ph-duotone.ph-champagne:after {
  content: "\eacb";
  margin-left: -1em;
}
.ph-duotone.ph-charging-station:before {
  content: "\e8d0";
  opacity: 0.2;
}
.ph-duotone.ph-charging-station:after {
  content: "\e8d1";
  margin-left: -1em;
}
.ph-duotone.ph-chart-bar:before {
  content: "\e150";
  opacity: 0.2;
}
.ph-duotone.ph-chart-bar:after {
  content: "\e151";
  margin-left: -1em;
}
.ph-duotone.ph-chart-bar-horizontal:before {
  content: "\e152";
  opacity: 0.2;
}
.ph-duotone.ph-chart-bar-horizontal:after {
  content: "\e153";
  margin-left: -1em;
}
.ph-duotone.ph-chart-donut:before {
  content: "\eaa6";
  opacity: 0.2;
}
.ph-duotone.ph-chart-donut:after {
  content: "\eaa7";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line:before {
  content: "\e154";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line:after {
  content: "\e155";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line-down:before {
  content: "\e8b6";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line-down:after {
  content: "\e8b7";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line-up:before {
  content: "\e156";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line-up:after {
  content: "\e157";
  margin-left: -1em;
}
.ph-duotone.ph-chart-pie:before {
  content: "\e158";
  opacity: 0.2;
}
.ph-duotone.ph-chart-pie:after {
  content: "\e159";
  margin-left: -1em;
}
.ph-duotone.ph-chart-pie-slice:before {
  content: "\e15a";
  opacity: 0.2;
}
.ph-duotone.ph-chart-pie-slice:after {
  content: "\e15b";
  margin-left: -1em;
}
.ph-duotone.ph-chart-polar:before {
  content: "\eaa8";
  opacity: 0.2;
}
.ph-duotone.ph-chart-polar:after {
  content: "\eaa9";
  margin-left: -1em;
}
.ph-duotone.ph-chart-scatter:before {
  content: "\eaac";
  opacity: 0.2;
}
.ph-duotone.ph-chart-scatter:after {
  content: "\eaad";
  margin-left: -1em;
}
.ph-duotone.ph-chat:before {
  content: "\e15c";
  opacity: 0.2;
}
.ph-duotone.ph-chat:after {
  content: "\e15d";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered:before {
  content: "\e160";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered:after {
  content: "\e161";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-dots:before {
  content: "\e164";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-dots:after {
  content: "\e165";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-slash:before {
  content: "\e162";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-slash:after {
  content: "\e163";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-text:before {
  content: "\e166";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-text:after {
  content: "\e167";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle:before {
  content: "\e168";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle:after {
  content: "\e169";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-dots:before {
  content: "\e16c";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-dots:after {
  content: "\e16d";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-slash:before {
  content: "\e16a";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-slash:after {
  content: "\e16b";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-text:before {
  content: "\e16e";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-text:after {
  content: "\e16f";
  margin-left: -1em;
}
.ph-duotone.ph-chat-dots:before {
  content: "\e170";
  opacity: 0.2;
}
.ph-duotone.ph-chat-dots:after {
  content: "\e171";
  margin-left: -1em;
}
.ph-duotone.ph-chat-slash:before {
  content: "\e15e";
  opacity: 0.2;
}
.ph-duotone.ph-chat-slash:after {
  content: "\e15f";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop:before {
  content: "\e172";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop:after {
  content: "\e173";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-dots:before {
  content: "\e176";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-dots:after {
  content: "\e177";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-slash:before {
  content: "\e174";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-slash:after {
  content: "\e175";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-text:before {
  content: "\e178";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-text:after {
  content: "\e179";
  margin-left: -1em;
}
.ph-duotone.ph-chat-text:before {
  content: "\e17a";
  opacity: 0.2;
}
.ph-duotone.ph-chat-text:after {
  content: "\e17b";
  margin-left: -1em;
}
.ph-duotone.ph-chats:before {
  content: "\e17c";
  opacity: 0.2;
}
.ph-duotone.ph-chats:after {
  content: "\e17d";
  margin-left: -1em;
}
.ph-duotone.ph-chats-circle:before {
  content: "\e17e";
  opacity: 0.2;
}
.ph-duotone.ph-chats-circle:after {
  content: "\e17f";
  margin-left: -1em;
}
.ph-duotone.ph-chats-teardrop:before {
  content: "\e180";
  opacity: 0.2;
}
.ph-duotone.ph-chats-teardrop:after {
  content: "\e181";
  margin-left: -1em;
}
.ph-duotone.ph-check:before {
  content: "\e182";
  opacity: 0.2;
}
.ph-duotone.ph-check:after {
  content: "\e183";
  margin-left: -1em;
}
.ph-duotone.ph-check-circle:before {
  content: "\e184";
  opacity: 0.2;
}
.ph-duotone.ph-check-circle:after {
  content: "\e185";
  margin-left: -1em;
}
.ph-duotone.ph-check-fat:before {
  content: "\eba6";
  opacity: 0.2;
}
.ph-duotone.ph-check-fat:after {
  content: "\eba7";
  margin-left: -1em;
}
.ph-duotone.ph-check-square:before {
  content: "\e186";
  opacity: 0.2;
}
.ph-duotone.ph-check-square:after {
  content: "\e187";
  margin-left: -1em;
}
.ph-duotone.ph-check-square-offset:before {
  content: "\e188";
  opacity: 0.2;
}
.ph-duotone.ph-check-square-offset:after {
  content: "\e189";
  margin-left: -1em;
}
.ph-duotone.ph-checkerboard:before {
  content: "\e8c4";
  opacity: 0.2;
}
.ph-duotone.ph-checkerboard:after {
  content: "\e8c5";
  margin-left: -1em;
}
.ph-duotone.ph-checks:before {
  content: "\e53a";
  opacity: 0.2;
}
.ph-duotone.ph-checks:after {
  content: "\e53b";
  margin-left: -1em;
}
.ph-duotone.ph-cheers:before {
  content: "\ea4a";
  opacity: 0.2;
}
.ph-duotone.ph-cheers:after {
  content: "\ea4b";
  margin-left: -1em;
}
.ph-duotone.ph-cheese:before {
  content: "\e9fe";
  opacity: 0.2;
}
.ph-duotone.ph-cheese:after {
  content: "\e9ff";
  margin-left: -1em;
}
.ph-duotone.ph-chef-hat:before {
  content: "\ed8e";
  opacity: 0.2;
}
.ph-duotone.ph-chef-hat:after {
  content: "\ed8f";
  margin-left: -1em;
}
.ph-duotone.ph-cherries:before {
  content: "\e830";
  opacity: 0.2;
}
.ph-duotone.ph-cherries:after {
  content: "\e831";
  margin-left: -1em;
}
.ph-duotone.ph-church:before {
  content: "\ecea";
  opacity: 0.2;
}
.ph-duotone.ph-church:after {
  content: "\eceb";
  margin-left: -1em;
}
.ph-duotone.ph-cigarette:before {
  content: "\ed90";
  opacity: 0.2;
}
.ph-duotone.ph-cigarette:after {
  content: "\ed91";
  margin-left: -1em;
}
.ph-duotone.ph-cigarette-slash:before {
  content: "\ed92";
  opacity: 0.2;
}
.ph-duotone.ph-cigarette-slash:after {
  content: "\ed93";
  margin-left: -1em;
}
.ph-duotone.ph-circle:before {
  content: "\e18a";
  opacity: 0.2;
}
.ph-duotone.ph-circle:after {
  content: "\e18b";
  margin-left: -1em;
}
.ph-duotone.ph-circle-dashed:before {
  content: "\e602";
  opacity: 0.2;
}
.ph-duotone.ph-circle-dashed:after {
  content: "\e603";
  margin-left: -1em;
}
.ph-duotone.ph-circle-half:before {
  content: "\e18c";
  opacity: 0.2;
}
.ph-duotone.ph-circle-half:after {
  content: "\e18d";
  margin-left: -1em;
}
.ph-duotone.ph-circle-half-tilt:before {
  content: "\e18e";
  opacity: 0.2;
}
.ph-duotone.ph-circle-half-tilt:after {
  content: "\e18f";
  margin-left: -1em;
}
.ph-duotone.ph-circle-notch:before {
  content: "\eb44";
  opacity: 0.2;
}
.ph-duotone.ph-circle-notch:after {
  content: "\eb45";
  margin-left: -1em;
}
.ph-duotone.ph-circles-four:before {
  content: "\e190";
  opacity: 0.2;
}
.ph-duotone.ph-circles-four:after {
  content: "\e191";
  margin-left: -1em;
}
.ph-duotone.ph-circles-three:before {
  content: "\e192";
  opacity: 0.2;
}
.ph-duotone.ph-circles-three:after {
  content: "\e193";
  margin-left: -1em;
}
.ph-duotone.ph-circles-three-plus:before {
  content: "\e194";
  opacity: 0.2;
}
.ph-duotone.ph-circles-three-plus:after {
  content: "\e195";
  margin-left: -1em;
}
.ph-duotone.ph-circuitry:before {
  content: "\e9c2";
  opacity: 0.2;
}
.ph-duotone.ph-circuitry:after {
  content: "\e9c3";
  margin-left: -1em;
}
.ph-duotone.ph-city:before {
  content: "\ea6a";
  opacity: 0.2;
}
.ph-duotone.ph-city:after {
  content: "\ea6b";
  margin-left: -1em;
}
.ph-duotone.ph-clipboard:before {
  content: "\e196";
  opacity: 0.2;
}
.ph-duotone.ph-clipboard:after {
  content: "\e197";
  margin-left: -1em;
}
.ph-duotone.ph-clipboard-text:before {
  content: "\e198";
  opacity: 0.2;
}
.ph-duotone.ph-clipboard-text:after {
  content: "\e199";
  margin-left: -1em;
}
.ph-duotone.ph-clock:before {
  content: "\e19a";
  opacity: 0.2;
}
.ph-duotone.ph-clock:after {
  content: "\e19b";
  margin-left: -1em;
}
.ph-duotone.ph-clock-afternoon:before {
  content: "\e19c";
  opacity: 0.2;
}
.ph-duotone.ph-clock-afternoon:after {
  content: "\e19d";
  margin-left: -1em;
}
.ph-duotone.ph-clock-clockwise:before {
  content: "\e19e";
  opacity: 0.2;
}
.ph-duotone.ph-clock-clockwise:after {
  content: "\e19f";
  margin-left: -1em;
}
.ph-duotone.ph-clock-countdown:before {
  content: "\ed2c";
  opacity: 0.2;
}
.ph-duotone.ph-clock-countdown:after {
  content: "\ed2d";
  margin-left: -1em;
}
.ph-duotone.ph-clock-counter-clockwise:before {
  content: "\e1a0";
  opacity: 0.2;
}
.ph-duotone.ph-clock-counter-clockwise:after {
  content: "\e1a1";
  margin-left: -1em;
}
.ph-duotone.ph-clock-user:before {
  content: "\edec";
  opacity: 0.2;
}
.ph-duotone.ph-clock-user:after {
  content: "\eded";
  margin-left: -1em;
}
.ph-duotone.ph-closed-captioning:before {
  content: "\e1a4";
  opacity: 0.2;
}
.ph-duotone.ph-closed-captioning:after {
  content: "\e1a5";
  margin-left: -1em;
}
.ph-duotone.ph-cloud:before {
  content: "\e1aa";
  opacity: 0.2;
}
.ph-duotone.ph-cloud:after {
  content: "\e1ab";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-arrow-down:before {
  content: "\e1ac";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-arrow-down:after {
  content: "\e1ad";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-arrow-up:before {
  content: "\e1ae";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-arrow-up:after {
  content: "\e1af";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-check:before {
  content: "\e1b0";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-check:after {
  content: "\e1b1";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-fog:before {
  content: "\e53c";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-fog:after {
  content: "\e53d";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-lightning:before {
  content: "\e1b2";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-lightning:after {
  content: "\e1b3";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-moon:before {
  content: "\e53e";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-moon:after {
  content: "\e53f";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-rain:before {
  content: "\e1b4";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-rain:after {
  content: "\e1b5";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-slash:before {
  content: "\e1b6";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-slash:after {
  content: "\e1b7";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-snow:before {
  content: "\e1b8";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-snow:after {
  content: "\e1b9";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-sun:before {
  content: "\e540";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-sun:after {
  content: "\e541";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-warning:before {
  content: "\ea98";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-warning:after {
  content: "\ea99";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-x:before {
  content: "\ea96";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-x:after {
  content: "\ea97";
  margin-left: -1em;
}
.ph-duotone.ph-clover:before {
  content: "\edc8";
  opacity: 0.2;
}
.ph-duotone.ph-clover:after {
  content: "\edc9";
  margin-left: -1em;
}
.ph-duotone.ph-club:before {
  content: "\e1ba";
  opacity: 0.2;
}
.ph-duotone.ph-club:after {
  content: "\e1bb";
  margin-left: -1em;
}
.ph-duotone.ph-coat-hanger:before {
  content: "\e7fe";
  opacity: 0.2;
}
.ph-duotone.ph-coat-hanger:after {
  content: "\e7ff";
  margin-left: -1em;
}
.ph-duotone.ph-coda-logo:before {
  content: "\e7ce";
  opacity: 0.2;
}
.ph-duotone.ph-coda-logo:after {
  content: "\e7cf";
  margin-left: -1em;
}
.ph-duotone.ph-code:before {
  content: "\e1bc";
  opacity: 0.2;
}
.ph-duotone.ph-code:after {
  content: "\e1bd";
  margin-left: -1em;
}
.ph-duotone.ph-code-block:before {
  content: "\eafe";
  opacity: 0.2;
}
.ph-duotone.ph-code-block:after {
  content: "\eaff";
  margin-left: -1em;
}
.ph-duotone.ph-code-simple:before {
  content: "\e1be";
  opacity: 0.2;
}
.ph-duotone.ph-code-simple:after {
  content: "\e1bf";
  margin-left: -1em;
}
.ph-duotone.ph-codepen-logo:before {
  content: "\e978";
  opacity: 0.2;
}
.ph-duotone.ph-codepen-logo:after {
  content: "\e979";
  margin-left: -1em;
}
.ph-duotone.ph-codesandbox-logo:before {
  content: "\ea06";
  opacity: 0.2;
}
.ph-duotone.ph-codesandbox-logo:after {
  content: "\ea07";
  margin-left: -1em;
}
.ph-duotone.ph-coffee:before {
  content: "\e1c2";
  opacity: 0.2;
}
.ph-duotone.ph-coffee:after {
  content: "\e1c3";
  margin-left: -1em;
}
.ph-duotone.ph-coffee-bean:before {
  content: "\e1c0";
  opacity: 0.2;
}
.ph-duotone.ph-coffee-bean:after {
  content: "\e1c1";
  margin-left: -1em;
}
.ph-duotone.ph-coin:before {
  content: "\e60e";
  opacity: 0.2;
}
.ph-duotone.ph-coin:after {
  content: "\e60f";
  margin-left: -1em;
}
.ph-duotone.ph-coin-vertical:before {
  content: "\eb48";
  opacity: 0.2;
}
.ph-duotone.ph-coin-vertical:after {
  content: "\eb49";
  margin-left: -1em;
}
.ph-duotone.ph-coins:before {
  content: "\e78e";
  opacity: 0.2;
}
.ph-duotone.ph-coins:after {
  content: "\e78f";
  margin-left: -1em;
}
.ph-duotone.ph-columns:before {
  content: "\e546";
  opacity: 0.2;
}
.ph-duotone.ph-columns:after {
  content: "\e547";
  margin-left: -1em;
}
.ph-duotone.ph-columns-plus-left:before {
  content: "\e544";
  opacity: 0.2;
}
.ph-duotone.ph-columns-plus-left:after {
  content: "\e545";
  margin-left: -1em;
}
.ph-duotone.ph-columns-plus-right:before {
  content: "\e542";
  opacity: 0.2;
}
.ph-duotone.ph-columns-plus-right:after {
  content: "\e543";
  margin-left: -1em;
}
.ph-duotone.ph-command:before {
  content: "\e1c4";
  opacity: 0.2;
}
.ph-duotone.ph-command:after {
  content: "\e1c5";
  margin-left: -1em;
}
.ph-duotone.ph-compass:before {
  content: "\e1c8";
  opacity: 0.2;
}
.ph-duotone.ph-compass:after {
  content: "\e1c9";
  margin-left: -1em;
}
.ph-duotone.ph-compass-rose:before {
  content: "\e1c6";
  opacity: 0.2;
}
.ph-duotone.ph-compass-rose:after {
  content: "\e1c7";
  margin-left: -1em;
}
.ph-duotone.ph-compass-tool:before {
  content: "\ea0e";
  opacity: 0.2;
}
.ph-duotone.ph-compass-tool:after {
  content: "\ea0f";
  margin-left: -1em;
}
.ph-duotone.ph-computer-tower:before {
  content: "\e548";
  opacity: 0.2;
}
.ph-duotone.ph-computer-tower:after {
  content: "\e549";
  margin-left: -1em;
}
.ph-duotone.ph-confetti:before {
  content: "\e81a";
  opacity: 0.2;
}
.ph-duotone.ph-confetti:after {
  content: "\e81b";
  margin-left: -1em;
}
.ph-duotone.ph-contactless-payment:before {
  content: "\ed42";
  opacity: 0.2;
}
.ph-duotone.ph-contactless-payment:after {
  content: "\ed43";
  margin-left: -1em;
}
.ph-duotone.ph-control:before {
  content: "\eca6";
  opacity: 0.2;
}
.ph-duotone.ph-control:after {
  content: "\eca7";
  margin-left: -1em;
}
.ph-duotone.ph-cookie:before {
  content: "\e6ca";
  opacity: 0.2;
}
.ph-duotone.ph-cookie:after {
  content: "\e6cb";
  margin-left: -1em;
}
.ph-duotone.ph-cooking-pot:before {
  content: "\e764";
  opacity: 0.2;
}
.ph-duotone.ph-cooking-pot:after {
  content: "\e765";
  margin-left: -1em;
}
.ph-duotone.ph-copy:before {
  content: "\e1ca";
  opacity: 0.2;
}
.ph-duotone.ph-copy:after {
  content: "\e1cb";
  margin-left: -1em;
}
.ph-duotone.ph-copy-simple:before {
  content: "\e1cc";
  opacity: 0.2;
}
.ph-duotone.ph-copy-simple:after {
  content: "\e1cd";
  margin-left: -1em;
}
.ph-duotone.ph-copyleft:before {
  content: "\e86a";
  opacity: 0.2;
}
.ph-duotone.ph-copyleft:after {
  content: "\e86b";
  margin-left: -1em;
}
.ph-duotone.ph-copyright:before {
  content: "\e54a";
  opacity: 0.2;
}
.ph-duotone.ph-copyright:after {
  content: "\e54b";
  margin-left: -1em;
}
.ph-duotone.ph-corners-in:before {
  content: "\e1ce";
  opacity: 0.2;
}
.ph-duotone.ph-corners-in:after {
  content: "\e1cf";
  margin-left: -1em;
}
.ph-duotone.ph-corners-out:before {
  content: "\e1d0";
  opacity: 0.2;
}
.ph-duotone.ph-corners-out:after {
  content: "\e1d1";
  margin-left: -1em;
}
.ph-duotone.ph-couch:before {
  content: "\e7f6";
  opacity: 0.2;
}
.ph-duotone.ph-couch:after {
  content: "\e7f7";
  margin-left: -1em;
}
.ph-duotone.ph-court-basketball:before {
  content: "\ee36";
  opacity: 0.2;
}
.ph-duotone.ph-court-basketball:after {
  content: "\ee37";
  margin-left: -1em;
}
.ph-duotone.ph-cow:before {
  content: "\eabe";
  opacity: 0.2;
}
.ph-duotone.ph-cow:after {
  content: "\eabf";
  margin-left: -1em;
}
.ph-duotone.ph-cowboy-hat:before {
  content: "\ed12";
  opacity: 0.2;
}
.ph-duotone.ph-cowboy-hat:after {
  content: "\ed13";
  margin-left: -1em;
}
.ph-duotone.ph-cpu:before {
  content: "\e610";
  opacity: 0.2;
}
.ph-duotone.ph-cpu:after {
  content: "\e611";
  margin-left: -1em;
}
.ph-duotone.ph-crane:before {
  content: "\ed48";
  opacity: 0.2;
}
.ph-duotone.ph-crane:after {
  content: "\ed4b";
  margin-left: -1em;
}
.ph-duotone.ph-crane-tower:before {
  content: "\ed49";
  opacity: 0.2;
}
.ph-duotone.ph-crane-tower:after {
  content: "\ed4d";
  margin-left: -1em;
}
.ph-duotone.ph-credit-card:before {
  content: "\e1d2";
  opacity: 0.2;
}
.ph-duotone.ph-credit-card:after {
  content: "\e1d3";
  margin-left: -1em;
}
.ph-duotone.ph-cricket:before {
  content: "\ee12";
  opacity: 0.2;
}
.ph-duotone.ph-cricket:after {
  content: "\ee13";
  margin-left: -1em;
}
.ph-duotone.ph-crop:before {
  content: "\e1d4";
  opacity: 0.2;
}
.ph-duotone.ph-crop:after {
  content: "\e1d5";
  margin-left: -1em;
}
.ph-duotone.ph-cross:before {
  content: "\e8a0";
  opacity: 0.2;
}
.ph-duotone.ph-cross:after {
  content: "\e8a1";
  margin-left: -1em;
}
.ph-duotone.ph-crosshair:before {
  content: "\e1d6";
  opacity: 0.2;
}
.ph-duotone.ph-crosshair:after {
  content: "\e1d7";
  margin-left: -1em;
}
.ph-duotone.ph-crosshair-simple:before {
  content: "\e1d8";
  opacity: 0.2;
}
.ph-duotone.ph-crosshair-simple:after {
  content: "\e1d9";
  margin-left: -1em;
}
.ph-duotone.ph-crown:before {
  content: "\e614";
  opacity: 0.2;
}
.ph-duotone.ph-crown:after {
  content: "\e615";
  margin-left: -1em;
}
.ph-duotone.ph-crown-cross:before {
  content: "\ee5e";
  opacity: 0.2;
}
.ph-duotone.ph-crown-cross:after {
  content: "\ee5f";
  margin-left: -1em;
}
.ph-duotone.ph-crown-simple:before {
  content: "\e616";
  opacity: 0.2;
}
.ph-duotone.ph-crown-simple:after {
  content: "\e617";
  margin-left: -1em;
}
.ph-duotone.ph-cube:before {
  content: "\e1da";
  opacity: 0.2;
}
.ph-duotone.ph-cube:after {
  content: "\e1db";
  margin-left: -1em;
}
.ph-duotone.ph-cube-focus:before {
  content: "\ed0a";
  opacity: 0.2;
}
.ph-duotone.ph-cube-focus:after {
  content: "\ed0b";
  margin-left: -1em;
}
.ph-duotone.ph-cube-transparent:before {
  content: "\ec7c";
  opacity: 0.2;
}
.ph-duotone.ph-cube-transparent:after {
  content: "\ec7d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-btc:before {
  content: "\e618";
  opacity: 0.2;
}
.ph-duotone.ph-currency-btc:after {
  content: "\e619";
  margin-left: -1em;
}
.ph-duotone.ph-currency-circle-dollar:before {
  content: "\e54c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-circle-dollar:after {
  content: "\e54d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-cny:before {
  content: "\e54e";
  opacity: 0.2;
}
.ph-duotone.ph-currency-cny:after {
  content: "\e54f";
  margin-left: -1em;
}
.ph-duotone.ph-currency-dollar:before {
  content: "\e550";
  opacity: 0.2;
}
.ph-duotone.ph-currency-dollar:after {
  content: "\e551";
  margin-left: -1em;
}
.ph-duotone.ph-currency-dollar-simple:before {
  content: "\e552";
  opacity: 0.2;
}
.ph-duotone.ph-currency-dollar-simple:after {
  content: "\e553";
  margin-left: -1em;
}
.ph-duotone.ph-currency-eth:before {
  content: "\eada";
  opacity: 0.2;
}
.ph-duotone.ph-currency-eth:after {
  content: "\eadb";
  margin-left: -1em;
}
.ph-duotone.ph-currency-eur:before {
  content: "\e554";
  opacity: 0.2;
}
.ph-duotone.ph-currency-eur:after {
  content: "\e555";
  margin-left: -1em;
}
.ph-duotone.ph-currency-gbp:before {
  content: "\e556";
  opacity: 0.2;
}
.ph-duotone.ph-currency-gbp:after {
  content: "\e557";
  margin-left: -1em;
}
.ph-duotone.ph-currency-inr:before {
  content: "\e558";
  opacity: 0.2;
}
.ph-duotone.ph-currency-inr:after {
  content: "\e559";
  margin-left: -1em;
}
.ph-duotone.ph-currency-jpy:before {
  content: "\e55a";
  opacity: 0.2;
}
.ph-duotone.ph-currency-jpy:after {
  content: "\e55b";
  margin-left: -1em;
}
.ph-duotone.ph-currency-krw:before {
  content: "\e55c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-krw:after {
  content: "\e55d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-kzt:before {
  content: "\ec4c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-kzt:after {
  content: "\ec4d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-ngn:before {
  content: "\eb52";
  opacity: 0.2;
}
.ph-duotone.ph-currency-ngn:after {
  content: "\eb53";
  margin-left: -1em;
}
.ph-duotone.ph-currency-rub:before {
  content: "\e55e";
  opacity: 0.2;
}
.ph-duotone.ph-currency-rub:after {
  content: "\e55f";
  margin-left: -1em;
}
.ph-duotone.ph-cursor:before {
  content: "\e1dc";
  opacity: 0.2;
}
.ph-duotone.ph-cursor:after {
  content: "\e1dd";
  margin-left: -1em;
}
.ph-duotone.ph-cursor-click:before {
  content: "\e7c8";
  opacity: 0.2;
}
.ph-duotone.ph-cursor-click:after {
  content: "\e7c9";
  margin-left: -1em;
}
.ph-duotone.ph-cursor-text:before {
  content: "\e7d8";
  opacity: 0.2;
}
.ph-duotone.ph-cursor-text:after {
  content: "\e7d9";
  margin-left: -1em;
}
.ph-duotone.ph-cylinder:before {
  content: "\e8fc";
  opacity: 0.2;
}
.ph-duotone.ph-cylinder:after {
  content: "\e8fd";
  margin-left: -1em;
}
.ph-duotone.ph-database:before {
  content: "\e1de";
  opacity: 0.2;
}
.ph-duotone.ph-database:after {
  content: "\e1df";
  margin-left: -1em;
}
.ph-duotone.ph-desk:before {
  content: "\ed16";
  opacity: 0.2;
}
.ph-duotone.ph-desk:after {
  content: "\ed17";
  margin-left: -1em;
}
.ph-duotone.ph-desktop:before {
  content: "\e560";
  opacity: 0.2;
}
.ph-duotone.ph-desktop:after {
  content: "\e561";
  margin-left: -1em;
}
.ph-duotone.ph-desktop-tower:before {
  content: "\e562";
  opacity: 0.2;
}
.ph-duotone.ph-desktop-tower:after {
  content: "\e563";
  margin-left: -1em;
}
.ph-duotone.ph-detective:before {
  content: "\e83e";
  opacity: 0.2;
}
.ph-duotone.ph-detective:after {
  content: "\e83f";
  margin-left: -1em;
}
.ph-duotone.ph-dev-to-logo:before {
  content: "\ed0e";
  opacity: 0.2;
}
.ph-duotone.ph-dev-to-logo:after {
  content: "\ed0f";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile:before {
  content: "\e1e0";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile:after {
  content: "\e1e1";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-camera:before {
  content: "\e1e2";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-camera:after {
  content: "\e1e3";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-slash:before {
  content: "\ee46";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-slash:after {
  content: "\ee47";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-speaker:before {
  content: "\e1e4";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-speaker:after {
  content: "\e1e5";
  margin-left: -1em;
}
.ph-duotone.ph-device-rotate:before {
  content: "\edf2";
  opacity: 0.2;
}
.ph-duotone.ph-device-rotate:after {
  content: "\edf3";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet:before {
  content: "\e1e6";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet:after {
  content: "\e1e7";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet-camera:before {
  content: "\e1e8";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet-camera:after {
  content: "\e1e9";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet-speaker:before {
  content: "\e1ea";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet-speaker:after {
  content: "\e1eb";
  margin-left: -1em;
}
.ph-duotone.ph-devices:before {
  content: "\eba4";
  opacity: 0.2;
}
.ph-duotone.ph-devices:after {
  content: "\eba5";
  margin-left: -1em;
}
.ph-duotone.ph-diamond:before {
  content: "\e1ec";
  opacity: 0.2;
}
.ph-duotone.ph-diamond:after {
  content: "\e1ed";
  margin-left: -1em;
}
.ph-duotone.ph-diamonds-four:before {
  content: "\e8f4";
  opacity: 0.2;
}
.ph-duotone.ph-diamonds-four:after {
  content: "\e8f5";
  margin-left: -1em;
}
.ph-duotone.ph-dice-five:before {
  content: "\e1ee";
  opacity: 0.2;
}
.ph-duotone.ph-dice-five:after {
  content: "\e1ef";
  margin-left: -1em;
}
.ph-duotone.ph-dice-four:before {
  content: "\e1f0";
  opacity: 0.2;
}
.ph-duotone.ph-dice-four:after {
  content: "\e1f1";
  margin-left: -1em;
}
.ph-duotone.ph-dice-one:before {
  content: "\e1f2";
  opacity: 0.2;
}
.ph-duotone.ph-dice-one:after {
  content: "\e1f3";
  margin-left: -1em;
}
.ph-duotone.ph-dice-six:before {
  content: "\e1f4";
  opacity: 0.2;
}
.ph-duotone.ph-dice-six:after {
  content: "\e1f5";
  margin-left: -1em;
}
.ph-duotone.ph-dice-three:before {
  content: "\e1f6";
  opacity: 0.2;
}
.ph-duotone.ph-dice-three:after {
  content: "\e1f7";
  margin-left: -1em;
}
.ph-duotone.ph-dice-two:before {
  content: "\e1f8";
  opacity: 0.2;
}
.ph-duotone.ph-dice-two:after {
  content: "\e1f9";
  margin-left: -1em;
}
.ph-duotone.ph-disc:before {
  content: "\e564";
  opacity: 0.2;
}
.ph-duotone.ph-disc:after {
  content: "\e565";
  margin-left: -1em;
}
.ph-duotone.ph-disco-ball:before {
  content: "\ed98";
  opacity: 0.2;
}
.ph-duotone.ph-disco-ball:after {
  content: "\ed99";
  margin-left: -1em;
}
.ph-duotone.ph-discord-logo:before {
  content: "\e61a";
  opacity: 0.2;
}
.ph-duotone.ph-discord-logo:after {
  content: "\e61b";
  margin-left: -1em;
}
.ph-duotone.ph-divide:before {
  content: "\e1fa";
  opacity: 0.2;
}
.ph-duotone.ph-divide:after {
  content: "\e1fb";
  margin-left: -1em;
}
.ph-duotone.ph-dna:before {
  content: "\e924";
  opacity: 0.2;
}
.ph-duotone.ph-dna:after {
  content: "\e925";
  margin-left: -1em;
}
.ph-duotone.ph-dog:before {
  content: "\e74a";
  opacity: 0.2;
}
.ph-duotone.ph-dog:after {
  content: "\e74b";
  margin-left: -1em;
}
.ph-duotone.ph-door:before {
  content: "\e61c";
  opacity: 0.2;
}
.ph-duotone.ph-door:after {
  content: "\e61d";
  margin-left: -1em;
}
.ph-duotone.ph-door-open:before {
  content: "\e7e6";
  opacity: 0.2;
}
.ph-duotone.ph-door-open:after {
  content: "\e7e7";
  margin-left: -1em;
}
.ph-duotone.ph-dot:before {
  content: "\ecde";
  opacity: 0.2;
}
.ph-duotone.ph-dot:after {
  content: "\ecdf";
  margin-left: -1em;
}
.ph-duotone.ph-dot-outline:before {
  content: "\ece0";
  opacity: 0.2;
}
.ph-duotone.ph-dot-outline:after {
  content: "\ece1";
  margin-left: -1em;
}
.ph-duotone.ph-dots-nine:before {
  content: "\e1fc";
  opacity: 0.2;
}
.ph-duotone.ph-dots-nine:after {
  content: "\e1fd";
  margin-left: -1em;
}
.ph-duotone.ph-dots-six:before {
  content: "\e794";
  opacity: 0.2;
}
.ph-duotone.ph-dots-six:after {
  content: "\e795";
  margin-left: -1em;
}
.ph-duotone.ph-dots-six-vertical:before {
  content: "\eae2";
  opacity: 0.2;
}
.ph-duotone.ph-dots-six-vertical:after {
  content: "\eae3";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three:before {
  content: "\e1fe";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three:after {
  content: "\e1ff";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-circle:before {
  content: "\e200";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-circle:after {
  content: "\e201";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-circle-vertical:before {
  content: "\e202";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-circle-vertical:after {
  content: "\e203";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-outline:before {
  content: "\e204";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-outline:after {
  content: "\e205";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-outline-vertical:before {
  content: "\e206";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-outline-vertical:after {
  content: "\e207";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-vertical:before {
  content: "\e208";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-vertical:after {
  content: "\e209";
  margin-left: -1em;
}
.ph-duotone.ph-download:before {
  content: "\e20a";
  opacity: 0.2;
}
.ph-duotone.ph-download:after {
  content: "\e20b";
  margin-left: -1em;
}
.ph-duotone.ph-download-simple:before {
  content: "\e20c";
  opacity: 0.2;
}
.ph-duotone.ph-download-simple:after {
  content: "\e20d";
  margin-left: -1em;
}
.ph-duotone.ph-dress:before {
  content: "\ea7e";
  opacity: 0.2;
}
.ph-duotone.ph-dress:after {
  content: "\ea7f";
  margin-left: -1em;
}
.ph-duotone.ph-dresser:before {
  content: "\e94e";
  opacity: 0.2;
}
.ph-duotone.ph-dresser:after {
  content: "\e94f";
  margin-left: -1em;
}
.ph-duotone.ph-dribbble-logo:before {
  content: "\e20e";
  opacity: 0.2;
}
.ph-duotone.ph-dribbble-logo:after {
  content: "\e20f";
  margin-left: -1em;
}
.ph-duotone.ph-drone:before {
  content: "\ed74";
  opacity: 0.2;
}
.ph-duotone.ph-drone:after {
  content: "\ed75";
  margin-left: -1em;
}
.ph-duotone.ph-drop:before {
  content: "\e210";
  opacity: 0.2;
}
.ph-duotone.ph-drop:after {
  content: "\e211";
  margin-left: -1em;
}
.ph-duotone.ph-drop-half:before {
  content: "\e566";
  opacity: 0.2;
}
.ph-duotone.ph-drop-half:after {
  content: "\e567";
  margin-left: -1em;
}
.ph-duotone.ph-drop-half-bottom:before {
  content: "\eb40";
  opacity: 0.2;
}
.ph-duotone.ph-drop-half-bottom:after {
  content: "\eb41";
  margin-left: -1em;
}
.ph-duotone.ph-drop-simple:before {
  content: "\ee32";
  opacity: 0.2;
}
.ph-duotone.ph-drop-simple:after {
  content: "\ee33";
  margin-left: -1em;
}
.ph-duotone.ph-drop-slash:before {
  content: "\e954";
  opacity: 0.2;
}
.ph-duotone.ph-drop-slash:after {
  content: "\e955";
  margin-left: -1em;
}
.ph-duotone.ph-dropbox-logo:before {
  content: "\e7d0";
  opacity: 0.2;
}
.ph-duotone.ph-dropbox-logo:after {
  content: "\e7d1";
  margin-left: -1em;
}
.ph-duotone.ph-ear:before {
  content: "\e70c";
  opacity: 0.2;
}
.ph-duotone.ph-ear:after {
  content: "\e70d";
  margin-left: -1em;
}
.ph-duotone.ph-ear-slash:before {
  content: "\e70e";
  opacity: 0.2;
}
.ph-duotone.ph-ear-slash:after {
  content: "\e70f";
  margin-left: -1em;
}
.ph-duotone.ph-egg:before {
  content: "\e812";
  opacity: 0.2;
}
.ph-duotone.ph-egg:after {
  content: "\e813";
  margin-left: -1em;
}
.ph-duotone.ph-egg-crack:before {
  content: "\eb64";
  opacity: 0.2;
}
.ph-duotone.ph-egg-crack:after {
  content: "\eb65";
  margin-left: -1em;
}
.ph-duotone.ph-eject:before {
  content: "\e212";
  opacity: 0.2;
}
.ph-duotone.ph-eject:after {
  content: "\e213";
  margin-left: -1em;
}
.ph-duotone.ph-eject-simple:before {
  content: "\e6ae";
  opacity: 0.2;
}
.ph-duotone.ph-eject-simple:after {
  content: "\e6af";
  margin-left: -1em;
}
.ph-duotone.ph-elevator:before {
  content: "\ecc0";
  opacity: 0.2;
}
.ph-duotone.ph-elevator:after {
  content: "\ecc1";
  margin-left: -1em;
}
.ph-duotone.ph-empty:before {
  content: "\edbc";
  opacity: 0.2;
}
.ph-duotone.ph-empty:after {
  content: "\edbd";
  margin-left: -1em;
}
.ph-duotone.ph-engine:before {
  content: "\ea80";
  opacity: 0.2;
}
.ph-duotone.ph-engine:after {
  content: "\ea81";
  margin-left: -1em;
}
.ph-duotone.ph-envelope:before {
  content: "\e214";
  opacity: 0.2;
}
.ph-duotone.ph-envelope:after {
  content: "\e215";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-open:before {
  content: "\e216";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-open:after {
  content: "\e217";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-simple:before {
  content: "\e218";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-simple:after {
  content: "\e219";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-simple-open:before {
  content: "\e21a";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-simple-open:after {
  content: "\e21b";
  margin-left: -1em;
}
.ph-duotone.ph-equalizer:before {
  content: "\ebbc";
  opacity: 0.2;
}
.ph-duotone.ph-equalizer:after {
  content: "\ebbd";
  margin-left: -1em;
}
.ph-duotone.ph-equals:before {
  content: "\e21c";
  opacity: 0.2;
}
.ph-duotone.ph-equals:after {
  content: "\e21d";
  margin-left: -1em;
}
.ph-duotone.ph-eraser:before {
  content: "\e21e";
  opacity: 0.2;
}
.ph-duotone.ph-eraser:after {
  content: "\e21f";
  margin-left: -1em;
}
.ph-duotone.ph-escalator-down:before {
  content: "\ecba";
  opacity: 0.2;
}
.ph-duotone.ph-escalator-down:after {
  content: "\ecbb";
  margin-left: -1em;
}
.ph-duotone.ph-escalator-up:before {
  content: "\ecbc";
  opacity: 0.2;
}
.ph-duotone.ph-escalator-up:after {
  content: "\ecbd";
  margin-left: -1em;
}
.ph-duotone.ph-exam:before {
  content: "\e742";
  opacity: 0.2;
}
.ph-duotone.ph-exam:after {
  content: "\e743";
  margin-left: -1em;
}
.ph-duotone.ph-exclamation-mark:before {
  content: "\ee44";
  opacity: 0.2;
}
.ph-duotone.ph-exclamation-mark:after {
  content: "\ee45";
  margin-left: -1em;
}
.ph-duotone.ph-exclude:before {
  content: "\e882";
  opacity: 0.2;
}
.ph-duotone.ph-exclude:after {
  content: "\e883";
  margin-left: -1em;
}
.ph-duotone.ph-exclude-square:before {
  content: "\e880";
  opacity: 0.2;
}
.ph-duotone.ph-exclude-square:after {
  content: "\e881";
  margin-left: -1em;
}
.ph-duotone.ph-export:before {
  content: "\eaf0";
  opacity: 0.2;
}
.ph-duotone.ph-export:after {
  content: "\eaf1";
  margin-left: -1em;
}
.ph-duotone.ph-eye:before {
  content: "\e220";
  opacity: 0.2;
}
.ph-duotone.ph-eye:after {
  content: "\e221";
  margin-left: -1em;
}
.ph-duotone.ph-eye-closed:before {
  content: "\e222";
  opacity: 0.2;
}
.ph-duotone.ph-eye-closed:after {
  content: "\e223";
  margin-left: -1em;
}
.ph-duotone.ph-eye-slash:before {
  content: "\e224";
  opacity: 0.2;
}
.ph-duotone.ph-eye-slash:after {
  content: "\e225";
  margin-left: -1em;
}
.ph-duotone.ph-eyedropper:before {
  content: "\e568";
  opacity: 0.2;
}
.ph-duotone.ph-eyedropper:after {
  content: "\e569";
  margin-left: -1em;
}
.ph-duotone.ph-eyedropper-sample:before {
  content: "\eac4";
  opacity: 0.2;
}
.ph-duotone.ph-eyedropper-sample:after {
  content: "\eac5";
  margin-left: -1em;
}
.ph-duotone.ph-eyeglasses:before {
  content: "\e7ba";
  opacity: 0.2;
}
.ph-duotone.ph-eyeglasses:after {
  content: "\e7bb";
  margin-left: -1em;
}
.ph-duotone.ph-eyes:before {
  content: "\ee5c";
  opacity: 0.2;
}
.ph-duotone.ph-eyes:after {
  content: "\ee5d";
  margin-left: -1em;
}
.ph-duotone.ph-face-mask:before {
  content: "\e56a";
  opacity: 0.2;
}
.ph-duotone.ph-face-mask:after {
  content: "\e56b";
  margin-left: -1em;
}
.ph-duotone.ph-facebook-logo:before {
  content: "\e226";
  opacity: 0.2;
}
.ph-duotone.ph-facebook-logo:after {
  content: "\e227";
  margin-left: -1em;
}
.ph-duotone.ph-factory:before {
  content: "\e760";
  opacity: 0.2;
}
.ph-duotone.ph-factory:after {
  content: "\e761";
  margin-left: -1em;
}
.ph-duotone.ph-faders:before {
  content: "\e228";
  opacity: 0.2;
}
.ph-duotone.ph-faders:after {
  content: "\e229";
  margin-left: -1em;
}
.ph-duotone.ph-faders-horizontal:before {
  content: "\e22a";
  opacity: 0.2;
}
.ph-duotone.ph-faders-horizontal:after {
  content: "\e22b";
  margin-left: -1em;
}
.ph-duotone.ph-fallout-shelter:before {
  content: "\e9de";
  opacity: 0.2;
}
.ph-duotone.ph-fallout-shelter:after {
  content: "\e9df";
  margin-left: -1em;
}
.ph-duotone.ph-fan:before {
  content: "\e9f2";
  opacity: 0.2;
}
.ph-duotone.ph-fan:after {
  content: "\e9f3";
  margin-left: -1em;
}
.ph-duotone.ph-farm:before {
  content: "\ec70";
  opacity: 0.2;
}
.ph-duotone.ph-farm:after {
  content: "\ec71";
  margin-left: -1em;
}
.ph-duotone.ph-fast-forward:before {
  content: "\e6a6";
  opacity: 0.2;
}
.ph-duotone.ph-fast-forward:after {
  content: "\e6a7";
  margin-left: -1em;
}
.ph-duotone.ph-fast-forward-circle:before {
  content: "\e22c";
  opacity: 0.2;
}
.ph-duotone.ph-fast-forward-circle:after {
  content: "\e22d";
  margin-left: -1em;
}
.ph-duotone.ph-feather:before {
  content: "\e9c0";
  opacity: 0.2;
}
.ph-duotone.ph-feather:after {
  content: "\e9c1";
  margin-left: -1em;
}
.ph-duotone.ph-fediverse-logo:before {
  content: "\ed66";
  opacity: 0.2;
}
.ph-duotone.ph-fediverse-logo:after {
  content: "\ed67";
  margin-left: -1em;
}
.ph-duotone.ph-figma-logo:before {
  content: "\e22e";
  opacity: 0.2;
}
.ph-duotone.ph-figma-logo:after {
  content: "\e22f";
  margin-left: -1em;
}
.ph-duotone.ph-file:before {
  content: "\e230";
  opacity: 0.2;
}
.ph-duotone.ph-file:after {
  content: "\e231";
  margin-left: -1em;
}
.ph-duotone.ph-file-archive:before {
  content: "\eb2a";
  opacity: 0.2;
}
.ph-duotone.ph-file-archive:after {
  content: "\eb2b";
  margin-left: -1em;
}
.ph-duotone.ph-file-arrow-down:before {
  content: "\e232";
  opacity: 0.2;
}
.ph-duotone.ph-file-arrow-down:after {
  content: "\e233";
  margin-left: -1em;
}
.ph-duotone.ph-file-arrow-up:before {
  content: "\e61e";
  opacity: 0.2;
}
.ph-duotone.ph-file-arrow-up:after {
  content: "\e61f";
  margin-left: -1em;
}
.ph-duotone.ph-file-audio:before {
  content: "\ea20";
  opacity: 0.2;
}
.ph-duotone.ph-file-audio:after {
  content: "\ea21";
  margin-left: -1em;
}
.ph-duotone.ph-file-c:before {
  content: "\eb32";
  opacity: 0.2;
}
.ph-duotone.ph-file-c:after {
  content: "\eb36";
  margin-left: -1em;
}
.ph-duotone.ph-file-c-sharp:before {
  content: "\eb30";
  opacity: 0.2;
}
.ph-duotone.ph-file-c-sharp:after {
  content: "\eb31";
  margin-left: -1em;
}
.ph-duotone.ph-file-cloud:before {
  content: "\e95e";
  opacity: 0.2;
}
.ph-duotone.ph-file-cloud:after {
  content: "\e95f";
  margin-left: -1em;
}
.ph-duotone.ph-file-code:before {
  content: "\e914";
  opacity: 0.2;
}
.ph-duotone.ph-file-code:after {
  content: "\e915";
  margin-left: -1em;
}
.ph-duotone.ph-file-cpp:before {
  content: "\eb2e";
  opacity: 0.2;
}
.ph-duotone.ph-file-cpp:after {
  content: "\eb2f";
  margin-left: -1em;
}
.ph-duotone.ph-file-css:before {
  content: "\eb34";
  opacity: 0.2;
}
.ph-duotone.ph-file-css:after {
  content: "\eb37";
  margin-left: -1em;
}
.ph-duotone.ph-file-csv:before {
  content: "\eb1c";
  opacity: 0.2;
}
.ph-duotone.ph-file-csv:after {
  content: "\eb1d";
  margin-left: -1em;
}
.ph-duotone.ph-file-dashed:before {
  content: "\e704";
  opacity: 0.2;
}
.ph-duotone.ph-file-dashed:after {
  content: "\e705";
  margin-left: -1em;
}
.ph-duotone.ph-file-doc:before {
  content: "\eb1e";
  opacity: 0.2;
}
.ph-duotone.ph-file-doc:after {
  content: "\eb1f";
  margin-left: -1em;
}
.ph-duotone.ph-file-html:before {
  content: "\eb38";
  opacity: 0.2;
}
.ph-duotone.ph-file-html:after {
  content: "\eb39";
  margin-left: -1em;
}
.ph-duotone.ph-file-image:before {
  content: "\ea24";
  opacity: 0.2;
}
.ph-duotone.ph-file-image:after {
  content: "\ea25";
  margin-left: -1em;
}
.ph-duotone.ph-file-ini:before {
  content: "\eb33";
  opacity: 0.2;
}
.ph-duotone.ph-file-ini:after {
  content: "\eb3b";
  margin-left: -1em;
}
.ph-duotone.ph-file-jpg:before {
  content: "\eb1a";
  opacity: 0.2;
}
.ph-duotone.ph-file-jpg:after {
  content: "\eb1b";
  margin-left: -1em;
}
.ph-duotone.ph-file-js:before {
  content: "\eb24";
  opacity: 0.2;
}
.ph-duotone.ph-file-js:after {
  content: "\eb25";
  margin-left: -1em;
}
.ph-duotone.ph-file-jsx:before {
  content: "\eb3a";
  opacity: 0.2;
}
.ph-duotone.ph-file-jsx:after {
  content: "\eb3d";
  margin-left: -1em;
}
.ph-duotone.ph-file-lock:before {
  content: "\e95c";
  opacity: 0.2;
}
.ph-duotone.ph-file-lock:after {
  content: "\e95d";
  margin-left: -1em;
}
.ph-duotone.ph-file-magnifying-glass:before {
  content: "\e238";
  opacity: 0.2;
}
.ph-duotone.ph-file-magnifying-glass:after {
  content: "\e239";
  margin-left: -1em;
}
.ph-duotone.ph-file-md:before {
  content: "\ed50";
  opacity: 0.2;
}
.ph-duotone.ph-file-md:after {
  content: "\ed51";
  margin-left: -1em;
}
.ph-duotone.ph-file-minus:before {
  content: "\e234";
  opacity: 0.2;
}
.ph-duotone.ph-file-minus:after {
  content: "\e235";
  margin-left: -1em;
}
.ph-duotone.ph-file-pdf:before {
  content: "\e702";
  opacity: 0.2;
}
.ph-duotone.ph-file-pdf:after {
  content: "\e703";
  margin-left: -1em;
}
.ph-duotone.ph-file-plus:before {
  content: "\e236";
  opacity: 0.2;
}
.ph-duotone.ph-file-plus:after {
  content: "\e237";
  margin-left: -1em;
}
.ph-duotone.ph-file-png:before {
  content: "\eb18";
  opacity: 0.2;
}
.ph-duotone.ph-file-png:after {
  content: "\eb19";
  margin-left: -1em;
}
.ph-duotone.ph-file-ppt:before {
  content: "\eb20";
  opacity: 0.2;
}
.ph-duotone.ph-file-ppt:after {
  content: "\eb21";
  margin-left: -1em;
}
.ph-duotone.ph-file-py:before {
  content: "\eb2c";
  opacity: 0.2;
}
.ph-duotone.ph-file-py:after {
  content: "\eb2d";
  margin-left: -1em;
}
.ph-duotone.ph-file-rs:before {
  content: "\eb28";
  opacity: 0.2;
}
.ph-duotone.ph-file-rs:after {
  content: "\eb29";
  margin-left: -1em;
}
.ph-duotone.ph-file-sql:before {
  content: "\ed4e";
  opacity: 0.2;
}
.ph-duotone.ph-file-sql:after {
  content: "\ed4f";
  margin-left: -1em;
}
.ph-duotone.ph-file-svg:before {
  content: "\ed08";
  opacity: 0.2;
}
.ph-duotone.ph-file-svg:after {
  content: "\ed09";
  margin-left: -1em;
}
.ph-duotone.ph-file-text:before {
  content: "\e23a";
  opacity: 0.2;
}
.ph-duotone.ph-file-text:after {
  content: "\e23b";
  margin-left: -1em;
}
.ph-duotone.ph-file-ts:before {
  content: "\eb26";
  opacity: 0.2;
}
.ph-duotone.ph-file-ts:after {
  content: "\eb27";
  margin-left: -1em;
}
.ph-duotone.ph-file-tsx:before {
  content: "\eb3c";
  opacity: 0.2;
}
.ph-duotone.ph-file-tsx:after {
  content: "\eb3f";
  margin-left: -1em;
}
.ph-duotone.ph-file-txt:before {
  content: "\eb35";
  opacity: 0.2;
}
.ph-duotone.ph-file-txt:after {
  content: "\eb43";
  margin-left: -1em;
}
.ph-duotone.ph-file-video:before {
  content: "\ea22";
  opacity: 0.2;
}
.ph-duotone.ph-file-video:after {
  content: "\ea23";
  margin-left: -1em;
}
.ph-duotone.ph-file-vue:before {
  content: "\eb3e";
  opacity: 0.2;
}
.ph-duotone.ph-file-vue:after {
  content: "\eb47";
  margin-left: -1em;
}
.ph-duotone.ph-file-x:before {
  content: "\e23c";
  opacity: 0.2;
}
.ph-duotone.ph-file-x:after {
  content: "\e23d";
  margin-left: -1em;
}
.ph-duotone.ph-file-xls:before {
  content: "\eb22";
  opacity: 0.2;
}
.ph-duotone.ph-file-xls:after {
  content: "\eb23";
  margin-left: -1em;
}
.ph-duotone.ph-file-zip:before {
  content: "\e958";
  opacity: 0.2;
}
.ph-duotone.ph-file-zip:after {
  content: "\e959";
  margin-left: -1em;
}
.ph-duotone.ph-files:before {
  content: "\e710";
  opacity: 0.2;
}
.ph-duotone.ph-files:after {
  content: "\e711";
  margin-left: -1em;
}
.ph-duotone.ph-film-reel:before {
  content: "\e8c0";
  opacity: 0.2;
}
.ph-duotone.ph-film-reel:after {
  content: "\e8c1";
  margin-left: -1em;
}
.ph-duotone.ph-film-script:before {
  content: "\eb50";
  opacity: 0.2;
}
.ph-duotone.ph-film-script:after {
  content: "\eb51";
  margin-left: -1em;
}
.ph-duotone.ph-film-slate:before {
  content: "\e8c2";
  opacity: 0.2;
}
.ph-duotone.ph-film-slate:after {
  content: "\e8c3";
  margin-left: -1em;
}
.ph-duotone.ph-film-strip:before {
  content: "\e792";
  opacity: 0.2;
}
.ph-duotone.ph-film-strip:after {
  content: "\e793";
  margin-left: -1em;
}
.ph-duotone.ph-fingerprint:before {
  content: "\e23e";
  opacity: 0.2;
}
.ph-duotone.ph-fingerprint:after {
  content: "\e23f";
  margin-left: -1em;
}
.ph-duotone.ph-fingerprint-simple:before {
  content: "\e240";
  opacity: 0.2;
}
.ph-duotone.ph-fingerprint-simple:after {
  content: "\e241";
  margin-left: -1em;
}
.ph-duotone.ph-finn-the-human:before {
  content: "\e56c";
  opacity: 0.2;
}
.ph-duotone.ph-finn-the-human:after {
  content: "\e56d";
  margin-left: -1em;
}
.ph-duotone.ph-fire:before {
  content: "\e242";
  opacity: 0.2;
}
.ph-duotone.ph-fire:after {
  content: "\e243";
  margin-left: -1em;
}
.ph-duotone.ph-fire-extinguisher:before {
  content: "\e9e8";
  opacity: 0.2;
}
.ph-duotone.ph-fire-extinguisher:after {
  content: "\e9e9";
  margin-left: -1em;
}
.ph-duotone.ph-fire-simple:before {
  content: "\e620";
  opacity: 0.2;
}
.ph-duotone.ph-fire-simple:after {
  content: "\e621";
  margin-left: -1em;
}
.ph-duotone.ph-fire-truck:before {
  content: "\e574";
  opacity: 0.2;
}
.ph-duotone.ph-fire-truck:after {
  content: "\e575";
  margin-left: -1em;
}
.ph-duotone.ph-first-aid:before {
  content: "\e56e";
  opacity: 0.2;
}
.ph-duotone.ph-first-aid:after {
  content: "\e56f";
  margin-left: -1em;
}
.ph-duotone.ph-first-aid-kit:before {
  content: "\e570";
  opacity: 0.2;
}
.ph-duotone.ph-first-aid-kit:after {
  content: "\e571";
  margin-left: -1em;
}
.ph-duotone.ph-fish:before {
  content: "\e728";
  opacity: 0.2;
}
.ph-duotone.ph-fish:after {
  content: "\e729";
  margin-left: -1em;
}
.ph-duotone.ph-fish-simple:before {
  content: "\e72a";
  opacity: 0.2;
}
.ph-duotone.ph-fish-simple:after {
  content: "\e72b";
  margin-left: -1em;
}
.ph-duotone.ph-flag:before {
  content: "\e244";
  opacity: 0.2;
}
.ph-duotone.ph-flag:after {
  content: "\e245";
  margin-left: -1em;
}
.ph-duotone.ph-flag-banner:before {
  content: "\e622";
  opacity: 0.2;
}
.ph-duotone.ph-flag-banner:after {
  content: "\e623";
  margin-left: -1em;
}
.ph-duotone.ph-flag-banner-fold:before {
  content: "\ecf2";
  opacity: 0.2;
}
.ph-duotone.ph-flag-banner-fold:after {
  content: "\ecf3";
  margin-left: -1em;
}
.ph-duotone.ph-flag-checkered:before {
  content: "\ea38";
  opacity: 0.2;
}
.ph-duotone.ph-flag-checkered:after {
  content: "\ea39";
  margin-left: -1em;
}
.ph-duotone.ph-flag-pennant:before {
  content: "\ecf0";
  opacity: 0.2;
}
.ph-duotone.ph-flag-pennant:after {
  content: "\ecf1";
  margin-left: -1em;
}
.ph-duotone.ph-flame:before {
  content: "\e624";
  opacity: 0.2;
}
.ph-duotone.ph-flame:after {
  content: "\e625";
  margin-left: -1em;
}
.ph-duotone.ph-flashlight:before {
  content: "\e246";
  opacity: 0.2;
}
.ph-duotone.ph-flashlight:after {
  content: "\e247";
  margin-left: -1em;
}
.ph-duotone.ph-flask:before {
  content: "\e79e";
  opacity: 0.2;
}
.ph-duotone.ph-flask:after {
  content: "\e79f";
  margin-left: -1em;
}
.ph-duotone.ph-flip-horizontal:before {
  content: "\ed6a";
  opacity: 0.2;
}
.ph-duotone.ph-flip-horizontal:after {
  content: "\ed6b";
  margin-left: -1em;
}
.ph-duotone.ph-flip-vertical:before {
  content: "\ed6c";
  opacity: 0.2;
}
.ph-duotone.ph-flip-vertical:after {
  content: "\ed6d";
  margin-left: -1em;
}
.ph-duotone.ph-floppy-disk:before {
  content: "\e248";
  opacity: 0.2;
}
.ph-duotone.ph-floppy-disk:after {
  content: "\e249";
  margin-left: -1em;
}
.ph-duotone.ph-floppy-disk-back:before {
  content: "\eaf4";
  opacity: 0.2;
}
.ph-duotone.ph-floppy-disk-back:after {
  content: "\eaf5";
  margin-left: -1em;
}
.ph-duotone.ph-flow-arrow:before {
  content: "\e6ec";
  opacity: 0.2;
}
.ph-duotone.ph-flow-arrow:after {
  content: "\e6ed";
  margin-left: -1em;
}
.ph-duotone.ph-flower:before {
  content: "\e75e";
  opacity: 0.2;
}
.ph-duotone.ph-flower:after {
  content: "\e75f";
  margin-left: -1em;
}
.ph-duotone.ph-flower-lotus:before {
  content: "\e6cc";
  opacity: 0.2;
}
.ph-duotone.ph-flower-lotus:after {
  content: "\e6cd";
  margin-left: -1em;
}
.ph-duotone.ph-flower-tulip:before {
  content: "\eacc";
  opacity: 0.2;
}
.ph-duotone.ph-flower-tulip:after {
  content: "\eacd";
  margin-left: -1em;
}
.ph-duotone.ph-flying-saucer:before {
  content: "\eb4a";
  opacity: 0.2;
}
.ph-duotone.ph-flying-saucer:after {
  content: "\eb4b";
  margin-left: -1em;
}
.ph-duotone.ph-folder:before {
  content: "\e24a";
  opacity: 0.2;
}
.ph-duotone.ph-folder:after {
  content: "\e24b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-dashed:before {
  content: "\e8f8";
  opacity: 0.2;
}
.ph-duotone.ph-folder-dashed:after {
  content: "\e8f9";
  margin-left: -1em;
}
.ph-duotone.ph-folder-lock:before {
  content: "\ea3c";
  opacity: 0.2;
}
.ph-duotone.ph-folder-lock:after {
  content: "\ea3d";
  margin-left: -1em;
}
.ph-duotone.ph-folder-minus:before {
  content: "\e254";
  opacity: 0.2;
}
.ph-duotone.ph-folder-minus:after {
  content: "\e255";
  margin-left: -1em;
}
.ph-duotone.ph-folder-open:before {
  content: "\e256";
  opacity: 0.2;
}
.ph-duotone.ph-folder-open:after {
  content: "\e257";
  margin-left: -1em;
}
.ph-duotone.ph-folder-plus:before {
  content: "\e258";
  opacity: 0.2;
}
.ph-duotone.ph-folder-plus:after {
  content: "\e259";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple:before {
  content: "\e25a";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple:after {
  content: "\e25b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-dashed:before {
  content: "\ec2a";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-dashed:after {
  content: "\ec2b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-lock:before {
  content: "\eb5e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-lock:after {
  content: "\eb5f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-minus:before {
  content: "\e25c";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-minus:after {
  content: "\e25d";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-plus:before {
  content: "\e25e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-plus:after {
  content: "\e25f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-star:before {
  content: "\ec2e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-star:after {
  content: "\ec2f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-user:before {
  content: "\eb60";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-user:after {
  content: "\eb61";
  margin-left: -1em;
}
.ph-duotone.ph-folder-star:before {
  content: "\ea86";
  opacity: 0.2;
}
.ph-duotone.ph-folder-star:after {
  content: "\ea87";
  margin-left: -1em;
}
.ph-duotone.ph-folder-user:before {
  content: "\eb46";
  opacity: 0.2;
}
.ph-duotone.ph-folder-user:after {
  content: "\eb4c";
  margin-left: -1em;
}
.ph-duotone.ph-folders:before {
  content: "\e260";
  opacity: 0.2;
}
.ph-duotone.ph-folders:after {
  content: "\e261";
  margin-left: -1em;
}
.ph-duotone.ph-football:before {
  content: "\e718";
  opacity: 0.2;
}
.ph-duotone.ph-football:after {
  content: "\e719";
  margin-left: -1em;
}
.ph-duotone.ph-football-helmet:before {
  content: "\ee4c";
  opacity: 0.2;
}
.ph-duotone.ph-football-helmet:after {
  content: "\ee4d";
  margin-left: -1em;
}
.ph-duotone.ph-footprints:before {
  content: "\ea88";
  opacity: 0.2;
}
.ph-duotone.ph-footprints:after {
  content: "\ea89";
  margin-left: -1em;
}
.ph-duotone.ph-fork-knife:before {
  content: "\e262";
  opacity: 0.2;
}
.ph-duotone.ph-fork-knife:after {
  content: "\e263";
  margin-left: -1em;
}
.ph-duotone.ph-four-k:before {
  content: "\ea5c";
  opacity: 0.2;
}
.ph-duotone.ph-four-k:after {
  content: "\ea5d";
  margin-left: -1em;
}
.ph-duotone.ph-frame-corners:before {
  content: "\e626";
  opacity: 0.2;
}
.ph-duotone.ph-frame-corners:after {
  content: "\e627";
  margin-left: -1em;
}
.ph-duotone.ph-framer-logo:before {
  content: "\e264";
  opacity: 0.2;
}
.ph-duotone.ph-framer-logo:after {
  content: "\e265";
  margin-left: -1em;
}
.ph-duotone.ph-function:before {
  content: "\ebe4";
  opacity: 0.2;
}
.ph-duotone.ph-function:after {
  content: "\ebe5";
  margin-left: -1em;
}
.ph-duotone.ph-funnel:before {
  content: "\e266";
  opacity: 0.2;
}
.ph-duotone.ph-funnel:after {
  content: "\e267";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-simple:before {
  content: "\e268";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-simple:after {
  content: "\e269";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-simple-x:before {
  content: "\e26a";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-simple-x:after {
  content: "\e26b";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-x:before {
  content: "\e26c";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-x:after {
  content: "\e26d";
  margin-left: -1em;
}
.ph-duotone.ph-game-controller:before {
  content: "\e26e";
  opacity: 0.2;
}
.ph-duotone.ph-game-controller:after {
  content: "\e26f";
  margin-left: -1em;
}
.ph-duotone.ph-garage:before {
  content: "\ecd6";
  opacity: 0.2;
}
.ph-duotone.ph-garage:after {
  content: "\ecd7";
  margin-left: -1em;
}
.ph-duotone.ph-gas-can:before {
  content: "\e8ce";
  opacity: 0.2;
}
.ph-duotone.ph-gas-can:after {
  content: "\e8cf";
  margin-left: -1em;
}
.ph-duotone.ph-gas-pump:before {
  content: "\e768";
  opacity: 0.2;
}
.ph-duotone.ph-gas-pump:after {
  content: "\e769";
  margin-left: -1em;
}
.ph-duotone.ph-gauge:before {
  content: "\e628";
  opacity: 0.2;
}
.ph-duotone.ph-gauge:after {
  content: "\e629";
  margin-left: -1em;
}
.ph-duotone.ph-gavel:before {
  content: "\ea32";
  opacity: 0.2;
}
.ph-duotone.ph-gavel:after {
  content: "\ea33";
  margin-left: -1em;
}
.ph-duotone.ph-gear:before {
  content: "\e270";
  opacity: 0.2;
}
.ph-duotone.ph-gear:after {
  content: "\e271";
  margin-left: -1em;
}
.ph-duotone.ph-gear-fine:before {
  content: "\e87c";
  opacity: 0.2;
}
.ph-duotone.ph-gear-fine:after {
  content: "\e87d";
  margin-left: -1em;
}
.ph-duotone.ph-gear-six:before {
  content: "\e272";
  opacity: 0.2;
}
.ph-duotone.ph-gear-six:after {
  content: "\e273";
  margin-left: -1em;
}
.ph-duotone.ph-gender-female:before {
  content: "\e6e0";
  opacity: 0.2;
}
.ph-duotone.ph-gender-female:after {
  content: "\e6e1";
  margin-left: -1em;
}
.ph-duotone.ph-gender-intersex:before {
  content: "\e6e6";
  opacity: 0.2;
}
.ph-duotone.ph-gender-intersex:after {
  content: "\e6e7";
  margin-left: -1em;
}
.ph-duotone.ph-gender-male:before {
  content: "\e6e2";
  opacity: 0.2;
}
.ph-duotone.ph-gender-male:after {
  content: "\e6e3";
  margin-left: -1em;
}
.ph-duotone.ph-gender-neuter:before {
  content: "\e6ea";
  opacity: 0.2;
}
.ph-duotone.ph-gender-neuter:after {
  content: "\e6eb";
  margin-left: -1em;
}
.ph-duotone.ph-gender-nonbinary:before {
  content: "\e6e4";
  opacity: 0.2;
}
.ph-duotone.ph-gender-nonbinary:after {
  content: "\e6e5";
  margin-left: -1em;
}
.ph-duotone.ph-gender-transgender:before {
  content: "\e6e8";
  opacity: 0.2;
}
.ph-duotone.ph-gender-transgender:after {
  content: "\e6e9";
  margin-left: -1em;
}
.ph-duotone.ph-ghost:before {
  content: "\e62a";
  opacity: 0.2;
}
.ph-duotone.ph-ghost:after {
  content: "\e62b";
  margin-left: -1em;
}
.ph-duotone.ph-gif:before {
  content: "\e274";
  opacity: 0.2;
}
.ph-duotone.ph-gif:after {
  content: "\e275";
  margin-left: -1em;
}
.ph-duotone.ph-gift:before {
  content: "\e276";
  opacity: 0.2;
}
.ph-duotone.ph-gift:after {
  content: "\e277";
  margin-left: -1em;
}
.ph-duotone.ph-git-branch:before {
  content: "\e278";
  opacity: 0.2;
}
.ph-duotone.ph-git-branch:after {
  content: "\e279";
  margin-left: -1em;
}
.ph-duotone.ph-git-commit:before {
  content: "\e27a";
  opacity: 0.2;
}
.ph-duotone.ph-git-commit:after {
  content: "\e27b";
  margin-left: -1em;
}
.ph-duotone.ph-git-diff:before {
  content: "\e27c";
  opacity: 0.2;
}
.ph-duotone.ph-git-diff:after {
  content: "\e27d";
  margin-left: -1em;
}
.ph-duotone.ph-git-fork:before {
  content: "\e27e";
  opacity: 0.2;
}
.ph-duotone.ph-git-fork:after {
  content: "\e27f";
  margin-left: -1em;
}
.ph-duotone.ph-git-merge:before {
  content: "\e280";
  opacity: 0.2;
}
.ph-duotone.ph-git-merge:after {
  content: "\e281";
  margin-left: -1em;
}
.ph-duotone.ph-git-pull-request:before {
  content: "\e282";
  opacity: 0.2;
}
.ph-duotone.ph-git-pull-request:after {
  content: "\e283";
  margin-left: -1em;
}
.ph-duotone.ph-github-logo:before {
  content: "\e576";
  opacity: 0.2;
}
.ph-duotone.ph-github-logo:after {
  content: "\e577";
  margin-left: -1em;
}
.ph-duotone.ph-gitlab-logo:before {
  content: "\e694";
  opacity: 0.2;
}
.ph-duotone.ph-gitlab-logo:after {
  content: "\e695";
  margin-left: -1em;
}
.ph-duotone.ph-gitlab-logo-simple:before {
  content: "\e696";
  opacity: 0.2;
}
.ph-duotone.ph-gitlab-logo-simple:after {
  content: "\e697";
  margin-left: -1em;
}
.ph-duotone.ph-globe:before {
  content: "\e288";
  opacity: 0.2;
}
.ph-duotone.ph-globe:after {
  content: "\e289";
  margin-left: -1em;
}
.ph-duotone.ph-globe-hemisphere-east:before {
  content: "\e28a";
  opacity: 0.2;
}
.ph-duotone.ph-globe-hemisphere-east:after {
  content: "\e28b";
  margin-left: -1em;
}
.ph-duotone.ph-globe-hemisphere-west:before {
  content: "\e28c";
  opacity: 0.2;
}
.ph-duotone.ph-globe-hemisphere-west:after {
  content: "\e28d";
  margin-left: -1em;
}
.ph-duotone.ph-globe-simple:before {
  content: "\e28e";
  opacity: 0.2;
}
.ph-duotone.ph-globe-simple:after {
  content: "\e28f";
  margin-left: -1em;
}
.ph-duotone.ph-globe-simple-x:before {
  content: "\e284";
  opacity: 0.2;
}
.ph-duotone.ph-globe-simple-x:after {
  content: "\e285";
  margin-left: -1em;
}
.ph-duotone.ph-globe-stand:before {
  content: "\e290";
  opacity: 0.2;
}
.ph-duotone.ph-globe-stand:after {
  content: "\e291";
  margin-left: -1em;
}
.ph-duotone.ph-globe-x:before {
  content: "\e286";
  opacity: 0.2;
}
.ph-duotone.ph-globe-x:after {
  content: "\e287";
  margin-left: -1em;
}
.ph-duotone.ph-goggles:before {
  content: "\ecb4";
  opacity: 0.2;
}
.ph-duotone.ph-goggles:after {
  content: "\ecb5";
  margin-left: -1em;
}
.ph-duotone.ph-golf:before {
  content: "\ea3e";
  opacity: 0.2;
}
.ph-duotone.ph-golf:after {
  content: "\ea3f";
  margin-left: -1em;
}
.ph-duotone.ph-goodreads-logo:before {
  content: "\ed10";
  opacity: 0.2;
}
.ph-duotone.ph-goodreads-logo:after {
  content: "\ed11";
  margin-left: -1em;
}
.ph-duotone.ph-google-cardboard-logo:before {
  content: "\e7b6";
  opacity: 0.2;
}
.ph-duotone.ph-google-cardboard-logo:after {
  content: "\e7b7";
  margin-left: -1em;
}
.ph-duotone.ph-google-chrome-logo:before {
  content: "\e976";
  opacity: 0.2;
}
.ph-duotone.ph-google-chrome-logo:after {
  content: "\e977";
  margin-left: -1em;
}
.ph-duotone.ph-google-drive-logo:before {
  content: "\e8f6";
  opacity: 0.2;
}
.ph-duotone.ph-google-drive-logo:after {
  content: "\e8f7";
  margin-left: -1em;
}
.ph-duotone.ph-google-logo:before {
  content: "\e292";
  opacity: 0.2;
}
.ph-duotone.ph-google-logo:after {
  content: "\e293";
  margin-left: -1em;
}
.ph-duotone.ph-google-photos-logo:before {
  content: "\eb92";
  opacity: 0.2;
}
.ph-duotone.ph-google-photos-logo:after {
  content: "\eb93";
  margin-left: -1em;
}
.ph-duotone.ph-google-play-logo:before {
  content: "\e294";
  opacity: 0.2;
}
.ph-duotone.ph-google-play-logo:after {
  content: "\e295";
  margin-left: -1em;
}
.ph-duotone.ph-google-podcasts-logo:before {
  content: "\eb94";
  opacity: 0.2;
}
.ph-duotone.ph-google-podcasts-logo:after {
  content: "\eb95";
  margin-left: -1em;
}
.ph-duotone.ph-gps:before {
  content: "\edd8";
  opacity: 0.2;
}
.ph-duotone.ph-gps:after {
  content: "\edd9";
  margin-left: -1em;
}
.ph-duotone.ph-gps-fix:before {
  content: "\edd6";
  opacity: 0.2;
}
.ph-duotone.ph-gps-fix:after {
  content: "\edd7";
  margin-left: -1em;
}
.ph-duotone.ph-gps-slash:before {
  content: "\edd4";
  opacity: 0.2;
}
.ph-duotone.ph-gps-slash:after {
  content: "\edd5";
  margin-left: -1em;
}
.ph-duotone.ph-gradient:before {
  content: "\eb42";
  opacity: 0.2;
}
.ph-duotone.ph-gradient:after {
  content: "\eb4d";
  margin-left: -1em;
}
.ph-duotone.ph-graduation-cap:before {
  content: "\e62c";
  opacity: 0.2;
}
.ph-duotone.ph-graduation-cap:after {
  content: "\e62d";
  margin-left: -1em;
}
.ph-duotone.ph-grains:before {
  content: "\ec68";
  opacity: 0.2;
}
.ph-duotone.ph-grains:after {
  content: "\ec69";
  margin-left: -1em;
}
.ph-duotone.ph-grains-slash:before {
  content: "\ec6a";
  opacity: 0.2;
}
.ph-duotone.ph-grains-slash:after {
  content: "\ec6b";
  margin-left: -1em;
}
.ph-duotone.ph-graph:before {
  content: "\eb58";
  opacity: 0.2;
}
.ph-duotone.ph-graph:after {
  content: "\eb59";
  margin-left: -1em;
}
.ph-duotone.ph-graphics-card:before {
  content: "\e612";
  opacity: 0.2;
}
.ph-duotone.ph-graphics-card:after {
  content: "\e613";
  margin-left: -1em;
}
.ph-duotone.ph-greater-than:before {
  content: "\edc4";
  opacity: 0.2;
}
.ph-duotone.ph-greater-than:after {
  content: "\edc5";
  margin-left: -1em;
}
.ph-duotone.ph-greater-than-or-equal:before {
  content: "\eda2";
  opacity: 0.2;
}
.ph-duotone.ph-greater-than-or-equal:after {
  content: "\eda3";
  margin-left: -1em;
}
.ph-duotone.ph-grid-four:before {
  content: "\e296";
  opacity: 0.2;
}
.ph-duotone.ph-grid-four:after {
  content: "\e297";
  margin-left: -1em;
}
.ph-duotone.ph-grid-nine:before {
  content: "\ec8c";
  opacity: 0.2;
}
.ph-duotone.ph-grid-nine:after {
  content: "\ec8d";
  margin-left: -1em;
}
.ph-duotone.ph-guitar:before {
  content: "\ea8a";
  opacity: 0.2;
}
.ph-duotone.ph-guitar:after {
  content: "\ea8b";
  margin-left: -1em;
}
.ph-duotone.ph-hair-dryer:before {
  content: "\ea66";
  opacity: 0.2;
}
.ph-duotone.ph-hair-dryer:after {
  content: "\ea67";
  margin-left: -1em;
}
.ph-duotone.ph-hamburger:before {
  content: "\e790";
  opacity: 0.2;
}
.ph-duotone.ph-hamburger:after {
  content: "\e791";
  margin-left: -1em;
}
.ph-duotone.ph-hammer:before {
  content: "\e80e";
  opacity: 0.2;
}
.ph-duotone.ph-hammer:after {
  content: "\e80f";
  margin-left: -1em;
}
.ph-duotone.ph-hand:before {
  content: "\e298";
  opacity: 0.2;
}
.ph-duotone.ph-hand:after {
  content: "\e299";
  margin-left: -1em;
}
.ph-duotone.ph-hand-arrow-down:before {
  content: "\ea4e";
  opacity: 0.2;
}
.ph-duotone.ph-hand-arrow-down:after {
  content: "\ea4f";
  margin-left: -1em;
}
.ph-duotone.ph-hand-arrow-up:before {
  content: "\ee5a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-arrow-up:after {
  content: "\ee5b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-coins:before {
  content: "\ea8c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-coins:after {
  content: "\ea8d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-deposit:before {
  content: "\ee82";
  opacity: 0.2;
}
.ph-duotone.ph-hand-deposit:after {
  content: "\ee83";
  margin-left: -1em;
}
.ph-duotone.ph-hand-eye:before {
  content: "\ea4c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-eye:after {
  content: "\ea4d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-fist:before {
  content: "\e57a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-fist:after {
  content: "\e57b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-grabbing:before {
  content: "\e57c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-grabbing:after {
  content: "\e57d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-heart:before {
  content: "\e810";
  opacity: 0.2;
}
.ph-duotone.ph-hand-heart:after {
  content: "\e811";
  margin-left: -1em;
}
.ph-duotone.ph-hand-palm:before {
  content: "\e57e";
  opacity: 0.2;
}
.ph-duotone.ph-hand-palm:after {
  content: "\e57f";
  margin-left: -1em;
}
.ph-duotone.ph-hand-peace:before {
  content: "\e7cc";
  opacity: 0.2;
}
.ph-duotone.ph-hand-peace:after {
  content: "\e7cd";
  margin-left: -1em;
}
.ph-duotone.ph-hand-pointing:before {
  content: "\e29a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-pointing:after {
  content: "\e29b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-soap:before {
  content: "\e630";
  opacity: 0.2;
}
.ph-duotone.ph-hand-soap:after {
  content: "\e631";
  margin-left: -1em;
}
.ph-duotone.ph-hand-swipe-left:before {
  content: "\ec94";
  opacity: 0.2;
}
.ph-duotone.ph-hand-swipe-left:after {
  content: "\ec95";
  margin-left: -1em;
}
.ph-duotone.ph-hand-swipe-right:before {
  content: "\ec92";
  opacity: 0.2;
}
.ph-duotone.ph-hand-swipe-right:after {
  content: "\ec93";
  margin-left: -1em;
}
.ph-duotone.ph-hand-tap:before {
  content: "\ec90";
  opacity: 0.2;
}
.ph-duotone.ph-hand-tap:after {
  content: "\ec91";
  margin-left: -1em;
}
.ph-duotone.ph-hand-waving:before {
  content: "\e580";
  opacity: 0.2;
}
.ph-duotone.ph-hand-waving:after {
  content: "\e581";
  margin-left: -1em;
}
.ph-duotone.ph-hand-withdraw:before {
  content: "\ee80";
  opacity: 0.2;
}
.ph-duotone.ph-hand-withdraw:after {
  content: "\ee81";
  margin-left: -1em;
}
.ph-duotone.ph-handbag:before {
  content: "\e29c";
  opacity: 0.2;
}
.ph-duotone.ph-handbag:after {
  content: "\e29d";
  margin-left: -1em;
}
.ph-duotone.ph-handbag-simple:before {
  content: "\e62e";
  opacity: 0.2;
}
.ph-duotone.ph-handbag-simple:after {
  content: "\e62f";
  margin-left: -1em;
}
.ph-duotone.ph-hands-clapping:before {
  content: "\e6a0";
  opacity: 0.2;
}
.ph-duotone.ph-hands-clapping:after {
  content: "\e6a1";
  margin-left: -1em;
}
.ph-duotone.ph-hands-praying:before {
  content: "\ecc8";
  opacity: 0.2;
}
.ph-duotone.ph-hands-praying:after {
  content: "\ecc9";
  margin-left: -1em;
}
.ph-duotone.ph-handshake:before {
  content: "\e582";
  opacity: 0.2;
}
.ph-duotone.ph-handshake:after {
  content: "\e583";
  margin-left: -1em;
}
.ph-duotone.ph-hard-drive:before {
  content: "\e29e";
  opacity: 0.2;
}
.ph-duotone.ph-hard-drive:after {
  content: "\e29f";
  margin-left: -1em;
}
.ph-duotone.ph-hard-drives:before {
  content: "\e2a0";
  opacity: 0.2;
}
.ph-duotone.ph-hard-drives:after {
  content: "\e2a1";
  margin-left: -1em;
}
.ph-duotone.ph-hard-hat:before {
  content: "\ed46";
  opacity: 0.2;
}
.ph-duotone.ph-hard-hat:after {
  content: "\ed47";
  margin-left: -1em;
}
.ph-duotone.ph-hash:before {
  content: "\e2a2";
  opacity: 0.2;
}
.ph-duotone.ph-hash:after {
  content: "\e2a3";
  margin-left: -1em;
}
.ph-duotone.ph-hash-straight:before {
  content: "\e2a4";
  opacity: 0.2;
}
.ph-duotone.ph-hash-straight:after {
  content: "\e2a5";
  margin-left: -1em;
}
.ph-duotone.ph-head-circuit:before {
  content: "\e7d4";
  opacity: 0.2;
}
.ph-duotone.ph-head-circuit:after {
  content: "\e7d5";
  margin-left: -1em;
}
.ph-duotone.ph-headlights:before {
  content: "\e6fe";
  opacity: 0.2;
}
.ph-duotone.ph-headlights:after {
  content: "\e6ff";
  margin-left: -1em;
}
.ph-duotone.ph-headphones:before {
  content: "\e2a6";
  opacity: 0.2;
}
.ph-duotone.ph-headphones:after {
  content: "\e2a7";
  margin-left: -1em;
}
.ph-duotone.ph-headset:before {
  content: "\e584";
  opacity: 0.2;
}
.ph-duotone.ph-headset:after {
  content: "\e585";
  margin-left: -1em;
}
.ph-duotone.ph-heart:before {
  content: "\e2a8";
  opacity: 0.2;
}
.ph-duotone.ph-heart:after {
  content: "\e2a9";
  margin-left: -1em;
}
.ph-duotone.ph-heart-break:before {
  content: "\ebe8";
  opacity: 0.2;
}
.ph-duotone.ph-heart-break:after {
  content: "\ebe9";
  margin-left: -1em;
}
.ph-duotone.ph-heart-half:before {
  content: "\ec48";
  opacity: 0.2;
}
.ph-duotone.ph-heart-half:after {
  content: "\ec49";
  margin-left: -1em;
}
.ph-duotone.ph-heart-straight:before {
  content: "\e2aa";
  opacity: 0.2;
}
.ph-duotone.ph-heart-straight:after {
  content: "\e2ab";
  margin-left: -1em;
}
.ph-duotone.ph-heart-straight-break:before {
  content: "\eb98";
  opacity: 0.2;
}
.ph-duotone.ph-heart-straight-break:after {
  content: "\eb99";
  margin-left: -1em;
}
.ph-duotone.ph-heartbeat:before {
  content: "\e2ac";
  opacity: 0.2;
}
.ph-duotone.ph-heartbeat:after {
  content: "\e2ad";
  margin-left: -1em;
}
.ph-duotone.ph-hexagon:before {
  content: "\e2ae";
  opacity: 0.2;
}
.ph-duotone.ph-hexagon:after {
  content: "\e2af";
  margin-left: -1em;
}
.ph-duotone.ph-high-definition:before {
  content: "\ea8e";
  opacity: 0.2;
}
.ph-duotone.ph-high-definition:after {
  content: "\ea8f";
  margin-left: -1em;
}
.ph-duotone.ph-high-heel:before {
  content: "\e8e8";
  opacity: 0.2;
}
.ph-duotone.ph-high-heel:after {
  content: "\e8e9";
  margin-left: -1em;
}
.ph-duotone.ph-highlighter:before {
  content: "\ec76";
  opacity: 0.2;
}
.ph-duotone.ph-highlighter:after {
  content: "\ec77";
  margin-left: -1em;
}
.ph-duotone.ph-highlighter-circle:before {
  content: "\e632";
  opacity: 0.2;
}
.ph-duotone.ph-highlighter-circle:after {
  content: "\e633";
  margin-left: -1em;
}
.ph-duotone.ph-hockey:before {
  content: "\ec86";
  opacity: 0.2;
}
.ph-duotone.ph-hockey:after {
  content: "\ec87";
  margin-left: -1em;
}
.ph-duotone.ph-hoodie:before {
  content: "\ecd0";
  opacity: 0.2;
}
.ph-duotone.ph-hoodie:after {
  content: "\ecd1";
  margin-left: -1em;
}
.ph-duotone.ph-horse:before {
  content: "\e2b0";
  opacity: 0.2;
}
.ph-duotone.ph-horse:after {
  content: "\e2b1";
  margin-left: -1em;
}
.ph-duotone.ph-hospital:before {
  content: "\e844";
  opacity: 0.2;
}
.ph-duotone.ph-hospital:after {
  content: "\e845";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass:before {
  content: "\e2b2";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass:after {
  content: "\e2b3";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-high:before {
  content: "\e2b4";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-high:after {
  content: "\e2b5";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-low:before {
  content: "\e2b6";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-low:after {
  content: "\e2b7";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-medium:before {
  content: "\e2b8";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-medium:after {
  content: "\e2b9";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple:before {
  content: "\e2ba";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple:after {
  content: "\e2bb";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-high:before {
  content: "\e2bc";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-high:after {
  content: "\e2bd";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-low:before {
  content: "\e2be";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-low:after {
  content: "\e2bf";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-medium:before {
  content: "\e2c0";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-medium:after {
  content: "\e2c1";
  margin-left: -1em;
}
.ph-duotone.ph-house:before {
  content: "\e2c2";
  opacity: 0.2;
}
.ph-duotone.ph-house:after {
  content: "\e2c3";
  margin-left: -1em;
}
.ph-duotone.ph-house-line:before {
  content: "\e2c4";
  opacity: 0.2;
}
.ph-duotone.ph-house-line:after {
  content: "\e2c5";
  margin-left: -1em;
}
.ph-duotone.ph-house-simple:before {
  content: "\e2c6";
  opacity: 0.2;
}
.ph-duotone.ph-house-simple:after {
  content: "\e2c7";
  margin-left: -1em;
}
.ph-duotone.ph-hurricane:before {
  content: "\e88e";
  opacity: 0.2;
}
.ph-duotone.ph-hurricane:after {
  content: "\e88f";
  margin-left: -1em;
}
.ph-duotone.ph-ice-cream:before {
  content: "\e804";
  opacity: 0.2;
}
.ph-duotone.ph-ice-cream:after {
  content: "\e805";
  margin-left: -1em;
}
.ph-duotone.ph-identification-badge:before {
  content: "\e6f6";
  opacity: 0.2;
}
.ph-duotone.ph-identification-badge:after {
  content: "\e6f7";
  margin-left: -1em;
}
.ph-duotone.ph-identification-card:before {
  content: "\e2c8";
  opacity: 0.2;
}
.ph-duotone.ph-identification-card:after {
  content: "\e2c9";
  margin-left: -1em;
}
.ph-duotone.ph-image:before {
  content: "\e2ca";
  opacity: 0.2;
}
.ph-duotone.ph-image:after {
  content: "\e2cb";
  margin-left: -1em;
}
.ph-duotone.ph-image-broken:before {
  content: "\e7a8";
  opacity: 0.2;
}
.ph-duotone.ph-image-broken:after {
  content: "\e7a9";
  margin-left: -1em;
}
.ph-duotone.ph-image-square:before {
  content: "\e2cc";
  opacity: 0.2;
}
.ph-duotone.ph-image-square:after {
  content: "\e2cd";
  margin-left: -1em;
}
.ph-duotone.ph-images:before {
  content: "\e836";
  opacity: 0.2;
}
.ph-duotone.ph-images:after {
  content: "\e837";
  margin-left: -1em;
}
.ph-duotone.ph-images-square:before {
  content: "\e834";
  opacity: 0.2;
}
.ph-duotone.ph-images-square:after {
  content: "\e835";
  margin-left: -1em;
}
.ph-duotone.ph-infinity:before {
  content: "\e634";
  opacity: 0.2;
}
.ph-duotone.ph-infinity:after {
  content: "\e635";
  margin-left: -1em;
}
.ph-duotone.ph-info:before {
  content: "\e2ce";
  opacity: 0.2;
}
.ph-duotone.ph-info:after {
  content: "\e2cf";
  margin-left: -1em;
}
.ph-duotone.ph-instagram-logo:before {
  content: "\e2d0";
  opacity: 0.2;
}
.ph-duotone.ph-instagram-logo:after {
  content: "\e2d1";
  margin-left: -1em;
}
.ph-duotone.ph-intersect:before {
  content: "\e2d2";
  opacity: 0.2;
}
.ph-duotone.ph-intersect:after {
  content: "\e2d3";
  margin-left: -1em;
}
.ph-duotone.ph-intersect-square:before {
  content: "\e87a";
  opacity: 0.2;
}
.ph-duotone.ph-intersect-square:after {
  content: "\e87b";
  margin-left: -1em;
}
.ph-duotone.ph-intersect-three:before {
  content: "\ecc4";
  opacity: 0.2;
}
.ph-duotone.ph-intersect-three:after {
  content: "\ecc5";
  margin-left: -1em;
}
.ph-duotone.ph-intersection:before {
  content: "\edba";
  opacity: 0.2;
}
.ph-duotone.ph-intersection:after {
  content: "\edbb";
  margin-left: -1em;
}
.ph-duotone.ph-invoice:before {
  content: "\ee42";
  opacity: 0.2;
}
.ph-duotone.ph-invoice:after {
  content: "\ee43";
  margin-left: -1em;
}
.ph-duotone.ph-island:before {
  content: "\ee06";
  opacity: 0.2;
}
.ph-duotone.ph-island:after {
  content: "\ee07";
  margin-left: -1em;
}
.ph-duotone.ph-jar:before {
  content: "\e7e0";
  opacity: 0.2;
}
.ph-duotone.ph-jar:after {
  content: "\e7e3";
  margin-left: -1em;
}
.ph-duotone.ph-jar-label:before {
  content: "\e7e1";
  opacity: 0.2;
}
.ph-duotone.ph-jar-label:after {
  content: "\e7e5";
  margin-left: -1em;
}
.ph-duotone.ph-jeep:before {
  content: "\e2d4";
  opacity: 0.2;
}
.ph-duotone.ph-jeep:after {
  content: "\e2d5";
  margin-left: -1em;
}
.ph-duotone.ph-joystick:before {
  content: "\ea5e";
  opacity: 0.2;
}
.ph-duotone.ph-joystick:after {
  content: "\ea5f";
  margin-left: -1em;
}
.ph-duotone.ph-kanban:before {
  content: "\eb54";
  opacity: 0.2;
}
.ph-duotone.ph-kanban:after {
  content: "\eb55";
  margin-left: -1em;
}
.ph-duotone.ph-key:before {
  content: "\e2d6";
  opacity: 0.2;
}
.ph-duotone.ph-key:after {
  content: "\e2d7";
  margin-left: -1em;
}
.ph-duotone.ph-key-return:before {
  content: "\e782";
  opacity: 0.2;
}
.ph-duotone.ph-key-return:after {
  content: "\e783";
  margin-left: -1em;
}
.ph-duotone.ph-keyboard:before {
  content: "\e2d8";
  opacity: 0.2;
}
.ph-duotone.ph-keyboard:after {
  content: "\e2d9";
  margin-left: -1em;
}
.ph-duotone.ph-keyhole:before {
  content: "\ea78";
  opacity: 0.2;
}
.ph-duotone.ph-keyhole:after {
  content: "\ea79";
  margin-left: -1em;
}
.ph-duotone.ph-knife:before {
  content: "\e636";
  opacity: 0.2;
}
.ph-duotone.ph-knife:after {
  content: "\e637";
  margin-left: -1em;
}
.ph-duotone.ph-ladder:before {
  content: "\e9e4";
  opacity: 0.2;
}
.ph-duotone.ph-ladder:after {
  content: "\e9e5";
  margin-left: -1em;
}
.ph-duotone.ph-ladder-simple:before {
  content: "\ec26";
  opacity: 0.2;
}
.ph-duotone.ph-ladder-simple:after {
  content: "\ec27";
  margin-left: -1em;
}
.ph-duotone.ph-lamp:before {
  content: "\e638";
  opacity: 0.2;
}
.ph-duotone.ph-lamp:after {
  content: "\e639";
  margin-left: -1em;
}
.ph-duotone.ph-lamp-pendant:before {
  content: "\ee2e";
  opacity: 0.2;
}
.ph-duotone.ph-lamp-pendant:after {
  content: "\ee2f";
  margin-left: -1em;
}
.ph-duotone.ph-laptop:before {
  content: "\e586";
  opacity: 0.2;
}
.ph-duotone.ph-laptop:after {
  content: "\e587";
  margin-left: -1em;
}
.ph-duotone.ph-lasso:before {
  content: "\edc6";
  opacity: 0.2;
}
.ph-duotone.ph-lasso:after {
  content: "\edc7";
  margin-left: -1em;
}
.ph-duotone.ph-lastfm-logo:before {
  content: "\e842";
  opacity: 0.2;
}
.ph-duotone.ph-lastfm-logo:after {
  content: "\e843";
  margin-left: -1em;
}
.ph-duotone.ph-layout:before {
  content: "\e6d6";
  opacity: 0.2;
}
.ph-duotone.ph-layout:after {
  content: "\e6d7";
  margin-left: -1em;
}
.ph-duotone.ph-leaf:before {
  content: "\e2da";
  opacity: 0.2;
}
.ph-duotone.ph-leaf:after {
  content: "\e2db";
  margin-left: -1em;
}
.ph-duotone.ph-lectern:before {
  content: "\e95a";
  opacity: 0.2;
}
.ph-duotone.ph-lectern:after {
  content: "\e95b";
  margin-left: -1em;
}
.ph-duotone.ph-lego:before {
  content: "\e8c6";
  opacity: 0.2;
}
.ph-duotone.ph-lego:after {
  content: "\e8c8";
  margin-left: -1em;
}
.ph-duotone.ph-lego-smiley:before {
  content: "\e8c7";
  opacity: 0.2;
}
.ph-duotone.ph-lego-smiley:after {
  content: "\e8c9";
  margin-left: -1em;
}
.ph-duotone.ph-less-than:before {
  content: "\edac";
  opacity: 0.2;
}
.ph-duotone.ph-less-than:after {
  content: "\edad";
  margin-left: -1em;
}
.ph-duotone.ph-less-than-or-equal:before {
  content: "\eda4";
  opacity: 0.2;
}
.ph-duotone.ph-less-than-or-equal:after {
  content: "\eda5";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-h:before {
  content: "\ebf8";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-h:after {
  content: "\ebf9";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-p:before {
  content: "\ec08";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-p:after {
  content: "\ec09";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-v:before {
  content: "\ec14";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-v:after {
  content: "\ec15";
  margin-left: -1em;
}
.ph-duotone.ph-lifebuoy:before {
  content: "\e63a";
  opacity: 0.2;
}
.ph-duotone.ph-lifebuoy:after {
  content: "\e63b";
  margin-left: -1em;
}
.ph-duotone.ph-lightbulb:before {
  content: "\e2dc";
  opacity: 0.2;
}
.ph-duotone.ph-lightbulb:after {
  content: "\e2dd";
  margin-left: -1em;
}
.ph-duotone.ph-lightbulb-filament:before {
  content: "\e63c";
  opacity: 0.2;
}
.ph-duotone.ph-lightbulb-filament:after {
  content: "\e63d";
  margin-left: -1em;
}
.ph-duotone.ph-lighthouse:before {
  content: "\e9f6";
  opacity: 0.2;
}
.ph-duotone.ph-lighthouse:after {
  content: "\e9f7";
  margin-left: -1em;
}
.ph-duotone.ph-lightning:before {
  content: "\e2de";
  opacity: 0.2;
}
.ph-duotone.ph-lightning:after {
  content: "\e2df";
  margin-left: -1em;
}
.ph-duotone.ph-lightning-a:before {
  content: "\ea84";
  opacity: 0.2;
}
.ph-duotone.ph-lightning-a:after {
  content: "\ea85";
  margin-left: -1em;
}
.ph-duotone.ph-lightning-slash:before {
  content: "\e2e0";
  opacity: 0.2;
}
.ph-duotone.ph-lightning-slash:after {
  content: "\e2e1";
  margin-left: -1em;
}
.ph-duotone.ph-line-segment:before {
  content: "\e6d2";
  opacity: 0.2;
}
.ph-duotone.ph-line-segment:after {
  content: "\e6d3";
  margin-left: -1em;
}
.ph-duotone.ph-line-segments:before {
  content: "\e6d4";
  opacity: 0.2;
}
.ph-duotone.ph-line-segments:after {
  content: "\e6d5";
  margin-left: -1em;
}
.ph-duotone.ph-line-vertical:before {
  content: "\ed70";
  opacity: 0.2;
}
.ph-duotone.ph-line-vertical:after {
  content: "\ed71";
  margin-left: -1em;
}
.ph-duotone.ph-link:before {
  content: "\e2e2";
  opacity: 0.2;
}
.ph-duotone.ph-link:after {
  content: "\e2e3";
  margin-left: -1em;
}
.ph-duotone.ph-link-break:before {
  content: "\e2e4";
  opacity: 0.2;
}
.ph-duotone.ph-link-break:after {
  content: "\e2e5";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple:before {
  content: "\e2e6";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple:after {
  content: "\e2e7";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-break:before {
  content: "\e2e8";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-break:after {
  content: "\e2e9";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-horizontal:before {
  content: "\e2ea";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-horizontal:after {
  content: "\e2eb";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-horizontal-break:after {
  content: "\e2ed";
  margin-left: -1em;
}
.ph-duotone.ph-linkedin-logo:before {
  content: "\e2ee";
  opacity: 0.2;
}
.ph-duotone.ph-linkedin-logo:after {
  content: "\e2ef";
  margin-left: -1em;
}
.ph-duotone.ph-linktree-logo:before {
  content: "\edee";
  opacity: 0.2;
}
.ph-duotone.ph-linktree-logo:after {
  content: "\edef";
  margin-left: -1em;
}
.ph-duotone.ph-linux-logo:before {
  content: "\eb02";
  opacity: 0.2;
}
.ph-duotone.ph-linux-logo:after {
  content: "\eb03";
  margin-left: -1em;
}
.ph-duotone.ph-list:before {
  content: "\e2f0";
  opacity: 0.2;
}
.ph-duotone.ph-list:after {
  content: "\e2f1";
  margin-left: -1em;
}
.ph-duotone.ph-list-bullets:before {
  content: "\e2f2";
  opacity: 0.2;
}
.ph-duotone.ph-list-bullets:after {
  content: "\e2f3";
  margin-left: -1em;
}
.ph-duotone.ph-list-checks:before {
  content: "\eadc";
  opacity: 0.2;
}
.ph-duotone.ph-list-checks:after {
  content: "\eadd";
  margin-left: -1em;
}
.ph-duotone.ph-list-dashes:before {
  content: "\e2f4";
  opacity: 0.2;
}
.ph-duotone.ph-list-dashes:after {
  content: "\e2f5";
  margin-left: -1em;
}
.ph-duotone.ph-list-heart:before {
  content: "\ebde";
  opacity: 0.2;
}
.ph-duotone.ph-list-heart:after {
  content: "\ebdf";
  margin-left: -1em;
}
.ph-duotone.ph-list-magnifying-glass:before {
  content: "\ebe0";
  opacity: 0.2;
}
.ph-duotone.ph-list-magnifying-glass:after {
  content: "\ebe1";
  margin-left: -1em;
}
.ph-duotone.ph-list-numbers:before {
  content: "\e2f6";
  opacity: 0.2;
}
.ph-duotone.ph-list-numbers:after {
  content: "\e2f7";
  margin-left: -1em;
}
.ph-duotone.ph-list-plus:before {
  content: "\e2f8";
  opacity: 0.2;
}
.ph-duotone.ph-list-plus:after {
  content: "\e2f9";
  margin-left: -1em;
}
.ph-duotone.ph-list-star:before {
  content: "\ebdc";
  opacity: 0.2;
}
.ph-duotone.ph-list-star:after {
  content: "\ebdd";
  margin-left: -1em;
}
.ph-duotone.ph-lock:before {
  content: "\e2fa";
  opacity: 0.2;
}
.ph-duotone.ph-lock:after {
  content: "\e2fb";
  margin-left: -1em;
}
.ph-duotone.ph-lock-key:before {
  content: "\e2fe";
  opacity: 0.2;
}
.ph-duotone.ph-lock-key:after {
  content: "\e2ff";
  margin-left: -1em;
}
.ph-duotone.ph-lock-key-open:before {
  content: "\e300";
  opacity: 0.2;
}
.ph-duotone.ph-lock-key-open:after {
  content: "\e301";
  margin-left: -1em;
}
.ph-duotone.ph-lock-laminated:before {
  content: "\e302";
  opacity: 0.2;
}
.ph-duotone.ph-lock-laminated:after {
  content: "\e303";
  margin-left: -1em;
}
.ph-duotone.ph-lock-laminated-open:before {
  content: "\e304";
  opacity: 0.2;
}
.ph-duotone.ph-lock-laminated-open:after {
  content: "\e305";
  margin-left: -1em;
}
.ph-duotone.ph-lock-open:before {
  content: "\e306";
  opacity: 0.2;
}
.ph-duotone.ph-lock-open:after {
  content: "\e307";
  margin-left: -1em;
}
.ph-duotone.ph-lock-simple:before {
  content: "\e308";
  opacity: 0.2;
}
.ph-duotone.ph-lock-simple:after {
  content: "\e309";
  margin-left: -1em;
}
.ph-duotone.ph-lock-simple-open:before {
  content: "\e30a";
  opacity: 0.2;
}
.ph-duotone.ph-lock-simple-open:after {
  content: "\e30b";
  margin-left: -1em;
}
.ph-duotone.ph-lockers:before {
  content: "\ecb8";
  opacity: 0.2;
}
.ph-duotone.ph-lockers:after {
  content: "\ecb9";
  margin-left: -1em;
}
.ph-duotone.ph-log:before {
  content: "\ed82";
  opacity: 0.2;
}
.ph-duotone.ph-log:after {
  content: "\ed83";
  margin-left: -1em;
}
.ph-duotone.ph-magic-wand:before {
  content: "\e6b6";
  opacity: 0.2;
}
.ph-duotone.ph-magic-wand:after {
  content: "\e6b7";
  margin-left: -1em;
}
.ph-duotone.ph-magnet:before {
  content: "\e680";
  opacity: 0.2;
}
.ph-duotone.ph-magnet:after {
  content: "\e681";
  margin-left: -1em;
}
.ph-duotone.ph-magnet-straight:before {
  content: "\e682";
  opacity: 0.2;
}
.ph-duotone.ph-magnet-straight:after {
  content: "\e683";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass:before {
  content: "\e30c";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass:after {
  content: "\e30d";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass-minus:before {
  content: "\e30e";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass-minus:after {
  content: "\e30f";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass-plus:before {
  content: "\e310";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass-plus:after {
  content: "\e311";
  margin-left: -1em;
}
.ph-duotone.ph-mailbox:before {
  content: "\ec1e";
  opacity: 0.2;
}
.ph-duotone.ph-mailbox:after {
  content: "\ec1f";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin:before {
  content: "\e316";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin:after {
  content: "\e317";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-area:before {
  content: "\ee3a";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-area:after {
  content: "\ee3b";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-line:before {
  content: "\e318";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-line:after {
  content: "\e319";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-plus:before {
  content: "\e314";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-plus:after {
  content: "\e315";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple:before {
  content: "\ee3e";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple:after {
  content: "\ee3f";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple-area:before {
  content: "\ee3c";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple-area:after {
  content: "\ee3d";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple-line:before {
  content: "\ee38";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple-line:after {
  content: "\ee39";
  margin-left: -1em;
}
.ph-duotone.ph-map-trifold:before {
  content: "\e31a";
  opacity: 0.2;
}
.ph-duotone.ph-map-trifold:after {
  content: "\e31b";
  margin-left: -1em;
}
.ph-duotone.ph-markdown-logo:before {
  content: "\e508";
  opacity: 0.2;
}
.ph-duotone.ph-markdown-logo:after {
  content: "\e509";
  margin-left: -1em;
}
.ph-duotone.ph-marker-circle:before {
  content: "\e640";
  opacity: 0.2;
}
.ph-duotone.ph-marker-circle:after {
  content: "\e641";
  margin-left: -1em;
}
.ph-duotone.ph-martini:before {
  content: "\e31c";
  opacity: 0.2;
}
.ph-duotone.ph-martini:after {
  content: "\e31d";
  margin-left: -1em;
}
.ph-duotone.ph-mask-happy:before {
  content: "\e9f4";
  opacity: 0.2;
}
.ph-duotone.ph-mask-happy:after {
  content: "\e9f5";
  margin-left: -1em;
}
.ph-duotone.ph-mask-sad:before {
  content: "\eb9e";
  opacity: 0.2;
}
.ph-duotone.ph-mask-sad:after {
  content: "\eb9f";
  margin-left: -1em;
}
.ph-duotone.ph-mastodon-logo:before {
  content: "\ed68";
  opacity: 0.2;
}
.ph-duotone.ph-mastodon-logo:after {
  content: "\ed69";
  margin-left: -1em;
}
.ph-duotone.ph-math-operations:before {
  content: "\e31e";
  opacity: 0.2;
}
.ph-duotone.ph-math-operations:after {
  content: "\e31f";
  margin-left: -1em;
}
.ph-duotone.ph-matrix-logo:before {
  content: "\ed64";
  opacity: 0.2;
}
.ph-duotone.ph-matrix-logo:after {
  content: "\ed65";
  margin-left: -1em;
}
.ph-duotone.ph-medal:before {
  content: "\e320";
  opacity: 0.2;
}
.ph-duotone.ph-medal:after {
  content: "\e321";
  margin-left: -1em;
}
.ph-duotone.ph-medal-military:before {
  content: "\ecfc";
  opacity: 0.2;
}
.ph-duotone.ph-medal-military:after {
  content: "\ecfd";
  margin-left: -1em;
}
.ph-duotone.ph-medium-logo:before {
  content: "\e322";
  opacity: 0.2;
}
.ph-duotone.ph-medium-logo:after {
  content: "\e323";
  margin-left: -1em;
}
.ph-duotone.ph-megaphone:before {
  content: "\e324";
  opacity: 0.2;
}
.ph-duotone.ph-megaphone:after {
  content: "\e325";
  margin-left: -1em;
}
.ph-duotone.ph-megaphone-simple:before {
  content: "\e642";
  opacity: 0.2;
}
.ph-duotone.ph-megaphone-simple:after {
  content: "\e643";
  margin-left: -1em;
}
.ph-duotone.ph-member-of:before {
  content: "\edc2";
  opacity: 0.2;
}
.ph-duotone.ph-member-of:after {
  content: "\edc3";
  margin-left: -1em;
}
.ph-duotone.ph-memory:before {
  content: "\e9c4";
  opacity: 0.2;
}
.ph-duotone.ph-memory:after {
  content: "\e9c5";
  margin-left: -1em;
}
.ph-duotone.ph-messenger-logo:before {
  content: "\e6d8";
  opacity: 0.2;
}
.ph-duotone.ph-messenger-logo:after {
  content: "\e6d9";
  margin-left: -1em;
}
.ph-duotone.ph-meta-logo:before {
  content: "\ed02";
  opacity: 0.2;
}
.ph-duotone.ph-meta-logo:after {
  content: "\ed03";
  margin-left: -1em;
}
.ph-duotone.ph-meteor:before {
  content: "\e9ba";
  opacity: 0.2;
}
.ph-duotone.ph-meteor:after {
  content: "\e9bb";
  margin-left: -1em;
}
.ph-duotone.ph-metronome:before {
  content: "\ec8e";
  opacity: 0.2;
}
.ph-duotone.ph-metronome:after {
  content: "\ec8f";
  margin-left: -1em;
}
.ph-duotone.ph-microphone:before {
  content: "\e326";
  opacity: 0.2;
}
.ph-duotone.ph-microphone:after {
  content: "\e327";
  margin-left: -1em;
}
.ph-duotone.ph-microphone-slash:before {
  content: "\e328";
  opacity: 0.2;
}
.ph-duotone.ph-microphone-slash:after {
  content: "\e329";
  margin-left: -1em;
}
.ph-duotone.ph-microphone-stage:before {
  content: "\e75c";
  opacity: 0.2;
}
.ph-duotone.ph-microphone-stage:after {
  content: "\e75d";
  margin-left: -1em;
}
.ph-duotone.ph-microscope:before {
  content: "\ec7a";
  opacity: 0.2;
}
.ph-duotone.ph-microscope:after {
  content: "\ec7b";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-excel-logo:before {
  content: "\eb6c";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-excel-logo:after {
  content: "\eb6d";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-outlook-logo:before {
  content: "\eb70";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-outlook-logo:after {
  content: "\eb71";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-powerpoint-logo:after {
  content: "\eacf";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-teams-logo:before {
  content: "\eb66";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-teams-logo:after {
  content: "\eb67";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-word-logo:before {
  content: "\eb6a";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-word-logo:after {
  content: "\eb6b";
  margin-left: -1em;
}
.ph-duotone.ph-minus:before {
  content: "\e32a";
  opacity: 0.2;
}
.ph-duotone.ph-minus:after {
  content: "\e32b";
  margin-left: -1em;
}
.ph-duotone.ph-minus-circle:before {
  content: "\e32c";
  opacity: 0.2;
}
.ph-duotone.ph-minus-circle:after {
  content: "\e32d";
  margin-left: -1em;
}
.ph-duotone.ph-minus-square:before {
  content: "\ed4c";
  opacity: 0.2;
}
.ph-duotone.ph-minus-square:after {
  content: "\ed53";
  margin-left: -1em;
}
.ph-duotone.ph-money:before {
  content: "\e588";
  opacity: 0.2;
}
.ph-duotone.ph-money:after {
  content: "\e589";
  margin-left: -1em;
}
.ph-duotone.ph-money-wavy:before {
  content: "\ee68";
  opacity: 0.2;
}
.ph-duotone.ph-money-wavy:after {
  content: "\ee69";
  margin-left: -1em;
}
.ph-duotone.ph-monitor:before {
  content: "\e32e";
  opacity: 0.2;
}
.ph-duotone.ph-monitor:after {
  content: "\e32f";
  margin-left: -1em;
}
.ph-duotone.ph-monitor-arrow-up:before {
  content: "\e58a";
  opacity: 0.2;
}
.ph-duotone.ph-monitor-arrow-up:after {
  content: "\e58b";
  margin-left: -1em;
}
.ph-duotone.ph-monitor-play:before {
  content: "\e58c";
  opacity: 0.2;
}
.ph-duotone.ph-monitor-play:after {
  content: "\e58d";
  margin-left: -1em;
}
.ph-duotone.ph-moon:before {
  content: "\e330";
  opacity: 0.2;
}
.ph-duotone.ph-moon:after {
  content: "\e331";
  margin-left: -1em;
}
.ph-duotone.ph-moon-stars:before {
  content: "\e58e";
  opacity: 0.2;
}
.ph-duotone.ph-moon-stars:after {
  content: "\e58f";
  margin-left: -1em;
}
.ph-duotone.ph-moped:before {
  content: "\e824";
  opacity: 0.2;
}
.ph-duotone.ph-moped:after {
  content: "\e825";
  margin-left: -1em;
}
.ph-duotone.ph-moped-front:before {
  content: "\e822";
  opacity: 0.2;
}
.ph-duotone.ph-moped-front:after {
  content: "\e823";
  margin-left: -1em;
}
.ph-duotone.ph-mosque:before {
  content: "\ecee";
  opacity: 0.2;
}
.ph-duotone.ph-mosque:after {
  content: "\ecef";
  margin-left: -1em;
}
.ph-duotone.ph-motorcycle:before {
  content: "\e80a";
  opacity: 0.2;
}
.ph-duotone.ph-motorcycle:after {
  content: "\e80b";
  margin-left: -1em;
}
.ph-duotone.ph-mountains:before {
  content: "\e7ae";
  opacity: 0.2;
}
.ph-duotone.ph-mountains:after {
  content: "\e7af";
  margin-left: -1em;
}
.ph-duotone.ph-mouse:before {
  content: "\e33a";
  opacity: 0.2;
}
.ph-duotone.ph-mouse:after {
  content: "\e33b";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-left-click:before {
  content: "\e334";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-left-click:after {
  content: "\e335";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-middle-click:before {
  content: "\e338";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-middle-click:after {
  content: "\e339";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-right-click:before {
  content: "\e336";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-right-click:after {
  content: "\e337";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-scroll:before {
  content: "\e332";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-scroll:after {
  content: "\e333";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-simple:before {
  content: "\e644";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-simple:after {
  content: "\e645";
  margin-left: -1em;
}
.ph-duotone.ph-music-note:before {
  content: "\e33c";
  opacity: 0.2;
}
.ph-duotone.ph-music-note:after {
  content: "\e33d";
  margin-left: -1em;
}
.ph-duotone.ph-music-note-simple:before {
  content: "\e33e";
  opacity: 0.2;
}
.ph-duotone.ph-music-note-simple:after {
  content: "\e33f";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes:before {
  content: "\e340";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes:after {
  content: "\e341";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-minus:before {
  content: "\ee0c";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-minus:after {
  content: "\ee0d";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-plus:before {
  content: "\eb7c";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-plus:after {
  content: "\eb7d";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-simple:before {
  content: "\e342";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-simple:after {
  content: "\e343";
  margin-left: -1em;
}
.ph-duotone.ph-navigation-arrow:before {
  content: "\eade";
  opacity: 0.2;
}
.ph-duotone.ph-navigation-arrow:after {
  content: "\eadf";
  margin-left: -1em;
}
.ph-duotone.ph-needle:before {
  content: "\e82e";
  opacity: 0.2;
}
.ph-duotone.ph-needle:after {
  content: "\e82f";
  margin-left: -1em;
}
.ph-duotone.ph-network:before {
  content: "\edde";
  opacity: 0.2;
}
.ph-duotone.ph-network:after {
  content: "\eddf";
  margin-left: -1em;
}
.ph-duotone.ph-network-slash:before {
  content: "\eddc";
  opacity: 0.2;
}
.ph-duotone.ph-network-slash:after {
  content: "\eddd";
  margin-left: -1em;
}
.ph-duotone.ph-network-x:before {
  content: "\edda";
  opacity: 0.2;
}
.ph-duotone.ph-network-x:after {
  content: "\eddb";
  margin-left: -1em;
}
.ph-duotone.ph-newspaper:before {
  content: "\e344";
  opacity: 0.2;
}
.ph-duotone.ph-newspaper:after {
  content: "\e345";
  margin-left: -1em;
}
.ph-duotone.ph-newspaper-clipping:before {
  content: "\e346";
  opacity: 0.2;
}
.ph-duotone.ph-newspaper-clipping:after {
  content: "\e347";
  margin-left: -1em;
}
.ph-duotone.ph-not-equals:before {
  content: "\eda6";
  opacity: 0.2;
}
.ph-duotone.ph-not-equals:after {
  content: "\eda7";
  margin-left: -1em;
}
.ph-duotone.ph-not-member-of:before {
  content: "\edae";
  opacity: 0.2;
}
.ph-duotone.ph-not-member-of:after {
  content: "\edaf";
  margin-left: -1em;
}
.ph-duotone.ph-not-subset-of:before {
  content: "\edb0";
  opacity: 0.2;
}
.ph-duotone.ph-not-subset-of:after {
  content: "\edb1";
  margin-left: -1em;
}
.ph-duotone.ph-not-superset-of:before {
  content: "\edb2";
  opacity: 0.2;
}
.ph-duotone.ph-not-superset-of:after {
  content: "\edb3";
  margin-left: -1em;
}
.ph-duotone.ph-notches:before {
  content: "\ed3a";
  opacity: 0.2;
}
.ph-duotone.ph-notches:after {
  content: "\ed3b";
  margin-left: -1em;
}
.ph-duotone.ph-note:before {
  content: "\e348";
  opacity: 0.2;
}
.ph-duotone.ph-note:after {
  content: "\e349";
  margin-left: -1em;
}
.ph-duotone.ph-note-blank:before {
  content: "\e34a";
  opacity: 0.2;
}
.ph-duotone.ph-note-blank:after {
  content: "\e34b";
  margin-left: -1em;
}
.ph-duotone.ph-note-pencil:before {
  content: "\e34c";
  opacity: 0.2;
}
.ph-duotone.ph-note-pencil:after {
  content: "\e34d";
  margin-left: -1em;
}
.ph-duotone.ph-notebook:before {
  content: "\e34e";
  opacity: 0.2;
}
.ph-duotone.ph-notebook:after {
  content: "\e34f";
  margin-left: -1em;
}
.ph-duotone.ph-notepad:before {
  content: "\e63e";
  opacity: 0.2;
}
.ph-duotone.ph-notepad:after {
  content: "\e63f";
  margin-left: -1em;
}
.ph-duotone.ph-notification:before {
  content: "\e6fa";
  opacity: 0.2;
}
.ph-duotone.ph-notification:after {
  content: "\e6fb";
  margin-left: -1em;
}
.ph-duotone.ph-notion-logo:before {
  content: "\e9a0";
  opacity: 0.2;
}
.ph-duotone.ph-notion-logo:after {
  content: "\e9a1";
  margin-left: -1em;
}
.ph-duotone.ph-nuclear-plant:before {
  content: "\ed7c";
  opacity: 0.2;
}
.ph-duotone.ph-nuclear-plant:after {
  content: "\ed7d";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-eight:before {
  content: "\e352";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-eight:after {
  content: "\e353";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-five:before {
  content: "\e358";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-five:after {
  content: "\e359";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-four:before {
  content: "\e35e";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-four:after {
  content: "\e35f";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-nine:before {
  content: "\e364";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-nine:after {
  content: "\e365";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-one:before {
  content: "\e36a";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-one:after {
  content: "\e36b";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-seven:before {
  content: "\e370";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-seven:after {
  content: "\e371";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-six:before {
  content: "\e376";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-six:after {
  content: "\e377";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-three:before {
  content: "\e37c";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-three:after {
  content: "\e37d";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-two:before {
  content: "\e382";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-two:after {
  content: "\e383";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-zero:before {
  content: "\e388";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-zero:after {
  content: "\e389";
  margin-left: -1em;
}
.ph-duotone.ph-number-eight:before {
  content: "\e350";
  opacity: 0.2;
}
.ph-duotone.ph-number-eight:after {
  content: "\e351";
  margin-left: -1em;
}
.ph-duotone.ph-number-five:before {
  content: "\e356";
  opacity: 0.2;
}
.ph-duotone.ph-number-five:after {
  content: "\e357";
  margin-left: -1em;
}
.ph-duotone.ph-number-four:before {
  content: "\e35c";
  opacity: 0.2;
}
.ph-duotone.ph-number-four:after {
  content: "\e35d";
  margin-left: -1em;
}
.ph-duotone.ph-number-nine:before {
  content: "\e362";
  opacity: 0.2;
}
.ph-duotone.ph-number-nine:after {
  content: "\e363";
  margin-left: -1em;
}
.ph-duotone.ph-number-one:before {
  content: "\e368";
  opacity: 0.2;
}
.ph-duotone.ph-number-one:after {
  content: "\e369";
  margin-left: -1em;
}
.ph-duotone.ph-number-seven:before {
  content: "\e36e";
  opacity: 0.2;
}
.ph-duotone.ph-number-seven:after {
  content: "\e36f";
  margin-left: -1em;
}
.ph-duotone.ph-number-six:before {
  content: "\e374";
  opacity: 0.2;
}
.ph-duotone.ph-number-six:after {
  content: "\e375";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-eight:before {
  content: "\e354";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-eight:after {
  content: "\e355";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-five:before {
  content: "\e35a";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-five:after {
  content: "\e35b";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-four:before {
  content: "\e360";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-four:after {
  content: "\e361";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-nine:before {
  content: "\e366";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-nine:after {
  content: "\e367";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-one:before {
  content: "\e36c";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-one:after {
  content: "\e36d";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-seven:before {
  content: "\e372";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-seven:after {
  content: "\e373";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-six:before {
  content: "\e378";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-six:after {
  content: "\e379";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-three:before {
  content: "\e37e";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-three:after {
  content: "\e37f";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-two:before {
  content: "\e384";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-two:after {
  content: "\e385";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-zero:before {
  content: "\e38a";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-zero:after {
  content: "\e38b";
  margin-left: -1em;
}
.ph-duotone.ph-number-three:before {
  content: "\e37a";
  opacity: 0.2;
}
.ph-duotone.ph-number-three:after {
  content: "\e37b";
  margin-left: -1em;
}
.ph-duotone.ph-number-two:before {
  content: "\e380";
  opacity: 0.2;
}
.ph-duotone.ph-number-two:after {
  content: "\e381";
  margin-left: -1em;
}
.ph-duotone.ph-number-zero:before {
  content: "\e386";
  opacity: 0.2;
}
.ph-duotone.ph-number-zero:after {
  content: "\e387";
  margin-left: -1em;
}
.ph-duotone.ph-numpad:before {
  content: "\e3c8";
  opacity: 0.2;
}
.ph-duotone.ph-numpad:after {
  content: "\e3c9";
  margin-left: -1em;
}
.ph-duotone.ph-nut:before {
  content: "\e38c";
  opacity: 0.2;
}
.ph-duotone.ph-nut:after {
  content: "\e38d";
  margin-left: -1em;
}
.ph-duotone.ph-ny-times-logo:before {
  content: "\e646";
  opacity: 0.2;
}
.ph-duotone.ph-ny-times-logo:after {
  content: "\e647";
  margin-left: -1em;
}
.ph-duotone.ph-octagon:before {
  content: "\e38e";
  opacity: 0.2;
}
.ph-duotone.ph-octagon:after {
  content: "\e38f";
  margin-left: -1em;
}
.ph-duotone.ph-office-chair:before {
  content: "\ea46";
  opacity: 0.2;
}
.ph-duotone.ph-office-chair:after {
  content: "\ea47";
  margin-left: -1em;
}
.ph-duotone.ph-onigiri:before {
  content: "\ee2c";
  opacity: 0.2;
}
.ph-duotone.ph-onigiri:after {
  content: "\ee2d";
  margin-left: -1em;
}
.ph-duotone.ph-open-ai-logo:before {
  content: "\e7d2";
  opacity: 0.2;
}
.ph-duotone.ph-open-ai-logo:after {
  content: "\e7d3";
  margin-left: -1em;
}
.ph-duotone.ph-option:before {
  content: "\e8a8";
  opacity: 0.2;
}
.ph-duotone.ph-option:after {
  content: "\e8a9";
  margin-left: -1em;
}
.ph-duotone.ph-orange:before {
  content: "\ee40";
  opacity: 0.2;
}
.ph-duotone.ph-orange:after {
  content: "\ee41";
  margin-left: -1em;
}
.ph-duotone.ph-orange-slice:before {
  content: "\ed36";
  opacity: 0.2;
}
.ph-duotone.ph-orange-slice:after {
  content: "\ed37";
  margin-left: -1em;
}
.ph-duotone.ph-oven:before {
  content: "\ed8c";
  opacity: 0.2;
}
.ph-duotone.ph-oven:after {
  content: "\ed8d";
  margin-left: -1em;
}
.ph-duotone.ph-package:before {
  content: "\e390";
  opacity: 0.2;
}
.ph-duotone.ph-package:after {
  content: "\e391";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush:before {
  content: "\e6f0";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush:after {
  content: "\e6f1";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush-broad:before {
  content: "\e590";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush-broad:after {
  content: "\e591";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush-household:before {
  content: "\e6f2";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush-household:after {
  content: "\e6f3";
  margin-left: -1em;
}
.ph-duotone.ph-paint-bucket:before {
  content: "\e392";
  opacity: 0.2;
}
.ph-duotone.ph-paint-bucket:after {
  content: "\e393";
  margin-left: -1em;
}
.ph-duotone.ph-paint-roller:before {
  content: "\e6f4";
  opacity: 0.2;
}
.ph-duotone.ph-paint-roller:after {
  content: "\e6f5";
  margin-left: -1em;
}
.ph-duotone.ph-palette:before {
  content: "\e6c8";
  opacity: 0.2;
}
.ph-duotone.ph-palette:after {
  content: "\e6c9";
  margin-left: -1em;
}
.ph-duotone.ph-panorama:before {
  content: "\eaa2";
  opacity: 0.2;
}
.ph-duotone.ph-panorama:after {
  content: "\eaa3";
  margin-left: -1em;
}
.ph-duotone.ph-pants:before {
  content: "\ec88";
  opacity: 0.2;
}
.ph-duotone.ph-pants:after {
  content: "\ec89";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane:before {
  content: "\e394";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane:after {
  content: "\e395";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane-right:before {
  content: "\e396";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane-right:after {
  content: "\e397";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane-tilt:before {
  content: "\e398";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane-tilt:after {
  content: "\e399";
  margin-left: -1em;
}
.ph-duotone.ph-paperclip:before {
  content: "\e39a";
  opacity: 0.2;
}
.ph-duotone.ph-paperclip:after {
  content: "\e39b";
  margin-left: -1em;
}
.ph-duotone.ph-paperclip-horizontal:before {
  content: "\e592";
  opacity: 0.2;
}
.ph-duotone.ph-paperclip-horizontal:after {
  content: "\e593";
  margin-left: -1em;
}
.ph-duotone.ph-parachute:before {
  content: "\ea7c";
  opacity: 0.2;
}
.ph-duotone.ph-parachute:after {
  content: "\ea7d";
  margin-left: -1em;
}
.ph-duotone.ph-paragraph:before {
  content: "\e960";
  opacity: 0.2;
}
.ph-duotone.ph-paragraph:after {
  content: "\e961";
  margin-left: -1em;
}
.ph-duotone.ph-parallelogram:before {
  content: "\ecc6";
  opacity: 0.2;
}
.ph-duotone.ph-parallelogram:after {
  content: "\ecc7";
  margin-left: -1em;
}
.ph-duotone.ph-park:before {
  content: "\ecb2";
  opacity: 0.2;
}
.ph-duotone.ph-park:after {
  content: "\ecb3";
  margin-left: -1em;
}
.ph-duotone.ph-password:before {
  content: "\e752";
  opacity: 0.2;
}
.ph-duotone.ph-password:after {
  content: "\e753";
  margin-left: -1em;
}
.ph-duotone.ph-path:before {
  content: "\e39c";
  opacity: 0.2;
}
.ph-duotone.ph-path:after {
  content: "\e39d";
  margin-left: -1em;
}
.ph-duotone.ph-patreon-logo:before {
  content: "\e98a";
  opacity: 0.2;
}
.ph-duotone.ph-patreon-logo:after {
  content: "\e98b";
  margin-left: -1em;
}
.ph-duotone.ph-pause:before {
  content: "\e39e";
  opacity: 0.2;
}
.ph-duotone.ph-pause:after {
  content: "\e39f";
  margin-left: -1em;
}
.ph-duotone.ph-pause-circle:before {
  content: "\e3a0";
  opacity: 0.2;
}
.ph-duotone.ph-pause-circle:after {
  content: "\e3a1";
  margin-left: -1em;
}
.ph-duotone.ph-paw-print:before {
  content: "\e648";
  opacity: 0.2;
}
.ph-duotone.ph-paw-print:after {
  content: "\e649";
  margin-left: -1em;
}
.ph-duotone.ph-paypal-logo:before {
  content: "\e98c";
  opacity: 0.2;
}
.ph-duotone.ph-paypal-logo:after {
  content: "\e98d";
  margin-left: -1em;
}
.ph-duotone.ph-peace:before {
  content: "\e3a2";
  opacity: 0.2;
}
.ph-duotone.ph-peace:after {
  content: "\e3a3";
  margin-left: -1em;
}
.ph-duotone.ph-pen:before {
  content: "\e3aa";
  opacity: 0.2;
}
.ph-duotone.ph-pen:after {
  content: "\e3ab";
  margin-left: -1em;
}
.ph-duotone.ph-pen-nib:before {
  content: "\e3ac";
  opacity: 0.2;
}
.ph-duotone.ph-pen-nib:after {
  content: "\e3ad";
  margin-left: -1em;
}
.ph-duotone.ph-pen-nib-straight:before {
  content: "\e64a";
  opacity: 0.2;
}
.ph-duotone.ph-pen-nib-straight:after {
  content: "\e64b";
  margin-left: -1em;
}
.ph-duotone.ph-pencil:before {
  content: "\e3ae";
  opacity: 0.2;
}
.ph-duotone.ph-pencil:after {
  content: "\e3af";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-circle:before {
  content: "\e3b0";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-circle:after {
  content: "\e3b1";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-line:before {
  content: "\e3b2";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-line:after {
  content: "\e3b3";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-ruler:before {
  content: "\e906";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-ruler:after {
  content: "\e907";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple:before {
  content: "\e3b4";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple:after {
  content: "\e3b5";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple-line:before {
  content: "\ebc6";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple-line:after {
  content: "\ebc7";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple-slash:before {
  content: "\ecf6";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple-slash:after {
  content: "\ecf7";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-slash:before {
  content: "\ecf8";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-slash:after {
  content: "\ecf9";
  margin-left: -1em;
}
.ph-duotone.ph-pentagon:before {
  content: "\ec7e";
  opacity: 0.2;
}
.ph-duotone.ph-pentagon:after {
  content: "\ec7f";
  margin-left: -1em;
}
.ph-duotone.ph-pentagram:before {
  content: "\ec5c";
  opacity: 0.2;
}
.ph-duotone.ph-pentagram:after {
  content: "\ec5d";
  margin-left: -1em;
}
.ph-duotone.ph-pepper:before {
  content: "\e94a";
  opacity: 0.2;
}
.ph-duotone.ph-pepper:after {
  content: "\e94b";
  margin-left: -1em;
}
.ph-duotone.ph-percent:before {
  content: "\e3b6";
  opacity: 0.2;
}
.ph-duotone.ph-percent:after {
  content: "\e3b7";
  margin-left: -1em;
}
.ph-duotone.ph-person:before {
  content: "\e3a8";
  opacity: 0.2;
}
.ph-duotone.ph-person:after {
  content: "\e3a9";
  margin-left: -1em;
}
.ph-duotone.ph-person-arms-spread:before {
  content: "\ecfe";
  opacity: 0.2;
}
.ph-duotone.ph-person-arms-spread:after {
  content: "\ecff";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple:before {
  content: "\e72e";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple:after {
  content: "\e72f";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-bike:before {
  content: "\e734";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-bike:after {
  content: "\e735";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-circle:before {
  content: "\ee58";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-circle:after {
  content: "\ee59";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-hike:before {
  content: "\ed54";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-hike:after {
  content: "\ed55";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-run:before {
  content: "\e730";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-run:after {
  content: "\e731";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-ski:before {
  content: "\e71c";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-ski:after {
  content: "\e71d";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-snowboard:before {
  content: "\e71e";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-snowboard:after {
  content: "\e71f";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-swim:before {
  content: "\e736";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-swim:after {
  content: "\e737";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-tai-chi:before {
  content: "\ed5c";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-tai-chi:after {
  content: "\ed5d";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-throw:before {
  content: "\e732";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-throw:after {
  content: "\e733";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-walk:before {
  content: "\e73a";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-walk:after {
  content: "\e73b";
  margin-left: -1em;
}
.ph-duotone.ph-perspective:before {
  content: "\ebe6";
  opacity: 0.2;
}
.ph-duotone.ph-perspective:after {
  content: "\ebe7";
  margin-left: -1em;
}
.ph-duotone.ph-phone:before {
  content: "\e3b8";
  opacity: 0.2;
}
.ph-duotone.ph-phone:after {
  content: "\e3b9";
  margin-left: -1em;
}
.ph-duotone.ph-phone-call:before {
  content: "\e3ba";
  opacity: 0.2;
}
.ph-duotone.ph-phone-call:after {
  content: "\e3bb";
  margin-left: -1em;
}
.ph-duotone.ph-phone-disconnect:before {
  content: "\e3bc";
  opacity: 0.2;
}
.ph-duotone.ph-phone-disconnect:after {
  content: "\e3bd";
  margin-left: -1em;
}
.ph-duotone.ph-phone-incoming:before {
  content: "\e3be";
  opacity: 0.2;
}
.ph-duotone.ph-phone-incoming:after {
  content: "\e3bf";
  margin-left: -1em;
}
.ph-duotone.ph-phone-list:before {
  content: "\e3cc";
  opacity: 0.2;
}
.ph-duotone.ph-phone-list:after {
  content: "\e3cd";
  margin-left: -1em;
}
.ph-duotone.ph-phone-outgoing:before {
  content: "\e3c0";
  opacity: 0.2;
}
.ph-duotone.ph-phone-outgoing:after {
  content: "\e3c1";
  margin-left: -1em;
}
.ph-duotone.ph-phone-pause:before {
  content: "\e3ca";
  opacity: 0.2;
}
.ph-duotone.ph-phone-pause:after {
  content: "\e3cb";
  margin-left: -1em;
}
.ph-duotone.ph-phone-plus:before {
  content: "\ec56";
  opacity: 0.2;
}
.ph-duotone.ph-phone-plus:after {
  content: "\ec57";
  margin-left: -1em;
}
.ph-duotone.ph-phone-slash:before {
  content: "\e3c2";
  opacity: 0.2;
}
.ph-duotone.ph-phone-slash:after {
  content: "\e3c3";
  margin-left: -1em;
}
.ph-duotone.ph-phone-transfer:before {
  content: "\e3c6";
  opacity: 0.2;
}
.ph-duotone.ph-phone-transfer:after {
  content: "\e3c7";
  margin-left: -1em;
}
.ph-duotone.ph-phone-x:before {
  content: "\e3c4";
  opacity: 0.2;
}
.ph-duotone.ph-phone-x:after {
  content: "\e3c5";
  margin-left: -1em;
}
.ph-duotone.ph-phosphor-logo:before {
  content: "\e3ce";
  opacity: 0.2;
}
.ph-duotone.ph-phosphor-logo:after {
  content: "\e3cf";
  margin-left: -1em;
}
.ph-duotone.ph-pi:before {
  content: "\ec80";
  opacity: 0.2;
}
.ph-duotone.ph-pi:after {
  content: "\ec81";
  margin-left: -1em;
}
.ph-duotone.ph-piano-keys:before {
  content: "\e9c8";
  opacity: 0.2;
}
.ph-duotone.ph-piano-keys:after {
  content: "\e9c9";
  margin-left: -1em;
}
.ph-duotone.ph-picnic-table:before {
  content: "\ee26";
  opacity: 0.2;
}
.ph-duotone.ph-picnic-table:after {
  content: "\ee27";
  margin-left: -1em;
}
.ph-duotone.ph-picture-in-picture:before {
  content: "\e64c";
  opacity: 0.2;
}
.ph-duotone.ph-picture-in-picture:after {
  content: "\e64d";
  margin-left: -1em;
}
.ph-duotone.ph-piggy-bank:before {
  content: "\ea04";
  opacity: 0.2;
}
.ph-duotone.ph-piggy-bank:after {
  content: "\ea05";
  margin-left: -1em;
}
.ph-duotone.ph-pill:before {
  content: "\e700";
  opacity: 0.2;
}
.ph-duotone.ph-pill:after {
  content: "\e701";
  margin-left: -1em;
}
.ph-duotone.ph-ping-pong:before {
  content: "\ea42";
  opacity: 0.2;
}
.ph-duotone.ph-ping-pong:after {
  content: "\ea43";
  margin-left: -1em;
}
.ph-duotone.ph-pint-glass:before {
  content: "\edd0";
  opacity: 0.2;
}
.ph-duotone.ph-pint-glass:after {
  content: "\edd1";
  margin-left: -1em;
}
.ph-duotone.ph-pinterest-logo:before {
  content: "\e64e";
  opacity: 0.2;
}
.ph-duotone.ph-pinterest-logo:after {
  content: "\e64f";
  margin-left: -1em;
}
.ph-duotone.ph-pinwheel:before {
  content: "\eb9c";
  opacity: 0.2;
}
.ph-duotone.ph-pinwheel:after {
  content: "\eb9d";
  margin-left: -1em;
}
.ph-duotone.ph-pipe:before {
  content: "\ed86";
  opacity: 0.2;
}
.ph-duotone.ph-pipe:after {
  content: "\ed87";
  margin-left: -1em;
}
.ph-duotone.ph-pipe-wrench:before {
  content: "\ed88";
  opacity: 0.2;
}
.ph-duotone.ph-pipe-wrench:after {
  content: "\ed89";
  margin-left: -1em;
}
.ph-duotone.ph-pix-logo:before {
  content: "\ecc2";
  opacity: 0.2;
}
.ph-duotone.ph-pix-logo:after {
  content: "\ecc3";
  margin-left: -1em;
}
.ph-duotone.ph-pizza:before {
  content: "\e796";
  opacity: 0.2;
}
.ph-duotone.ph-pizza:after {
  content: "\e797";
  margin-left: -1em;
}
.ph-duotone.ph-placeholder:before {
  content: "\e650";
  opacity: 0.2;
}
.ph-duotone.ph-placeholder:after {
  content: "\e651";
  margin-left: -1em;
}
.ph-duotone.ph-planet:before {
  content: "\e652";
  opacity: 0.2;
}
.ph-duotone.ph-planet:after {
  content: "\e653";
  margin-left: -1em;
}
.ph-duotone.ph-plant:before {
  content: "\ebae";
  opacity: 0.2;
}
.ph-duotone.ph-plant:after {
  content: "\ebaf";
  margin-left: -1em;
}
.ph-duotone.ph-play:before {
  content: "\e3d0";
  opacity: 0.2;
}
.ph-duotone.ph-play:after {
  content: "\e3d1";
  margin-left: -1em;
}
.ph-duotone.ph-play-circle:before {
  content: "\e3d2";
  opacity: 0.2;
}
.ph-duotone.ph-play-circle:after {
  content: "\e3d3";
  margin-left: -1em;
}
.ph-duotone.ph-play-pause:before {
  content: "\e8be";
  opacity: 0.2;
}
.ph-duotone.ph-play-pause:after {
  content: "\e8bf";
  margin-left: -1em;
}
.ph-duotone.ph-playlist:before {
  content: "\e6aa";
  opacity: 0.2;
}
.ph-duotone.ph-playlist:after {
  content: "\e6ab";
  margin-left: -1em;
}
.ph-duotone.ph-plug:before {
  content: "\e946";
  opacity: 0.2;
}
.ph-duotone.ph-plug:after {
  content: "\e947";
  margin-left: -1em;
}
.ph-duotone.ph-plug-charging:before {
  content: "\eb5c";
  opacity: 0.2;
}
.ph-duotone.ph-plug-charging:after {
  content: "\eb5d";
  margin-left: -1em;
}
.ph-duotone.ph-plugs:before {
  content: "\eb56";
  opacity: 0.2;
}
.ph-duotone.ph-plugs:after {
  content: "\eb57";
  margin-left: -1em;
}
.ph-duotone.ph-plugs-connected:before {
  content: "\eb5a";
  opacity: 0.2;
}
.ph-duotone.ph-plugs-connected:after {
  content: "\eb5b";
  margin-left: -1em;
}
.ph-duotone.ph-plus:before {
  content: "\e3d4";
  opacity: 0.2;
}
.ph-duotone.ph-plus:after {
  content: "\e3d5";
  margin-left: -1em;
}
.ph-duotone.ph-plus-circle:before {
  content: "\e3d6";
  opacity: 0.2;
}
.ph-duotone.ph-plus-circle:after {
  content: "\e3d7";
  margin-left: -1em;
}
.ph-duotone.ph-plus-minus:before {
  content: "\e3d8";
  opacity: 0.2;
}
.ph-duotone.ph-plus-minus:after {
  content: "\e3d9";
  margin-left: -1em;
}
.ph-duotone.ph-plus-square:before {
  content: "\ed4a";
  opacity: 0.2;
}
.ph-duotone.ph-plus-square:after {
  content: "\ed56";
  margin-left: -1em;
}
.ph-duotone.ph-poker-chip:before {
  content: "\e594";
  opacity: 0.2;
}
.ph-duotone.ph-poker-chip:after {
  content: "\e595";
  margin-left: -1em;
}
.ph-duotone.ph-police-car:before {
  content: "\ec4a";
  opacity: 0.2;
}
.ph-duotone.ph-police-car:after {
  content: "\ec4b";
  margin-left: -1em;
}
.ph-duotone.ph-polygon:before {
  content: "\e6d0";
  opacity: 0.2;
}
.ph-duotone.ph-polygon:after {
  content: "\e6d1";
  margin-left: -1em;
}
.ph-duotone.ph-popcorn:before {
  content: "\eb4e";
  opacity: 0.2;
}
.ph-duotone.ph-popcorn:after {
  content: "\eb4f";
  margin-left: -1em;
}
.ph-duotone.ph-popsicle:before {
  content: "\ebbe";
  opacity: 0.2;
}
.ph-duotone.ph-popsicle:after {
  content: "\ebbf";
  margin-left: -1em;
}
.ph-duotone.ph-potted-plant:before {
  content: "\ec22";
  opacity: 0.2;
}
.ph-duotone.ph-potted-plant:after {
  content: "\ec23";
  margin-left: -1em;
}
.ph-duotone.ph-power:before {
  content: "\e3da";
  opacity: 0.2;
}
.ph-duotone.ph-power:after {
  content: "\e3db";
  margin-left: -1em;
}
.ph-duotone.ph-prescription:before {
  content: "\e7a2";
  opacity: 0.2;
}
.ph-duotone.ph-prescription:after {
  content: "\e7a3";
  margin-left: -1em;
}
.ph-duotone.ph-presentation:before {
  content: "\e654";
  opacity: 0.2;
}
.ph-duotone.ph-presentation:after {
  content: "\e655";
  margin-left: -1em;
}
.ph-duotone.ph-presentation-chart:before {
  content: "\e656";
  opacity: 0.2;
}
.ph-duotone.ph-presentation-chart:after {
  content: "\e657";
  margin-left: -1em;
}
.ph-duotone.ph-printer:before {
  content: "\e3dc";
  opacity: 0.2;
}
.ph-duotone.ph-printer:after {
  content: "\e3dd";
  margin-left: -1em;
}
.ph-duotone.ph-prohibit:before {
  content: "\e3de";
  opacity: 0.2;
}
.ph-duotone.ph-prohibit:after {
  content: "\e3df";
  margin-left: -1em;
}
.ph-duotone.ph-prohibit-inset:before {
  content: "\e3e0";
  opacity: 0.2;
}
.ph-duotone.ph-prohibit-inset:after {
  content: "\e3e1";
  margin-left: -1em;
}
.ph-duotone.ph-projector-screen:before {
  content: "\e658";
  opacity: 0.2;
}
.ph-duotone.ph-projector-screen:after {
  content: "\e659";
  margin-left: -1em;
}
.ph-duotone.ph-projector-screen-chart:before {
  content: "\e65a";
  opacity: 0.2;
}
.ph-duotone.ph-projector-screen-chart:after {
  content: "\e65b";
  margin-left: -1em;
}
.ph-duotone.ph-pulse:before {
  content: "\e000";
  opacity: 0.2;
}
.ph-duotone.ph-pulse:after {
  content: "\e001";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin:before {
  content: "\e3e2";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin:after {
  content: "\e3e3";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-simple:before {
  content: "\e65c";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-simple:after {
  content: "\e65d";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-simple-slash:before {
  content: "\e65e";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-simple-slash:after {
  content: "\e65f";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-slash:before {
  content: "\e3e4";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-slash:after {
  content: "\e3e5";
  margin-left: -1em;
}
.ph-duotone.ph-puzzle-piece:before {
  content: "\e596";
  opacity: 0.2;
}
.ph-duotone.ph-puzzle-piece:after {
  content: "\e597";
  margin-left: -1em;
}
.ph-duotone.ph-qr-code:before {
  content: "\e3e6";
  opacity: 0.2;
}
.ph-duotone.ph-qr-code:after {
  content: "\e3e7";
  margin-left: -1em;
}
.ph-duotone.ph-question:before {
  content: "\e3e8";
  opacity: 0.2;
}
.ph-duotone.ph-question:after {
  content: "\e3eb";
  margin-left: -1em;
}
.ph-duotone.ph-question-mark:before {
  content: "\e3e9";
  opacity: 0.2;
}
.ph-duotone.ph-question-mark:after {
  content: "\e3ed";
  margin-left: -1em;
}
.ph-duotone.ph-queue:before {
  content: "\e6ac";
  opacity: 0.2;
}
.ph-duotone.ph-queue:after {
  content: "\e6ad";
  margin-left: -1em;
}
.ph-duotone.ph-quotes:before {
  content: "\e660";
  opacity: 0.2;
}
.ph-duotone.ph-quotes:after {
  content: "\e661";
  margin-left: -1em;
}
.ph-duotone.ph-rabbit:before {
  content: "\eac2";
  opacity: 0.2;
}
.ph-duotone.ph-rabbit:after {
  content: "\eac3";
  margin-left: -1em;
}
.ph-duotone.ph-racquet:before {
  content: "\ee02";
  opacity: 0.2;
}
.ph-duotone.ph-racquet:after {
  content: "\ee03";
  margin-left: -1em;
}
.ph-duotone.ph-radical:before {
  content: "\e3ea";
  opacity: 0.2;
}
.ph-duotone.ph-radical:after {
  content: "\e3ef";
  margin-left: -1em;
}
.ph-duotone.ph-radio:before {
  content: "\e77e";
  opacity: 0.2;
}
.ph-duotone.ph-radio:after {
  content: "\e77f";
  margin-left: -1em;
}
.ph-duotone.ph-radio-button:before {
  content: "\eb08";
  opacity: 0.2;
}
.ph-duotone.ph-radio-button:after {
  content: "\eb09";
  margin-left: -1em;
}
.ph-duotone.ph-radioactive:before {
  content: "\e9dc";
  opacity: 0.2;
}
.ph-duotone.ph-radioactive:after {
  content: "\e9dd";
  margin-left: -1em;
}
.ph-duotone.ph-rainbow:before {
  content: "\e598";
  opacity: 0.2;
}
.ph-duotone.ph-rainbow:after {
  content: "\e599";
  margin-left: -1em;
}
.ph-duotone.ph-rainbow-cloud:before {
  content: "\e59a";
  opacity: 0.2;
}
.ph-duotone.ph-rainbow-cloud:after {
  content: "\e59b";
  margin-left: -1em;
}
.ph-duotone.ph-ranking:before {
  content: "\ed62";
  opacity: 0.2;
}
.ph-duotone.ph-ranking:after {
  content: "\ed63";
  margin-left: -1em;
}
.ph-duotone.ph-read-cv-logo:before {
  content: "\ed0c";
  opacity: 0.2;
}
.ph-duotone.ph-read-cv-logo:after {
  content: "\ed0d";
  margin-left: -1em;
}
.ph-duotone.ph-receipt:before {
  content: "\e3ec";
  opacity: 0.2;
}
.ph-duotone.ph-receipt:after {
  content: "\e3f1";
  margin-left: -1em;
}
.ph-duotone.ph-receipt-x:before {
  content: "\ed40";
  opacity: 0.2;
}
.ph-duotone.ph-receipt-x:after {
  content: "\ed41";
  margin-left: -1em;
}
.ph-duotone.ph-record:before {
  content: "\e3ee";
  opacity: 0.2;
}
.ph-duotone.ph-record:after {
  content: "\e3f3";
  margin-left: -1em;
}
.ph-duotone.ph-rectangle:before {
  content: "\e3f0";
  opacity: 0.2;
}
.ph-duotone.ph-rectangle:after {
  content: "\e3f5";
  margin-left: -1em;
}
.ph-duotone.ph-rectangle-dashed:before {
  content: "\e3f2";
  opacity: 0.2;
}
.ph-duotone.ph-rectangle-dashed:after {
  content: "\e3f7";
  margin-left: -1em;
}
.ph-duotone.ph-recycle:before {
  content: "\e75a";
  opacity: 0.2;
}
.ph-duotone.ph-recycle:after {
  content: "\e75b";
  margin-left: -1em;
}
.ph-duotone.ph-reddit-logo:before {
  content: "\e59c";
  opacity: 0.2;
}
.ph-duotone.ph-reddit-logo:after {
  content: "\e59d";
  margin-left: -1em;
}
.ph-duotone.ph-repeat:before {
  content: "\e3f6";
  opacity: 0.2;
}
.ph-duotone.ph-repeat:after {
  content: "\e3f9";
  margin-left: -1em;
}
.ph-duotone.ph-repeat-once:before {
  content: "\e3f8";
  opacity: 0.2;
}
.ph-duotone.ph-repeat-once:after {
  content: "\e3fb";
  margin-left: -1em;
}
.ph-duotone.ph-replit-logo:before {
  content: "\eb8a";
  opacity: 0.2;
}
.ph-duotone.ph-replit-logo:after {
  content: "\eb8b";
  margin-left: -1em;
}
.ph-duotone.ph-resize:before {
  content: "\ed6e";
  opacity: 0.2;
}
.ph-duotone.ph-resize:after {
  content: "\ed6f";
  margin-left: -1em;
}
.ph-duotone.ph-rewind:before {
  content: "\e6a8";
  opacity: 0.2;
}
.ph-duotone.ph-rewind:after {
  content: "\e6a9";
  margin-left: -1em;
}
.ph-duotone.ph-rewind-circle:before {
  content: "\e3fa";
  opacity: 0.2;
}
.ph-duotone.ph-rewind-circle:after {
  content: "\e3fd";
  margin-left: -1em;
}
.ph-duotone.ph-road-horizon:before {
  content: "\e838";
  opacity: 0.2;
}
.ph-duotone.ph-road-horizon:after {
  content: "\e839";
  margin-left: -1em;
}
.ph-duotone.ph-robot:before {
  content: "\e762";
  opacity: 0.2;
}
.ph-duotone.ph-robot:after {
  content: "\e763";
  margin-left: -1em;
}
.ph-duotone.ph-rocket:before {
  content: "\e3fc";
  opacity: 0.2;
}
.ph-duotone.ph-rocket:after {
  content: "\e3ff";
  margin-left: -1em;
}
.ph-duotone.ph-rocket-launch:before {
  content: "\e3fe";
  opacity: 0.2;
}
.ph-duotone.ph-rocket-launch:after {
  content: "\e401";
  margin-left: -1em;
}
.ph-duotone.ph-rows:before {
  content: "\e5a2";
  opacity: 0.2;
}
.ph-duotone.ph-rows:after {
  content: "\e5a3";
  margin-left: -1em;
}
.ph-duotone.ph-rows-plus-bottom:before {
  content: "\e59e";
  opacity: 0.2;
}
.ph-duotone.ph-rows-plus-bottom:after {
  content: "\e59f";
  margin-left: -1em;
}
.ph-duotone.ph-rows-plus-top:before {
  content: "\e5a0";
  opacity: 0.2;
}
.ph-duotone.ph-rows-plus-top:after {
  content: "\e5a1";
  margin-left: -1em;
}
.ph-duotone.ph-rss:before {
  content: "\e400";
  opacity: 0.2;
}
.ph-duotone.ph-rss:after {
  content: "\e403";
  margin-left: -1em;
}
.ph-duotone.ph-rss-simple:before {
  content: "\e402";
  opacity: 0.2;
}
.ph-duotone.ph-rss-simple:after {
  content: "\e405";
  margin-left: -1em;
}
.ph-duotone.ph-rug:before {
  content: "\ea1a";
  opacity: 0.2;
}
.ph-duotone.ph-rug:after {
  content: "\ea1b";
  margin-left: -1em;
}
.ph-duotone.ph-ruler:before {
  content: "\e6b8";
  opacity: 0.2;
}
.ph-duotone.ph-ruler:after {
  content: "\e6b9";
  margin-left: -1em;
}
.ph-duotone.ph-sailboat:before {
  content: "\e78a";
  opacity: 0.2;
}
.ph-duotone.ph-sailboat:after {
  content: "\e78b";
  margin-left: -1em;
}
.ph-duotone.ph-scales:before {
  content: "\e750";
  opacity: 0.2;
}
.ph-duotone.ph-scales:after {
  content: "\e751";
  margin-left: -1em;
}
.ph-duotone.ph-scan:before {
  content: "\ebb6";
  opacity: 0.2;
}
.ph-duotone.ph-scan:after {
  content: "\ebb7";
  margin-left: -1em;
}
.ph-duotone.ph-scan-smiley:before {
  content: "\ebb4";
  opacity: 0.2;
}
.ph-duotone.ph-scan-smiley:after {
  content: "\ebb5";
  margin-left: -1em;
}
.ph-duotone.ph-scissors:before {
  content: "\eae0";
  opacity: 0.2;
}
.ph-duotone.ph-scissors:after {
  content: "\eae1";
  margin-left: -1em;
}
.ph-duotone.ph-scooter:before {
  content: "\e820";
  opacity: 0.2;
}
.ph-duotone.ph-scooter:after {
  content: "\e821";
  margin-left: -1em;
}
.ph-duotone.ph-screencast:before {
  content: "\e404";
  opacity: 0.2;
}
.ph-duotone.ph-screencast:after {
  content: "\e407";
  margin-left: -1em;
}
.ph-duotone.ph-screwdriver:before {
  content: "\e86e";
  opacity: 0.2;
}
.ph-duotone.ph-screwdriver:after {
  content: "\e86f";
  margin-left: -1em;
}
.ph-duotone.ph-scribble:before {
  content: "\e806";
  opacity: 0.2;
}
.ph-duotone.ph-scribble:after {
  content: "\e807";
  margin-left: -1em;
}
.ph-duotone.ph-scribble-loop:before {
  content: "\e662";
  opacity: 0.2;
}
.ph-duotone.ph-scribble-loop:after {
  content: "\e663";
  margin-left: -1em;
}
.ph-duotone.ph-scroll:before {
  content: "\eb7a";
  opacity: 0.2;
}
.ph-duotone.ph-scroll:after {
  content: "\eb7b";
  margin-left: -1em;
}
.ph-duotone.ph-seal:before {
  content: "\e604";
  opacity: 0.2;
}
.ph-duotone.ph-seal:after {
  content: "\e605";
  margin-left: -1em;
}
.ph-duotone.ph-seal-check:before {
  content: "\e606";
  opacity: 0.2;
}
.ph-duotone.ph-seal-check:after {
  content: "\e607";
  margin-left: -1em;
}
.ph-duotone.ph-seal-percent:before {
  content: "\e60a";
  opacity: 0.2;
}
.ph-duotone.ph-seal-percent:after {
  content: "\e60b";
  margin-left: -1em;
}
.ph-duotone.ph-seal-question:before {
  content: "\e608";
  opacity: 0.2;
}
.ph-duotone.ph-seal-question:after {
  content: "\e609";
  margin-left: -1em;
}
.ph-duotone.ph-seal-warning:before {
  content: "\e60c";
  opacity: 0.2;
}
.ph-duotone.ph-seal-warning:after {
  content: "\e60d";
  margin-left: -1em;
}
.ph-duotone.ph-seat:before {
  content: "\eb8e";
  opacity: 0.2;
}
.ph-duotone.ph-seat:after {
  content: "\eb8f";
  margin-left: -1em;
}
.ph-duotone.ph-seatbelt:before {
  content: "\edfe";
  opacity: 0.2;
}
.ph-duotone.ph-seatbelt:after {
  content: "\edff";
  margin-left: -1em;
}
.ph-duotone.ph-security-camera:before {
  content: "\eca4";
  opacity: 0.2;
}
.ph-duotone.ph-security-camera:after {
  content: "\eca5";
  margin-left: -1em;
}
.ph-duotone.ph-selection:before {
  content: "\e69a";
  opacity: 0.2;
}
.ph-duotone.ph-selection:after {
  content: "\e69b";
  margin-left: -1em;
}
.ph-duotone.ph-selection-all:before {
  content: "\e746";
  opacity: 0.2;
}
.ph-duotone.ph-selection-all:after {
  content: "\e747";
  margin-left: -1em;
}
.ph-duotone.ph-selection-background:before {
  content: "\eaf8";
  opacity: 0.2;
}
.ph-duotone.ph-selection-background:after {
  content: "\eaf9";
  margin-left: -1em;
}
.ph-duotone.ph-selection-foreground:before {
  content: "\eaf6";
  opacity: 0.2;
}
.ph-duotone.ph-selection-foreground:after {
  content: "\eaf7";
  margin-left: -1em;
}
.ph-duotone.ph-selection-inverse:before {
  content: "\e744";
  opacity: 0.2;
}
.ph-duotone.ph-selection-inverse:after {
  content: "\e745";
  margin-left: -1em;
}
.ph-duotone.ph-selection-plus:before {
  content: "\e69c";
  opacity: 0.2;
}
.ph-duotone.ph-selection-plus:after {
  content: "\e69d";
  margin-left: -1em;
}
.ph-duotone.ph-selection-slash:before {
  content: "\e69e";
  opacity: 0.2;
}
.ph-duotone.ph-selection-slash:after {
  content: "\e69f";
  margin-left: -1em;
}
.ph-duotone.ph-shapes:before {
  content: "\ec5e";
  opacity: 0.2;
}
.ph-duotone.ph-shapes:after {
  content: "\ec5f";
  margin-left: -1em;
}
.ph-duotone.ph-share:before {
  content: "\e406";
  opacity: 0.2;
}
.ph-duotone.ph-share:after {
  content: "\e409";
  margin-left: -1em;
}
.ph-duotone.ph-share-fat:before {
  content: "\ed52";
  opacity: 0.2;
}
.ph-duotone.ph-share-fat:after {
  content: "\ed57";
  margin-left: -1em;
}
.ph-duotone.ph-share-network:before {
  content: "\e408";
  opacity: 0.2;
}
.ph-duotone.ph-share-network:after {
  content: "\e40b";
  margin-left: -1em;
}
.ph-duotone.ph-shield:before {
  content: "\e40a";
  opacity: 0.2;
}
.ph-duotone.ph-shield:after {
  content: "\e40d";
  margin-left: -1em;
}
.ph-duotone.ph-shield-check:before {
  content: "\e40c";
  opacity: 0.2;
}
.ph-duotone.ph-shield-check:after {
  content: "\e40f";
  margin-left: -1em;
}
.ph-duotone.ph-shield-checkered:before {
  content: "\e708";
  opacity: 0.2;
}
.ph-duotone.ph-shield-checkered:after {
  content: "\e709";
  margin-left: -1em;
}
.ph-duotone.ph-shield-chevron:before {
  content: "\e40e";
  opacity: 0.2;
}
.ph-duotone.ph-shield-chevron:after {
  content: "\e411";
  margin-left: -1em;
}
.ph-duotone.ph-shield-plus:before {
  content: "\e706";
  opacity: 0.2;
}
.ph-duotone.ph-shield-plus:after {
  content: "\e707";
  margin-left: -1em;
}
.ph-duotone.ph-shield-slash:before {
  content: "\e410";
  opacity: 0.2;
}
.ph-duotone.ph-shield-slash:after {
  content: "\e413";
  margin-left: -1em;
}
.ph-duotone.ph-shield-star:before {
  content: "\ec34";
  opacity: 0.2;
}
.ph-duotone.ph-shield-star:after {
  content: "\ec35";
  margin-left: -1em;
}
.ph-duotone.ph-shield-warning:before {
  content: "\e412";
  opacity: 0.2;
}
.ph-duotone.ph-shield-warning:after {
  content: "\e414";
  margin-left: -1em;
}
.ph-duotone.ph-shipping-container:before {
  content: "\e78c";
  opacity: 0.2;
}
.ph-duotone.ph-shipping-container:after {
  content: "\e78d";
  margin-left: -1em;
}
.ph-duotone.ph-shirt-folded:before {
  content: "\ea92";
  opacity: 0.2;
}
.ph-duotone.ph-shirt-folded:after {
  content: "\ea93";
  margin-left: -1em;
}
.ph-duotone.ph-shooting-star:before {
  content: "\ecfa";
  opacity: 0.2;
}
.ph-duotone.ph-shooting-star:after {
  content: "\ecfb";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-bag:before {
  content: "\e416";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-bag:after {
  content: "\e417";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-bag-open:before {
  content: "\e418";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-bag-open:after {
  content: "\e419";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-cart:before {
  content: "\e41e";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-cart:after {
  content: "\e41f";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-cart-simple:before {
  content: "\e420";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-cart-simple:after {
  content: "\e421";
  margin-left: -1em;
}
.ph-duotone.ph-shovel:before {
  content: "\e9e6";
  opacity: 0.2;
}
.ph-duotone.ph-shovel:after {
  content: "\e9e7";
  margin-left: -1em;
}
.ph-duotone.ph-shower:before {
  content: "\e776";
  opacity: 0.2;
}
.ph-duotone.ph-shower:after {
  content: "\e777";
  margin-left: -1em;
}
.ph-duotone.ph-shrimp:before {
  content: "\eab4";
  opacity: 0.2;
}
.ph-duotone.ph-shrimp:after {
  content: "\eab5";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle:before {
  content: "\e422";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle:after {
  content: "\e423";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle-angular:before {
  content: "\e424";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle-angular:after {
  content: "\e425";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle-simple:before {
  content: "\e426";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle-simple:after {
  content: "\e427";
  margin-left: -1em;
}
.ph-duotone.ph-sidebar:before {
  content: "\eab6";
  opacity: 0.2;
}
.ph-duotone.ph-sidebar:after {
  content: "\eab7";
  margin-left: -1em;
}
.ph-duotone.ph-sidebar-simple:before {
  content: "\ec24";
  opacity: 0.2;
}
.ph-duotone.ph-sidebar-simple:after {
  content: "\ec25";
  margin-left: -1em;
}
.ph-duotone.ph-sigma:before {
  content: "\eab8";
  opacity: 0.2;
}
.ph-duotone.ph-sigma:after {
  content: "\eab9";
  margin-left: -1em;
}
.ph-duotone.ph-sign-in:before {
  content: "\e428";
  opacity: 0.2;
}
.ph-duotone.ph-sign-in:after {
  content: "\e429";
  margin-left: -1em;
}
.ph-duotone.ph-sign-out:before {
  content: "\e42a";
  opacity: 0.2;
}
.ph-duotone.ph-sign-out:after {
  content: "\e42b";
  margin-left: -1em;
}
.ph-duotone.ph-signature:before {
  content: "\ebac";
  opacity: 0.2;
}
.ph-duotone.ph-signature:after {
  content: "\ebad";
  margin-left: -1em;
}
.ph-duotone.ph-signpost:before {
  content: "\e89c";
  opacity: 0.2;
}
.ph-duotone.ph-signpost:after {
  content: "\e89d";
  margin-left: -1em;
}
.ph-duotone.ph-sim-card:before {
  content: "\e664";
  opacity: 0.2;
}
.ph-duotone.ph-sim-card:after {
  content: "\e665";
  margin-left: -1em;
}
.ph-duotone.ph-siren:before {
  content: "\e9b8";
  opacity: 0.2;
}
.ph-duotone.ph-siren:after {
  content: "\e9b9";
  margin-left: -1em;
}
.ph-duotone.ph-sketch-logo:before {
  content: "\e42c";
  opacity: 0.2;
}
.ph-duotone.ph-sketch-logo:after {
  content: "\e42d";
  margin-left: -1em;
}
.ph-duotone.ph-skip-back:before {
  content: "\e5a4";
  opacity: 0.2;
}
.ph-duotone.ph-skip-back:after {
  content: "\e5a5";
  margin-left: -1em;
}
.ph-duotone.ph-skip-back-circle:before {
  content: "\e42e";
  opacity: 0.2;
}
.ph-duotone.ph-skip-back-circle:after {
  content: "\e42f";
  margin-left: -1em;
}
.ph-duotone.ph-skip-forward:before {
  content: "\e5a6";
  opacity: 0.2;
}
.ph-duotone.ph-skip-forward:after {
  content: "\e5a7";
  margin-left: -1em;
}
.ph-duotone.ph-skip-forward-circle:before {
  content: "\e430";
  opacity: 0.2;
}
.ph-duotone.ph-skip-forward-circle:after {
  content: "\e431";
  margin-left: -1em;
}
.ph-duotone.ph-skull:before {
  content: "\e916";
  opacity: 0.2;
}
.ph-duotone.ph-skull:after {
  content: "\e917";
  margin-left: -1em;
}
.ph-duotone.ph-skype-logo:before {
  content: "\e8dc";
  opacity: 0.2;
}
.ph-duotone.ph-skype-logo:after {
  content: "\e8dd";
  margin-left: -1em;
}
.ph-duotone.ph-slack-logo:before {
  content: "\e5a8";
  opacity: 0.2;
}
.ph-duotone.ph-slack-logo:after {
  content: "\e5a9";
  margin-left: -1em;
}
.ph-duotone.ph-sliders:before {
  content: "\e432";
  opacity: 0.2;
}
.ph-duotone.ph-sliders:after {
  content: "\e433";
  margin-left: -1em;
}
.ph-duotone.ph-sliders-horizontal:before {
  content: "\e434";
  opacity: 0.2;
}
.ph-duotone.ph-sliders-horizontal:after {
  content: "\e435";
  margin-left: -1em;
}
.ph-duotone.ph-slideshow:before {
  content: "\ed32";
  opacity: 0.2;
}
.ph-duotone.ph-slideshow:after {
  content: "\ed33";
  margin-left: -1em;
}
.ph-duotone.ph-smiley:before {
  content: "\e436";
  opacity: 0.2;
}
.ph-duotone.ph-smiley:after {
  content: "\e437";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-angry:before {
  content: "\ec62";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-angry:after {
  content: "\ec63";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-blank:before {
  content: "\e438";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-blank:after {
  content: "\e439";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-meh:before {
  content: "\e43a";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-meh:after {
  content: "\e43b";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-melting:before {
  content: "\ee56";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-melting:after {
  content: "\ee57";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-nervous:before {
  content: "\e43c";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-nervous:after {
  content: "\e43d";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-sad:before {
  content: "\e43e";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-sad:after {
  content: "\e43f";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-sticker:before {
  content: "\e440";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-sticker:after {
  content: "\e441";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-wink:before {
  content: "\e666";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-wink:after {
  content: "\e667";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-x-eyes:before {
  content: "\e442";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-x-eyes:after {
  content: "\e443";
  margin-left: -1em;
}
.ph-duotone.ph-snapchat-logo:before {
  content: "\e668";
  opacity: 0.2;
}
.ph-duotone.ph-snapchat-logo:after {
  content: "\e669";
  margin-left: -1em;
}
.ph-duotone.ph-sneaker:before {
  content: "\e80c";
  opacity: 0.2;
}
.ph-duotone.ph-sneaker:after {
  content: "\e80d";
  margin-left: -1em;
}
.ph-duotone.ph-sneaker-move:before {
  content: "\ed60";
  opacity: 0.2;
}
.ph-duotone.ph-sneaker-move:after {
  content: "\ed61";
  margin-left: -1em;
}
.ph-duotone.ph-snowflake:before {
  content: "\e5aa";
  opacity: 0.2;
}
.ph-duotone.ph-snowflake:after {
  content: "\e5ab";
  margin-left: -1em;
}
.ph-duotone.ph-soccer-ball:before {
  content: "\e716";
  opacity: 0.2;
}
.ph-duotone.ph-soccer-ball:after {
  content: "\e717";
  margin-left: -1em;
}
.ph-duotone.ph-sock:before {
  content: "\ecce";
  opacity: 0.2;
}
.ph-duotone.ph-sock:after {
  content: "\eccf";
  margin-left: -1em;
}
.ph-duotone.ph-solar-panel:before {
  content: "\ed7a";
  opacity: 0.2;
}
.ph-duotone.ph-solar-panel:after {
  content: "\ed7e";
  margin-left: -1em;
}
.ph-duotone.ph-solar-roof:before {
  content: "\ed7b";
  opacity: 0.2;
}
.ph-duotone.ph-solar-roof:after {
  content: "\ed7f";
  margin-left: -1em;
}
.ph-duotone.ph-sort-ascending:before {
  content: "\e444";
  opacity: 0.2;
}
.ph-duotone.ph-sort-ascending:after {
  content: "\e445";
  margin-left: -1em;
}
.ph-duotone.ph-sort-descending:before {
  content: "\e446";
  opacity: 0.2;
}
.ph-duotone.ph-sort-descending:after {
  content: "\e447";
  margin-left: -1em;
}
.ph-duotone.ph-soundcloud-logo:before {
  content: "\e8de";
  opacity: 0.2;
}
.ph-duotone.ph-soundcloud-logo:after {
  content: "\e8df";
  margin-left: -1em;
}
.ph-duotone.ph-spade:before {
  content: "\e448";
  opacity: 0.2;
}
.ph-duotone.ph-spade:after {
  content: "\e449";
  margin-left: -1em;
}
.ph-duotone.ph-sparkle:before {
  content: "\e6a2";
  opacity: 0.2;
}
.ph-duotone.ph-sparkle:after {
  content: "\e6a3";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-hifi:before {
  content: "\ea08";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-hifi:after {
  content: "\ea09";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-high:before {
  content: "\e44a";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-high:after {
  content: "\e44b";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-low:before {
  content: "\e44c";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-low:after {
  content: "\e44d";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-none:before {
  content: "\e44e";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-none:after {
  content: "\e44f";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-high:before {
  content: "\e450";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-high:after {
  content: "\e451";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-low:before {
  content: "\e452";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-low:after {
  content: "\e453";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-none:before {
  content: "\e454";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-none:after {
  content: "\e455";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-slash:before {
  content: "\e456";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-slash:after {
  content: "\e457";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-x:before {
  content: "\e458";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-x:after {
  content: "\e459";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-slash:before {
  content: "\e45a";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-slash:after {
  content: "\e45b";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-x:before {
  content: "\e45c";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-x:after {
  content: "\e45d";
  margin-left: -1em;
}
.ph-duotone.ph-speedometer:before {
  content: "\ee74";
  opacity: 0.2;
}
.ph-duotone.ph-speedometer:after {
  content: "\ee75";
  margin-left: -1em;
}
.ph-duotone.ph-sphere:before {
  content: "\ee66";
  opacity: 0.2;
}
.ph-duotone.ph-sphere:after {
  content: "\ee67";
  margin-left: -1em;
}
.ph-duotone.ph-spinner:before {
  content: "\e66a";
  opacity: 0.2;
}
.ph-duotone.ph-spinner:after {
  content: "\e66b";
  margin-left: -1em;
}
.ph-duotone.ph-spinner-ball:before {
  content: "\ee28";
  opacity: 0.2;
}
.ph-duotone.ph-spinner-ball:after {
  content: "\ee29";
  margin-left: -1em;
}
.ph-duotone.ph-spinner-gap:before {
  content: "\e66c";
  opacity: 0.2;
}
.ph-duotone.ph-spinner-gap:after {
  content: "\e66d";
  margin-left: -1em;
}
.ph-duotone.ph-spiral:before {
  content: "\e9fa";
  opacity: 0.2;
}
.ph-duotone.ph-spiral:after {
  content: "\e9fb";
  margin-left: -1em;
}
.ph-duotone.ph-split-horizontal:before {
  content: "\e872";
  opacity: 0.2;
}
.ph-duotone.ph-split-horizontal:after {
  content: "\e873";
  margin-left: -1em;
}
.ph-duotone.ph-split-vertical:before {
  content: "\e876";
  opacity: 0.2;
}
.ph-duotone.ph-split-vertical:after {
  content: "\e877";
  margin-left: -1em;
}
.ph-duotone.ph-spotify-logo:before {
  content: "\e66e";
  opacity: 0.2;
}
.ph-duotone.ph-spotify-logo:after {
  content: "\e66f";
  margin-left: -1em;
}
.ph-duotone.ph-spray-bottle:before {
  content: "\e7e4";
  opacity: 0.2;
}
.ph-duotone.ph-spray-bottle:after {
  content: "\e7e8";
  margin-left: -1em;
}
.ph-duotone.ph-square:before {
  content: "\e45e";
  opacity: 0.2;
}
.ph-duotone.ph-square:after {
  content: "\e45f";
  margin-left: -1em;
}
.ph-duotone.ph-square-half:before {
  content: "\e462";
  opacity: 0.2;
}
.ph-duotone.ph-square-half:after {
  content: "\e463";
  margin-left: -1em;
}
.ph-duotone.ph-square-half-bottom:before {
  content: "\eb16";
  opacity: 0.2;
}
.ph-duotone.ph-square-half-bottom:after {
  content: "\eb17";
  margin-left: -1em;
}
.ph-duotone.ph-square-logo:before {
  content: "\e690";
  opacity: 0.2;
}
.ph-duotone.ph-square-logo:after {
  content: "\e691";
  margin-left: -1em;
}
.ph-duotone.ph-square-split-horizontal:before {
  content: "\e870";
  opacity: 0.2;
}
.ph-duotone.ph-square-split-horizontal:after {
  content: "\e871";
  margin-left: -1em;
}
.ph-duotone.ph-square-split-vertical:before {
  content: "\e874";
  opacity: 0.2;
}
.ph-duotone.ph-square-split-vertical:after {
  content: "\e875";
  margin-left: -1em;
}
.ph-duotone.ph-squares-four:before {
  content: "\e464";
  opacity: 0.2;
}
.ph-duotone.ph-squares-four:after {
  content: "\e465";
  margin-left: -1em;
}
.ph-duotone.ph-stack:before {
  content: "\e466";
  opacity: 0.2;
}
.ph-duotone.ph-stack:after {
  content: "\e467";
  margin-left: -1em;
}
.ph-duotone.ph-stack-minus:before {
  content: "\edf4";
  opacity: 0.2;
}
.ph-duotone.ph-stack-minus:after {
  content: "\edf5";
  margin-left: -1em;
}
.ph-duotone.ph-stack-overflow-logo:before {
  content: "\eb78";
  opacity: 0.2;
}
.ph-duotone.ph-stack-overflow-logo:after {
  content: "\eb79";
  margin-left: -1em;
}
.ph-duotone.ph-stack-plus:before {
  content: "\edf6";
  opacity: 0.2;
}
.ph-duotone.ph-stack-plus:after {
  content: "\edf7";
  margin-left: -1em;
}
.ph-duotone.ph-stack-simple:before {
  content: "\e468";
  opacity: 0.2;
}
.ph-duotone.ph-stack-simple:after {
  content: "\e469";
  margin-left: -1em;
}
.ph-duotone.ph-stairs:before {
  content: "\e8ec";
  opacity: 0.2;
}
.ph-duotone.ph-stairs:after {
  content: "\e8ed";
  margin-left: -1em;
}
.ph-duotone.ph-stamp:before {
  content: "\ea48";
  opacity: 0.2;
}
.ph-duotone.ph-stamp:after {
  content: "\ea49";
  margin-left: -1em;
}
.ph-duotone.ph-standard-definition:before {
  content: "\ea90";
  opacity: 0.2;
}
.ph-duotone.ph-standard-definition:after {
  content: "\ea91";
  margin-left: -1em;
}
.ph-duotone.ph-star:before {
  content: "\e46a";
  opacity: 0.2;
}
.ph-duotone.ph-star:after {
  content: "\e46b";
  margin-left: -1em;
}
.ph-duotone.ph-star-and-crescent:before {
  content: "\ecf4";
  opacity: 0.2;
}
.ph-duotone.ph-star-and-crescent:after {
  content: "\ecf5";
  margin-left: -1em;
}
.ph-duotone.ph-star-four:before {
  content: "\e6a4";
  opacity: 0.2;
}
.ph-duotone.ph-star-four:after {
  content: "\e6a5";
  margin-left: -1em;
}
.ph-duotone.ph-star-half:before {
  content: "\e70a";
  opacity: 0.2;
}
.ph-duotone.ph-star-half:after {
  content: "\e70b";
  margin-left: -1em;
}
.ph-duotone.ph-star-of-david:before {
  content: "\e89e";
  opacity: 0.2;
}
.ph-duotone.ph-star-of-david:after {
  content: "\e89f";
  margin-left: -1em;
}
.ph-duotone.ph-steam-logo:before {
  content: "\ead4";
  opacity: 0.2;
}
.ph-duotone.ph-steam-logo:after {
  content: "\ead5";
  margin-left: -1em;
}
.ph-duotone.ph-steering-wheel:before {
  content: "\e9ac";
  opacity: 0.2;
}
.ph-duotone.ph-steering-wheel:after {
  content: "\e9ad";
  margin-left: -1em;
}
.ph-duotone.ph-steps:before {
  content: "\ecbe";
  opacity: 0.2;
}
.ph-duotone.ph-steps:after {
  content: "\ecbf";
  margin-left: -1em;
}
.ph-duotone.ph-stethoscope:before {
  content: "\e7ea";
  opacity: 0.2;
}
.ph-duotone.ph-stethoscope:after {
  content: "\e7eb";
  margin-left: -1em;
}
.ph-duotone.ph-sticker:before {
  content: "\e5ac";
  opacity: 0.2;
}
.ph-duotone.ph-sticker:after {
  content: "\e5ad";
  margin-left: -1em;
}
.ph-duotone.ph-stool:before {
  content: "\ea44";
  opacity: 0.2;
}
.ph-duotone.ph-stool:after {
  content: "\ea45";
  margin-left: -1em;
}
.ph-duotone.ph-stop:before {
  content: "\e46c";
  opacity: 0.2;
}
.ph-duotone.ph-stop:after {
  content: "\e46d";
  margin-left: -1em;
}
.ph-duotone.ph-stop-circle:before {
  content: "\e46e";
  opacity: 0.2;
}
.ph-duotone.ph-stop-circle:after {
  content: "\e46f";
  margin-left: -1em;
}
.ph-duotone.ph-storefront:before {
  content: "\e470";
  opacity: 0.2;
}
.ph-duotone.ph-storefront:after {
  content: "\e471";
  margin-left: -1em;
}
.ph-duotone.ph-strategy:before {
  content: "\ea3a";
  opacity: 0.2;
}
.ph-duotone.ph-strategy:after {
  content: "\ea3b";
  margin-left: -1em;
}
.ph-duotone.ph-stripe-logo:before {
  content: "\e698";
  opacity: 0.2;
}
.ph-duotone.ph-stripe-logo:after {
  content: "\e699";
  margin-left: -1em;
}
.ph-duotone.ph-student:before {
  content: "\e73e";
  opacity: 0.2;
}
.ph-duotone.ph-student:after {
  content: "\e73f";
  margin-left: -1em;
}
.ph-duotone.ph-subset-of:before {
  content: "\edc0";
  opacity: 0.2;
}
.ph-duotone.ph-subset-of:after {
  content: "\edc1";
  margin-left: -1em;
}
.ph-duotone.ph-subset-proper-of:before {
  content: "\edb6";
  opacity: 0.2;
}
.ph-duotone.ph-subset-proper-of:after {
  content: "\edb7";
  margin-left: -1em;
}
.ph-duotone.ph-subtitles:before {
  content: "\e1a8";
  opacity: 0.2;
}
.ph-duotone.ph-subtitles:after {
  content: "\e1a9";
  margin-left: -1em;
}
.ph-duotone.ph-subtitles-slash:before {
  content: "\e1a6";
  opacity: 0.2;
}
.ph-duotone.ph-subtitles-slash:after {
  content: "\e1a7";
  margin-left: -1em;
}
.ph-duotone.ph-subtract:before {
  content: "\ebd6";
  opacity: 0.2;
}
.ph-duotone.ph-subtract:after {
  content: "\ebd7";
  margin-left: -1em;
}
.ph-duotone.ph-subtract-square:before {
  content: "\ebd4";
  opacity: 0.2;
}
.ph-duotone.ph-subtract-square:after {
  content: "\ebd5";
  margin-left: -1em;
}
.ph-duotone.ph-subway:before {
  content: "\e498";
  opacity: 0.2;
}
.ph-duotone.ph-subway:after {
  content: "\e499";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase:before {
  content: "\e5ae";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase:after {
  content: "\e5af";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase-rolling:before {
  content: "\e9b0";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase-rolling:after {
  content: "\e9b1";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase-simple:before {
  content: "\e5b0";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase-simple:after {
  content: "\e5b1";
  margin-left: -1em;
}
.ph-duotone.ph-sun:before {
  content: "\e472";
  opacity: 0.2;
}
.ph-duotone.ph-sun:after {
  content: "\e473";
  margin-left: -1em;
}
.ph-duotone.ph-sun-dim:before {
  content: "\e474";
  opacity: 0.2;
}
.ph-duotone.ph-sun-dim:after {
  content: "\e475";
  margin-left: -1em;
}
.ph-duotone.ph-sun-horizon:before {
  content: "\e5b6";
  opacity: 0.2;
}
.ph-duotone.ph-sun-horizon:after {
  content: "\e5b7";
  margin-left: -1em;
}
.ph-duotone.ph-sunglasses:before {
  content: "\e816";
  opacity: 0.2;
}
.ph-duotone.ph-sunglasses:after {
  content: "\e817";
  margin-left: -1em;
}
.ph-duotone.ph-superset-of:before {
  content: "\edb8";
  opacity: 0.2;
}
.ph-duotone.ph-superset-of:after {
  content: "\edb9";
  margin-left: -1em;
}
.ph-duotone.ph-superset-proper-of:before {
  content: "\edb4";
  opacity: 0.2;
}
.ph-duotone.ph-superset-proper-of:after {
  content: "\edb5";
  margin-left: -1em;
}
.ph-duotone.ph-swap:before {
  content: "\e83c";
  opacity: 0.2;
}
.ph-duotone.ph-swap:after {
  content: "\e83d";
  margin-left: -1em;
}
.ph-duotone.ph-swatches:before {
  content: "\e5b8";
  opacity: 0.2;
}
.ph-duotone.ph-swatches:after {
  content: "\e5b9";
  margin-left: -1em;
}
.ph-duotone.ph-swimming-pool:before {
  content: "\ecb6";
  opacity: 0.2;
}
.ph-duotone.ph-swimming-pool:after {
  content: "\ecb7";
  margin-left: -1em;
}
.ph-duotone.ph-sword:before {
  content: "\e5ba";
  opacity: 0.2;
}
.ph-duotone.ph-sword:after {
  content: "\e5bb";
  margin-left: -1em;
}
.ph-duotone.ph-synagogue:before {
  content: "\ecec";
  opacity: 0.2;
}
.ph-duotone.ph-synagogue:after {
  content: "\eced";
  margin-left: -1em;
}
.ph-duotone.ph-syringe:before {
  content: "\e968";
  opacity: 0.2;
}
.ph-duotone.ph-syringe:after {
  content: "\e969";
  margin-left: -1em;
}
.ph-duotone.ph-t-shirt:before {
  content: "\e670";
  opacity: 0.2;
}
.ph-duotone.ph-t-shirt:after {
  content: "\e671";
  margin-left: -1em;
}
.ph-duotone.ph-table:before {
  content: "\e476";
  opacity: 0.2;
}
.ph-duotone.ph-table:after {
  content: "\e477";
  margin-left: -1em;
}
.ph-duotone.ph-tabs:before {
  content: "\e778";
  opacity: 0.2;
}
.ph-duotone.ph-tabs:after {
  content: "\e779";
  margin-left: -1em;
}
.ph-duotone.ph-tag:before {
  content: "\e478";
  opacity: 0.2;
}
.ph-duotone.ph-tag:after {
  content: "\e479";
  margin-left: -1em;
}
.ph-duotone.ph-tag-chevron:before {
  content: "\e672";
  opacity: 0.2;
}
.ph-duotone.ph-tag-chevron:after {
  content: "\e673";
  margin-left: -1em;
}
.ph-duotone.ph-tag-simple:before {
  content: "\e47a";
  opacity: 0.2;
}
.ph-duotone.ph-tag-simple:after {
  content: "\e47b";
  margin-left: -1em;
}
.ph-duotone.ph-target:before {
  content: "\e47c";
  opacity: 0.2;
}
.ph-duotone.ph-target:after {
  content: "\e47d";
  margin-left: -1em;
}
.ph-duotone.ph-taxi:before {
  content: "\e902";
  opacity: 0.2;
}
.ph-duotone.ph-taxi:after {
  content: "\e903";
  margin-left: -1em;
}
.ph-duotone.ph-tea-bag:before {
  content: "\e8e6";
  opacity: 0.2;
}
.ph-duotone.ph-tea-bag:after {
  content: "\e8e7";
  margin-left: -1em;
}
.ph-duotone.ph-telegram-logo:before {
  content: "\e5bc";
  opacity: 0.2;
}
.ph-duotone.ph-telegram-logo:after {
  content: "\e5bd";
  margin-left: -1em;
}
.ph-duotone.ph-television:before {
  content: "\e754";
  opacity: 0.2;
}
.ph-duotone.ph-television:after {
  content: "\e755";
  margin-left: -1em;
}
.ph-duotone.ph-television-simple:before {
  content: "\eae6";
  opacity: 0.2;
}
.ph-duotone.ph-television-simple:after {
  content: "\eae7";
  margin-left: -1em;
}
.ph-duotone.ph-tennis-ball:before {
  content: "\e720";
  opacity: 0.2;
}
.ph-duotone.ph-tennis-ball:after {
  content: "\e721";
  margin-left: -1em;
}
.ph-duotone.ph-tent:before {
  content: "\e8ba";
  opacity: 0.2;
}
.ph-duotone.ph-tent:after {
  content: "\e8bb";
  margin-left: -1em;
}
.ph-duotone.ph-terminal:before {
  content: "\e47e";
  opacity: 0.2;
}
.ph-duotone.ph-terminal:after {
  content: "\e47f";
  margin-left: -1em;
}
.ph-duotone.ph-terminal-window:before {
  content: "\eae8";
  opacity: 0.2;
}
.ph-duotone.ph-terminal-window:after {
  content: "\eae9";
  margin-left: -1em;
}
.ph-duotone.ph-test-tube:before {
  content: "\e7a0";
  opacity: 0.2;
}
.ph-duotone.ph-test-tube:after {
  content: "\e7a1";
  margin-left: -1em;
}
.ph-duotone.ph-text-a-underline:before {
  content: "\ed34";
  opacity: 0.2;
}
.ph-duotone.ph-text-a-underline:after {
  content: "\ed35";
  margin-left: -1em;
}
.ph-duotone.ph-text-aa:before {
  content: "\e6ee";
  opacity: 0.2;
}
.ph-duotone.ph-text-aa:after {
  content: "\e6ef";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-center:before {
  content: "\e480";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-center:after {
  content: "\e481";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-justify:before {
  content: "\e482";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-justify:after {
  content: "\e483";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-left:before {
  content: "\e484";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-left:after {
  content: "\e485";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-right:before {
  content: "\e486";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-right:after {
  content: "\e487";
  margin-left: -1em;
}
.ph-duotone.ph-text-b:before {
  content: "\e5be";
  opacity: 0.2;
}
.ph-duotone.ph-text-b:after {
  content: "\e5bf";
  margin-left: -1em;
}
.ph-duotone.ph-text-columns:before {
  content: "\ec96";
  opacity: 0.2;
}
.ph-duotone.ph-text-columns:after {
  content: "\ec97";
  margin-left: -1em;
}
.ph-duotone.ph-text-h:before {
  content: "\e6ba";
  opacity: 0.2;
}
.ph-duotone.ph-text-h:after {
  content: "\e6bb";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-five:before {
  content: "\e6c4";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-five:after {
  content: "\e6c5";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-four:before {
  content: "\e6c2";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-four:after {
  content: "\e6c3";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-one:before {
  content: "\e6bc";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-one:after {
  content: "\e6bd";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-six:before {
  content: "\e6c6";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-six:after {
  content: "\e6c7";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-three:before {
  content: "\e6c0";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-three:after {
  content: "\e6c1";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-two:before {
  content: "\e6be";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-two:after {
  content: "\e6bf";
  margin-left: -1em;
}
.ph-duotone.ph-text-indent:before {
  content: "\ea1e";
  opacity: 0.2;
}
.ph-duotone.ph-text-indent:after {
  content: "\ea1f";
  margin-left: -1em;
}
.ph-duotone.ph-text-italic:before {
  content: "\e5c0";
  opacity: 0.2;
}
.ph-duotone.ph-text-italic:after {
  content: "\e5c1";
  margin-left: -1em;
}
.ph-duotone.ph-text-outdent:before {
  content: "\ea1c";
  opacity: 0.2;
}
.ph-duotone.ph-text-outdent:after {
  content: "\ea1d";
  margin-left: -1em;
}
.ph-duotone.ph-text-strikethrough:before {
  content: "\e5c2";
  opacity: 0.2;
}
.ph-duotone.ph-text-strikethrough:after {
  content: "\e5c3";
  margin-left: -1em;
}
.ph-duotone.ph-text-subscript:before {
  content: "\ec98";
  opacity: 0.2;
}
.ph-duotone.ph-text-subscript:after {
  content: "\ec99";
  margin-left: -1em;
}
.ph-duotone.ph-text-superscript:before {
  content: "\ec9a";
  opacity: 0.2;
}
.ph-duotone.ph-text-superscript:after {
  content: "\ec9b";
  margin-left: -1em;
}
.ph-duotone.ph-text-t:before {
  content: "\e48a";
  opacity: 0.2;
}
.ph-duotone.ph-text-t:after {
  content: "\e48b";
  margin-left: -1em;
}
.ph-duotone.ph-text-t-slash:before {
  content: "\e488";
  opacity: 0.2;
}
.ph-duotone.ph-text-t-slash:after {
  content: "\e489";
  margin-left: -1em;
}
.ph-duotone.ph-text-underline:before {
  content: "\e5c4";
  opacity: 0.2;
}
.ph-duotone.ph-text-underline:after {
  content: "\e5c5";
  margin-left: -1em;
}
.ph-duotone.ph-textbox:before {
  content: "\eb0a";
  opacity: 0.2;
}
.ph-duotone.ph-textbox:after {
  content: "\eb0b";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer:before {
  content: "\e5c6";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer:after {
  content: "\e5c7";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-cold:before {
  content: "\e5c8";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-cold:after {
  content: "\e5c9";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-hot:before {
  content: "\e5ca";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-hot:after {
  content: "\e5cb";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-simple:before {
  content: "\e5cc";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-simple:after {
  content: "\e5cd";
  margin-left: -1em;
}
.ph-duotone.ph-threads-logo:before {
  content: "\ed9e";
  opacity: 0.2;
}
.ph-duotone.ph-threads-logo:after {
  content: "\ed9f";
  margin-left: -1em;
}
.ph-duotone.ph-three-d:before {
  content: "\ea5a";
  opacity: 0.2;
}
.ph-duotone.ph-three-d:after {
  content: "\ea5b";
  margin-left: -1em;
}
.ph-duotone.ph-thumbs-down:before {
  content: "\e48c";
  opacity: 0.2;
}
.ph-duotone.ph-thumbs-down:after {
  content: "\e48d";
  margin-left: -1em;
}
.ph-duotone.ph-thumbs-up:before {
  content: "\e48e";
  opacity: 0.2;
}
.ph-duotone.ph-thumbs-up:after {
  content: "\e48f";
  margin-left: -1em;
}
.ph-duotone.ph-ticket:before {
  content: "\e490";
  opacity: 0.2;
}
.ph-duotone.ph-ticket:after {
  content: "\e491";
  margin-left: -1em;
}
.ph-duotone.ph-tidal-logo:before {
  content: "\ed1c";
  opacity: 0.2;
}
.ph-duotone.ph-tidal-logo:after {
  content: "\ed1d";
  margin-left: -1em;
}
.ph-duotone.ph-tiktok-logo:before {
  content: "\eaf2";
  opacity: 0.2;
}
.ph-duotone.ph-tiktok-logo:after {
  content: "\eaf3";
  margin-left: -1em;
}
.ph-duotone.ph-tilde:before {
  content: "\eda8";
  opacity: 0.2;
}
.ph-duotone.ph-tilde:after {
  content: "\eda9";
  margin-left: -1em;
}
.ph-duotone.ph-timer:before {
  content: "\e492";
  opacity: 0.2;
}
.ph-duotone.ph-timer:after {
  content: "\e493";
  margin-left: -1em;
}
.ph-duotone.ph-tip-jar:before {
  content: "\e7e2";
  opacity: 0.2;
}
.ph-duotone.ph-tip-jar:after {
  content: "\e7e9";
  margin-left: -1em;
}
.ph-duotone.ph-tipi:before {
  content: "\ed30";
  opacity: 0.2;
}
.ph-duotone.ph-tipi:after {
  content: "\ed31";
  margin-left: -1em;
}
.ph-duotone.ph-tire:before {
  content: "\edd2";
  opacity: 0.2;
}
.ph-duotone.ph-tire:after {
  content: "\edd3";
  margin-left: -1em;
}
.ph-duotone.ph-toggle-left:before {
  content: "\e674";
  opacity: 0.2;
}
.ph-duotone.ph-toggle-left:after {
  content: "\e675";
  margin-left: -1em;
}
.ph-duotone.ph-toggle-right:before {
  content: "\e676";
  opacity: 0.2;
}
.ph-duotone.ph-toggle-right:after {
  content: "\e677";
  margin-left: -1em;
}
.ph-duotone.ph-toilet:before {
  content: "\e79a";
  opacity: 0.2;
}
.ph-duotone.ph-toilet:after {
  content: "\e79b";
  margin-left: -1em;
}
.ph-duotone.ph-toilet-paper:before {
  content: "\e79c";
  opacity: 0.2;
}
.ph-duotone.ph-toilet-paper:after {
  content: "\e79d";
  margin-left: -1em;
}
.ph-duotone.ph-toolbox:before {
  content: "\eca0";
  opacity: 0.2;
}
.ph-duotone.ph-toolbox:after {
  content: "\eca1";
  margin-left: -1em;
}
.ph-duotone.ph-tooth:before {
  content: "\e9cc";
  opacity: 0.2;
}
.ph-duotone.ph-tooth:after {
  content: "\e9cd";
  margin-left: -1em;
}
.ph-duotone.ph-tornado:before {
  content: "\e88c";
  opacity: 0.2;
}
.ph-duotone.ph-tornado:after {
  content: "\e88d";
  margin-left: -1em;
}
.ph-duotone.ph-tote:before {
  content: "\e494";
  opacity: 0.2;
}
.ph-duotone.ph-tote:after {
  content: "\e495";
  margin-left: -1em;
}
.ph-duotone.ph-tote-simple:before {
  content: "\e678";
  opacity: 0.2;
}
.ph-duotone.ph-tote-simple:after {
  content: "\e679";
  margin-left: -1em;
}
.ph-duotone.ph-towel:before {
  content: "\ede6";
  opacity: 0.2;
}
.ph-duotone.ph-towel:after {
  content: "\ede7";
  margin-left: -1em;
}
.ph-duotone.ph-tractor:before {
  content: "\ec6e";
  opacity: 0.2;
}
.ph-duotone.ph-tractor:after {
  content: "\ec6f";
  margin-left: -1em;
}
.ph-duotone.ph-trademark:before {
  content: "\e9f0";
  opacity: 0.2;
}
.ph-duotone.ph-trademark:after {
  content: "\e9f1";
  margin-left: -1em;
}
.ph-duotone.ph-trademark-registered:before {
  content: "\e3f4";
  opacity: 0.2;
}
.ph-duotone.ph-trademark-registered:after {
  content: "\e415";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-cone:before {
  content: "\e9a8";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-cone:after {
  content: "\e9a9";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-sign:before {
  content: "\e67a";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-sign:after {
  content: "\e67b";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-signal:before {
  content: "\e9aa";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-signal:after {
  content: "\e9ab";
  margin-left: -1em;
}
.ph-duotone.ph-train:before {
  content: "\e496";
  opacity: 0.2;
}
.ph-duotone.ph-train:after {
  content: "\e497";
  margin-left: -1em;
}
.ph-duotone.ph-train-regional:before {
  content: "\e49e";
  opacity: 0.2;
}
.ph-duotone.ph-train-regional:after {
  content: "\e49f";
  margin-left: -1em;
}
.ph-duotone.ph-train-simple:before {
  content: "\e4a0";
  opacity: 0.2;
}
.ph-duotone.ph-train-simple:after {
  content: "\e4a1";
  margin-left: -1em;
}
.ph-duotone.ph-tram:before {
  content: "\e9ec";
  opacity: 0.2;
}
.ph-duotone.ph-tram:after {
  content: "\e9ed";
  margin-left: -1em;
}
.ph-duotone.ph-translate:before {
  content: "\e4a2";
  opacity: 0.2;
}
.ph-duotone.ph-translate:after {
  content: "\e4a3";
  margin-left: -1em;
}
.ph-duotone.ph-trash:before {
  content: "\e4a6";
  opacity: 0.2;
}
.ph-duotone.ph-trash:after {
  content: "\e4a7";
  margin-left: -1em;
}
.ph-duotone.ph-trash-simple:before {
  content: "\e4a8";
  opacity: 0.2;
}
.ph-duotone.ph-trash-simple:after {
  content: "\e4a9";
  margin-left: -1em;
}
.ph-duotone.ph-tray:before {
  content: "\e4aa";
  opacity: 0.2;
}
.ph-duotone.ph-tray:after {
  content: "\e4ab";
  margin-left: -1em;
}
.ph-duotone.ph-tray-arrow-down:before {
  content: "\e010";
  opacity: 0.2;
}
.ph-duotone.ph-tray-arrow-down:after {
  content: "\e011";
  margin-left: -1em;
}
.ph-duotone.ph-tray-arrow-up:before {
  content: "\ee52";
  opacity: 0.2;
}
.ph-duotone.ph-tray-arrow-up:after {
  content: "\ee53";
  margin-left: -1em;
}
.ph-duotone.ph-treasure-chest:before {
  content: "\ede2";
  opacity: 0.2;
}
.ph-duotone.ph-treasure-chest:after {
  content: "\ede3";
  margin-left: -1em;
}
.ph-duotone.ph-tree:before {
  content: "\e6da";
  opacity: 0.2;
}
.ph-duotone.ph-tree:after {
  content: "\e6db";
  margin-left: -1em;
}
.ph-duotone.ph-tree-evergreen:before {
  content: "\e6dc";
  opacity: 0.2;
}
.ph-duotone.ph-tree-evergreen:after {
  content: "\e6dd";
  margin-left: -1em;
}
.ph-duotone.ph-tree-palm:before {
  content: "\e91a";
  opacity: 0.2;
}
.ph-duotone.ph-tree-palm:after {
  content: "\e91b";
  margin-left: -1em;
}
.ph-duotone.ph-tree-structure:before {
  content: "\e67c";
  opacity: 0.2;
}
.ph-duotone.ph-tree-structure:after {
  content: "\e67d";
  margin-left: -1em;
}
.ph-duotone.ph-tree-view:before {
  content: "\ee48";
  opacity: 0.2;
}
.ph-duotone.ph-tree-view:after {
  content: "\ee49";
  margin-left: -1em;
}
.ph-duotone.ph-trend-down:before {
  content: "\e4ac";
  opacity: 0.2;
}
.ph-duotone.ph-trend-down:after {
  content: "\e4ad";
  margin-left: -1em;
}
.ph-duotone.ph-trend-up:before {
  content: "\e4ae";
  opacity: 0.2;
}
.ph-duotone.ph-trend-up:after {
  content: "\e4af";
  margin-left: -1em;
}
.ph-duotone.ph-triangle:before {
  content: "\e4b0";
  opacity: 0.2;
}
.ph-duotone.ph-triangle:after {
  content: "\e4b1";
  margin-left: -1em;
}
.ph-duotone.ph-triangle-dashed:before {
  content: "\e4b2";
  opacity: 0.2;
}
.ph-duotone.ph-triangle-dashed:after {
  content: "\e4b3";
  margin-left: -1em;
}
.ph-duotone.ph-trolley:before {
  content: "\e5b2";
  opacity: 0.2;
}
.ph-duotone.ph-trolley:after {
  content: "\e5b3";
  margin-left: -1em;
}
.ph-duotone.ph-trolley-suitcase:before {
  content: "\e5b4";
  opacity: 0.2;
}
.ph-duotone.ph-trolley-suitcase:after {
  content: "\e5b5";
  margin-left: -1em;
}
.ph-duotone.ph-trophy:before {
  content: "\e67e";
  opacity: 0.2;
}
.ph-duotone.ph-trophy:after {
  content: "\e67f";
  margin-left: -1em;
}
.ph-duotone.ph-truck:before {
  content: "\e4b4";
  opacity: 0.2;
}
.ph-duotone.ph-truck:after {
  content: "\e4b5";
  margin-left: -1em;
}
.ph-duotone.ph-truck-trailer:before {
  content: "\e4b6";
  opacity: 0.2;
}
.ph-duotone.ph-truck-trailer:after {
  content: "\e4b7";
  margin-left: -1em;
}
.ph-duotone.ph-tumblr-logo:before {
  content: "\e8d4";
  opacity: 0.2;
}
.ph-duotone.ph-tumblr-logo:after {
  content: "\e8d5";
  margin-left: -1em;
}
.ph-duotone.ph-twitch-logo:before {
  content: "\e5ce";
  opacity: 0.2;
}
.ph-duotone.ph-twitch-logo:after {
  content: "\e5cf";
  margin-left: -1em;
}
.ph-duotone.ph-twitter-logo:before {
  content: "\e4ba";
  opacity: 0.2;
}
.ph-duotone.ph-twitter-logo:after {
  content: "\e4bb";
  margin-left: -1em;
}
.ph-duotone.ph-umbrella:before {
  content: "\e684";
  opacity: 0.2;
}
.ph-duotone.ph-umbrella:after {
  content: "\e685";
  margin-left: -1em;
}
.ph-duotone.ph-umbrella-simple:before {
  content: "\e686";
  opacity: 0.2;
}
.ph-duotone.ph-umbrella-simple:after {
  content: "\e687";
  margin-left: -1em;
}
.ph-duotone.ph-union:before {
  content: "\edbe";
  opacity: 0.2;
}
.ph-duotone.ph-union:after {
  content: "\edbf";
  margin-left: -1em;
}
.ph-duotone.ph-unite:before {
  content: "\e87e";
  opacity: 0.2;
}
.ph-duotone.ph-unite:after {
  content: "\e87f";
  margin-left: -1em;
}
.ph-duotone.ph-unite-square:before {
  content: "\e878";
  opacity: 0.2;
}
.ph-duotone.ph-unite-square:after {
  content: "\e879";
  margin-left: -1em;
}
.ph-duotone.ph-upload:before {
  content: "\e4be";
  opacity: 0.2;
}
.ph-duotone.ph-upload:after {
  content: "\e4bf";
  margin-left: -1em;
}
.ph-duotone.ph-upload-simple:before {
  content: "\e4c0";
  opacity: 0.2;
}
.ph-duotone.ph-upload-simple:after {
  content: "\e4c1";
  margin-left: -1em;
}
.ph-duotone.ph-usb:before {
  content: "\e956";
  opacity: 0.2;
}
.ph-duotone.ph-usb:after {
  content: "\e957";
  margin-left: -1em;
}
.ph-duotone.ph-user:before {
  content: "\e4c2";
  opacity: 0.2;
}
.ph-duotone.ph-user:after {
  content: "\e4c3";
  margin-left: -1em;
}
.ph-duotone.ph-user-check:before {
  content: "\eafa";
  opacity: 0.2;
}
.ph-duotone.ph-user-check:after {
  content: "\eafb";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle:before {
  content: "\e4c4";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle:after {
  content: "\e4c5";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-check:before {
  content: "\ec38";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-check:after {
  content: "\ec39";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-dashed:before {
  content: "\ec36";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-dashed:after {
  content: "\ec37";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-gear:before {
  content: "\e4c6";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-gear:after {
  content: "\e4c7";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-minus:before {
  content: "\e4c8";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-minus:after {
  content: "\e4c9";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-plus:before {
  content: "\e4ca";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-plus:after {
  content: "\e4cb";
  margin-left: -1em;
}
.ph-duotone.ph-user-focus:before {
  content: "\e6fc";
  opacity: 0.2;
}
.ph-duotone.ph-user-focus:after {
  content: "\e6fd";
  margin-left: -1em;
}
.ph-duotone.ph-user-gear:before {
  content: "\e4cc";
  opacity: 0.2;
}
.ph-duotone.ph-user-gear:after {
  content: "\e4cd";
  margin-left: -1em;
}
.ph-duotone.ph-user-list:before {
  content: "\e73c";
  opacity: 0.2;
}
.ph-duotone.ph-user-list:after {
  content: "\e73d";
  margin-left: -1em;
}
.ph-duotone.ph-user-minus:before {
  content: "\e4ce";
  opacity: 0.2;
}
.ph-duotone.ph-user-minus:after {
  content: "\e4cf";
  margin-left: -1em;
}
.ph-duotone.ph-user-plus:before {
  content: "\e4d0";
  opacity: 0.2;
}
.ph-duotone.ph-user-plus:after {
  content: "\e4d1";
  margin-left: -1em;
}
.ph-duotone.ph-user-rectangle:before {
  content: "\e4d2";
  opacity: 0.2;
}
.ph-duotone.ph-user-rectangle:after {
  content: "\e4d3";
  margin-left: -1em;
}
.ph-duotone.ph-user-sound:before {
  content: "\eca8";
  opacity: 0.2;
}
.ph-duotone.ph-user-sound:after {
  content: "\eca9";
  margin-left: -1em;
}
.ph-duotone.ph-user-square:before {
  content: "\e4d4";
  opacity: 0.2;
}
.ph-duotone.ph-user-square:after {
  content: "\e4d5";
  margin-left: -1em;
}
.ph-duotone.ph-user-switch:before {
  content: "\e756";
  opacity: 0.2;
}
.ph-duotone.ph-user-switch:after {
  content: "\e757";
  margin-left: -1em;
}
.ph-duotone.ph-users:before {
  content: "\e4d6";
  opacity: 0.2;
}
.ph-duotone.ph-users:after {
  content: "\e4d7";
  margin-left: -1em;
}
.ph-duotone.ph-users-four:before {
  content: "\e68c";
  opacity: 0.2;
}
.ph-duotone.ph-users-four:after {
  content: "\e68d";
  margin-left: -1em;
}
.ph-duotone.ph-users-three:before {
  content: "\e68e";
  opacity: 0.2;
}
.ph-duotone.ph-users-three:after {
  content: "\e68f";
  margin-left: -1em;
}
.ph-duotone.ph-van:before {
  content: "\e826";
  opacity: 0.2;
}
.ph-duotone.ph-van:after {
  content: "\e827";
  margin-left: -1em;
}
.ph-duotone.ph-vault:before {
  content: "\e76e";
  opacity: 0.2;
}
.ph-duotone.ph-vault:after {
  content: "\e76f";
  margin-left: -1em;
}
.ph-duotone.ph-vector-three:before {
  content: "\ee62";
  opacity: 0.2;
}
.ph-duotone.ph-vector-three:after {
  content: "\ee63";
  margin-left: -1em;
}
.ph-duotone.ph-vector-two:before {
  content: "\ee64";
  opacity: 0.2;
}
.ph-duotone.ph-vector-two:after {
  content: "\ee65";
  margin-left: -1em;
}
.ph-duotone.ph-vibrate:before {
  content: "\e4d8";
  opacity: 0.2;
}
.ph-duotone.ph-vibrate:after {
  content: "\e4d9";
  margin-left: -1em;
}
.ph-duotone.ph-video:before {
  content: "\e740";
  opacity: 0.2;
}
.ph-duotone.ph-video:after {
  content: "\e741";
  margin-left: -1em;
}
.ph-duotone.ph-video-camera:before {
  content: "\e4da";
  opacity: 0.2;
}
.ph-duotone.ph-video-camera:after {
  content: "\e4db";
  margin-left: -1em;
}
.ph-duotone.ph-video-camera-slash:before {
  content: "\e4dc";
  opacity: 0.2;
}
.ph-duotone.ph-video-camera-slash:after {
  content: "\e4dd";
  margin-left: -1em;
}
.ph-duotone.ph-video-conference:before {
  content: "\edce";
  opacity: 0.2;
}
.ph-duotone.ph-video-conference:after {
  content: "\edcf";
  margin-left: -1em;
}
.ph-duotone.ph-vignette:before {
  content: "\eba2";
  opacity: 0.2;
}
.ph-duotone.ph-vignette:after {
  content: "\eba3";
  margin-left: -1em;
}
.ph-duotone.ph-vinyl-record:before {
  content: "\ecac";
  opacity: 0.2;
}
.ph-duotone.ph-vinyl-record:after {
  content: "\ecad";
  margin-left: -1em;
}
.ph-duotone.ph-virtual-reality:before {
  content: "\e7b8";
  opacity: 0.2;
}
.ph-duotone.ph-virtual-reality:after {
  content: "\e7b9";
  margin-left: -1em;
}
.ph-duotone.ph-virus:before {
  content: "\e7d6";
  opacity: 0.2;
}
.ph-duotone.ph-virus:after {
  content: "\e7d7";
  margin-left: -1em;
}
.ph-duotone.ph-visor:before {
  content: "\ee2a";
  opacity: 0.2;
}
.ph-duotone.ph-visor:after {
  content: "\ee2b";
  margin-left: -1em;
}
.ph-duotone.ph-voicemail:before {
  content: "\e4de";
  opacity: 0.2;
}
.ph-duotone.ph-voicemail:after {
  content: "\e4df";
  margin-left: -1em;
}
.ph-duotone.ph-volleyball:before {
  content: "\e726";
  opacity: 0.2;
}
.ph-duotone.ph-volleyball:after {
  content: "\e727";
  margin-left: -1em;
}
.ph-duotone.ph-wall:before {
  content: "\e688";
  opacity: 0.2;
}
.ph-duotone.ph-wall:after {
  content: "\e689";
  margin-left: -1em;
}
.ph-duotone.ph-wallet:before {
  content: "\e68a";
  opacity: 0.2;
}
.ph-duotone.ph-wallet:after {
  content: "\e68b";
  margin-left: -1em;
}
.ph-duotone.ph-warehouse:before {
  content: "\ecd4";
  opacity: 0.2;
}
.ph-duotone.ph-warehouse:after {
  content: "\ecd5";
  margin-left: -1em;
}
.ph-duotone.ph-warning:before {
  content: "\e4e0";
  opacity: 0.2;
}
.ph-duotone.ph-warning:after {
  content: "\e4e1";
  margin-left: -1em;
}
.ph-duotone.ph-warning-circle:before {
  content: "\e4e2";
  opacity: 0.2;
}
.ph-duotone.ph-warning-circle:after {
  content: "\e4e3";
  margin-left: -1em;
}
.ph-duotone.ph-warning-diamond:before {
  content: "\e7fc";
  opacity: 0.2;
}
.ph-duotone.ph-warning-diamond:after {
  content: "\e7fd";
  margin-left: -1em;
}
.ph-duotone.ph-warning-octagon:before {
  content: "\e4e4";
  opacity: 0.2;
}
.ph-duotone.ph-warning-octagon:after {
  content: "\e4e5";
  margin-left: -1em;
}
.ph-duotone.ph-washing-machine:before {
  content: "\ede8";
  opacity: 0.2;
}
.ph-duotone.ph-washing-machine:after {
  content: "\ede9";
  margin-left: -1em;
}
.ph-duotone.ph-watch:before {
  content: "\e4e6";
  opacity: 0.2;
}
.ph-duotone.ph-watch:after {
  content: "\e4e7";
  margin-left: -1em;
}
.ph-duotone.ph-wave-sawtooth:before {
  content: "\ea9c";
  opacity: 0.2;
}
.ph-duotone.ph-wave-sawtooth:after {
  content: "\ea9d";
  margin-left: -1em;
}
.ph-duotone.ph-wave-sine:before {
  content: "\ea9a";
  opacity: 0.2;
}
.ph-duotone.ph-wave-sine:after {
  content: "\ea9b";
  margin-left: -1em;
}
.ph-duotone.ph-wave-square:before {
  content: "\ea9e";
  opacity: 0.2;
}
.ph-duotone.ph-wave-square:after {
  content: "\ea9f";
  margin-left: -1em;
}
.ph-duotone.ph-wave-triangle:before {
  content: "\eaa0";
  opacity: 0.2;
}
.ph-duotone.ph-wave-triangle:after {
  content: "\eaa1";
  margin-left: -1em;
}
.ph-duotone.ph-waveform:before {
  content: "\e802";
  opacity: 0.2;
}
.ph-duotone.ph-waveform:after {
  content: "\e803";
  margin-left: -1em;
}
.ph-duotone.ph-waveform-slash:before {
  content: "\e800";
  opacity: 0.2;
}
.ph-duotone.ph-waveform-slash:after {
  content: "\e801";
  margin-left: -1em;
}
.ph-duotone.ph-waves:before {
  content: "\e6de";
  opacity: 0.2;
}
.ph-duotone.ph-waves:after {
  content: "\e6df";
  margin-left: -1em;
}
.ph-duotone.ph-webcam:before {
  content: "\e9b2";
  opacity: 0.2;
}
.ph-duotone.ph-webcam:after {
  content: "\e9b3";
  margin-left: -1em;
}
.ph-duotone.ph-webcam-slash:before {
  content: "\ecdc";
  opacity: 0.2;
}
.ph-duotone.ph-webcam-slash:after {
  content: "\ecdd";
  margin-left: -1em;
}
.ph-duotone.ph-webhooks-logo:before {
  content: "\ecae";
  opacity: 0.2;
}
.ph-duotone.ph-webhooks-logo:after {
  content: "\ecaf";
  margin-left: -1em;
}
.ph-duotone.ph-wechat-logo:before {
  content: "\e8d2";
  opacity: 0.2;
}
.ph-duotone.ph-wechat-logo:after {
  content: "\e8d3";
  margin-left: -1em;
}
.ph-duotone.ph-whatsapp-logo:before {
  content: "\e5d0";
  opacity: 0.2;
}
.ph-duotone.ph-whatsapp-logo:after {
  content: "\e5d1";
  margin-left: -1em;
}
.ph-duotone.ph-wheelchair:before {
  content: "\e4e8";
  opacity: 0.2;
}
.ph-duotone.ph-wheelchair:after {
  content: "\e4e9";
  margin-left: -1em;
}
.ph-duotone.ph-wheelchair-motion:before {
  content: "\e89a";
  opacity: 0.2;
}
.ph-duotone.ph-wheelchair-motion:after {
  content: "\e89b";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-high:before {
  content: "\e4ea";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-high:after {
  content: "\e4eb";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-low:before {
  content: "\e4ec";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-low:after {
  content: "\e4ed";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-medium:before {
  content: "\e4ee";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-medium:after {
  content: "\e4ef";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-none:before {
  content: "\e4f0";
  color: #444;
}
.ph-duotone.ph-wifi-slash:before {
  content: "\e4f2";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-slash:after {
  content: "\e4f3";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-x:before {
  content: "\e4f4";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-x:after {
  content: "\e4f5";
  margin-left: -1em;
}
.ph-duotone.ph-wind:before {
  content: "\e5d2";
  opacity: 0.2;
}
.ph-duotone.ph-wind:after {
  content: "\e5d3";
  margin-left: -1em;
}
.ph-duotone.ph-windmill:before {
  content: "\e9f8";
  opacity: 0.2;
}
.ph-duotone.ph-windmill:after {
  content: "\e9f9";
  margin-left: -1em;
}
.ph-duotone.ph-windows-logo:before {
  content: "\e692";
  opacity: 0.2;
}
.ph-duotone.ph-windows-logo:after {
  content: "\e693";
  margin-left: -1em;
}
.ph-duotone.ph-wine:before {
  content: "\e6b2";
  opacity: 0.2;
}
.ph-duotone.ph-wine:after {
  content: "\e6b3";
  margin-left: -1em;
}
.ph-duotone.ph-wrench:before {
  content: "\e5d4";
  opacity: 0.2;
}
.ph-duotone.ph-wrench:after {
  content: "\e5d5";
  margin-left: -1em;
}
.ph-duotone.ph-x:before {
  content: "\e4f6";
  opacity: 0.2;
}
.ph-duotone.ph-x:after {
  content: "\e4f7";
  margin-left: -1em;
}
.ph-duotone.ph-x-circle:before {
  content: "\e4f8";
  opacity: 0.2;
}
.ph-duotone.ph-x-circle:after {
  content: "\e4f9";
  margin-left: -1em;
}
.ph-duotone.ph-x-logo:before {
  content: "\e4bc";
  opacity: 0.2;
}
.ph-duotone.ph-x-logo:after {
  content: "\e4bd";
  margin-left: -1em;
}
.ph-duotone.ph-x-square:before {
  content: "\e4fa";
  opacity: 0.2;
}
.ph-duotone.ph-x-square:after {
  content: "\e4fb";
  margin-left: -1em;
}
.ph-duotone.ph-yarn:before {
  content: "\ed9a";
  opacity: 0.2;
}
.ph-duotone.ph-yarn:after {
  content: "\ed9b";
  margin-left: -1em;
}
.ph-duotone.ph-yin-yang:before {
  content: "\e92a";
  opacity: 0.2;
}
.ph-duotone.ph-yin-yang:after {
  content: "\e92b";
  margin-left: -1em;
}
.ph-duotone.ph-youtube-logo:before {
  content: "\e4fc";
  opacity: 0.2;
}
.ph-duotone.ph-youtube-logo:after {
  content: "\e4fd";
  margin-left: -1em;
}
@font-face {
  font-family: "Phosphor-Fill";
  src: url("./Phosphor-Fill.woff2") format("woff2"), url("./Phosphor-Fill.woff") format("woff"), url("./Phosphor-Fill.ttf") format("truetype"), url("./Phosphor-Fill.svg#Phosphor-Fill") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ph-fill {
  font-family: "Phosphor-Fill" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph-fill.ph-acorn:before {
  content: "\eb9a";
}
.ph-fill.ph-address-book:before {
  content: "\e6f8";
}
.ph-fill.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph-fill.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph-fill.ph-airplane:before {
  content: "\e002";
}
.ph-fill.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph-fill.ph-airplane-landing:before {
  content: "\e502";
}
.ph-fill.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph-fill.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph-fill.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph-fill.ph-airplay:before {
  content: "\e004";
}
.ph-fill.ph-alarm:before {
  content: "\e006";
}
.ph-fill.ph-alien:before {
  content: "\e8a6";
}
.ph-fill.ph-align-bottom:before {
  content: "\e506";
}
.ph-fill.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph-fill.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph-fill.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph-fill.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph-fill.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph-fill.ph-align-left:before {
  content: "\e50e";
}
.ph-fill.ph-align-left-simple:before {
  content: "\eaee";
}
.ph-fill.ph-align-right:before {
  content: "\e510";
}
.ph-fill.ph-align-right-simple:before {
  content: "\eb12";
}
.ph-fill.ph-align-top:before {
  content: "\e512";
}
.ph-fill.ph-align-top-simple:before {
  content: "\eb14";
}
.ph-fill.ph-amazon-logo:before {
  content: "\e96c";
}
.ph-fill.ph-ambulance:before {
  content: "\e572";
}
.ph-fill.ph-anchor:before {
  content: "\e514";
}
.ph-fill.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph-fill.ph-android-logo:before {
  content: "\e008";
}
.ph-fill.ph-angle:before {
  content: "\e7bc";
}
.ph-fill.ph-angular-logo:before {
  content: "\eb80";
}
.ph-fill.ph-aperture:before {
  content: "\e00a";
}
.ph-fill.ph-app-store-logo:before {
  content: "\e974";
}
.ph-fill.ph-app-window:before {
  content: "\e5da";
}
.ph-fill.ph-apple-logo:before {
  content: "\e516";
}
.ph-fill.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph-fill.ph-approximate-equals:before {
  content: "\edaa";
}
.ph-fill.ph-archive:before {
  content: "\e00c";
}
.ph-fill.ph-armchair:before {
  content: "\e012";
}
.ph-fill.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph-fill.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph-fill.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph-fill.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph-fill.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph-fill.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph-fill.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph-fill.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph-fill.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph-fill.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph-fill.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph-fill.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph-fill.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph-fill.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph-fill.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph-fill.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph-fill.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph-fill.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph-fill.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph-fill.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph-fill.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph-fill.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph-fill.ph-arrow-down:before {
  content: "\e03e";
}
.ph-fill.ph-arrow-down-left:before {
  content: "\e040";
}
.ph-fill.ph-arrow-down-right:before {
  content: "\e042";
}
.ph-fill.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph-fill.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph-fill.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph-fill.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph-fill.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph-fill.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph-fill.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph-fill.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph-fill.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph-fill.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph-fill.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph-fill.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph-fill.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph-fill.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph-fill.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph-fill.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph-fill.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph-fill.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph-fill.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph-fill.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph-fill.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph-fill.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph-fill.ph-arrow-left:before {
  content: "\e058";
}
.ph-fill.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph-fill.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph-fill.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph-fill.ph-arrow-line-left:before {
  content: "\e062";
}
.ph-fill.ph-arrow-line-right:before {
  content: "\e064";
}
.ph-fill.ph-arrow-line-up:before {
  content: "\e066";
}
.ph-fill.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph-fill.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph-fill.ph-arrow-right:before {
  content: "\e06c";
}
.ph-fill.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph-fill.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph-fill.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph-fill.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph-fill.ph-arrow-square-left:before {
  content: "\e074";
}
.ph-fill.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph-fill.ph-arrow-square-right:before {
  content: "\e076";
}
.ph-fill.ph-arrow-square-up:before {
  content: "\e078";
}
.ph-fill.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph-fill.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph-fill.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph-fill.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph-fill.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph-fill.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph-fill.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph-fill.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph-fill.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph-fill.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph-fill.ph-arrow-up:before {
  content: "\e08e";
}
.ph-fill.ph-arrow-up-left:before {
  content: "\e090";
}
.ph-fill.ph-arrow-up-right:before {
  content: "\e092";
}
.ph-fill.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph-fill.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph-fill.ph-arrows-down-up:before {
  content: "\e098";
}
.ph-fill.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph-fill.ph-arrows-in:before {
  content: "\e09a";
}
.ph-fill.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph-fill.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph-fill.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph-fill.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph-fill.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph-fill.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph-fill.ph-arrows-out:before {
  content: "\e0a2";
}
.ph-fill.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph-fill.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph-fill.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph-fill.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph-fill.ph-arrows-split:before {
  content: "\ed3c";
}
.ph-fill.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph-fill.ph-article:before {
  content: "\e0a8";
}
.ph-fill.ph-article-medium:before {
  content: "\e5e0";
}
.ph-fill.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph-fill.ph-asclepius:before {
  content: "\ee34";
}
.ph-fill.ph-caduceus:before {
  content: "\ee34";
}
.ph-fill.ph-asterisk:before {
  content: "\e0aa";
}
.ph-fill.ph-asterisk-simple:before {
  content: "\e832";
}
.ph-fill.ph-at:before {
  content: "\e0ac";
}
.ph-fill.ph-atom:before {
  content: "\e5e4";
}
.ph-fill.ph-avocado:before {
  content: "\ee04";
}
.ph-fill.ph-axe:before {
  content: "\e9fc";
}
.ph-fill.ph-baby:before {
  content: "\e774";
}
.ph-fill.ph-baby-carriage:before {
  content: "\e818";
}
.ph-fill.ph-backpack:before {
  content: "\e922";
}
.ph-fill.ph-backspace:before {
  content: "\e0ae";
}
.ph-fill.ph-bag:before {
  content: "\e0b0";
}
.ph-fill.ph-bag-simple:before {
  content: "\e5e6";
}
.ph-fill.ph-balloon:before {
  content: "\e76c";
}
.ph-fill.ph-bandaids:before {
  content: "\e0b2";
}
.ph-fill.ph-bank:before {
  content: "\e0b4";
}
.ph-fill.ph-barbell:before {
  content: "\e0b6";
}
.ph-fill.ph-barcode:before {
  content: "\e0b8";
}
.ph-fill.ph-barn:before {
  content: "\ec72";
}
.ph-fill.ph-barricade:before {
  content: "\e948";
}
.ph-fill.ph-baseball:before {
  content: "\e71a";
}
.ph-fill.ph-baseball-cap:before {
  content: "\ea28";
}
.ph-fill.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph-fill.ph-basket:before {
  content: "\e964";
}
.ph-fill.ph-basketball:before {
  content: "\e724";
}
.ph-fill.ph-bathtub:before {
  content: "\e81e";
}
.ph-fill.ph-battery-charging:before {
  content: "\e0ba";
}
.ph-fill.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph-fill.ph-battery-empty:before {
  content: "\e0be";
}
.ph-fill.ph-battery-full:before {
  content: "\e0c0";
}
.ph-fill.ph-battery-high:before {
  content: "\e0c2";
}
.ph-fill.ph-battery-low:before {
  content: "\e0c4";
}
.ph-fill.ph-battery-medium:before {
  content: "\e0c6";
}
.ph-fill.ph-battery-plus:before {
  content: "\e808";
}
.ph-fill.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph-fill.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph-fill.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph-fill.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph-fill.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph-fill.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph-fill.ph-battery-warning:before {
  content: "\e0c8";
}
.ph-fill.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph-fill.ph-beach-ball:before {
  content: "\ed24";
}
.ph-fill.ph-beanie:before {
  content: "\ea2a";
}
.ph-fill.ph-bed:before {
  content: "\e0cc";
}
.ph-fill.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph-fill.ph-beer-stein:before {
  content: "\eb62";
}
.ph-fill.ph-behance-logo:before {
  content: "\e7f4";
}
.ph-fill.ph-bell:before {
  content: "\e0ce";
}
.ph-fill.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph-fill.ph-bell-simple:before {
  content: "\e0d0";
}
.ph-fill.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph-fill.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph-fill.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph-fill.ph-bell-slash:before {
  content: "\e0d4";
}
.ph-fill.ph-bell-z:before {
  content: "\e5ee";
}
.ph-fill.ph-belt:before {
  content: "\ea2c";
}
.ph-fill.ph-bezier-curve:before {
  content: "\eb00";
}
.ph-fill.ph-bicycle:before {
  content: "\e0d6";
}
.ph-fill.ph-binary:before {
  content: "\ee60";
}
.ph-fill.ph-binoculars:before {
  content: "\ea64";
}
.ph-fill.ph-biohazard:before {
  content: "\e9e0";
}
.ph-fill.ph-bird:before {
  content: "\e72c";
}
.ph-fill.ph-blueprint:before {
  content: "\eda0";
}
.ph-fill.ph-bluetooth:before {
  content: "\e0da";
}
.ph-fill.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph-fill.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph-fill.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph-fill.ph-boat:before {
  content: "\e786";
}
.ph-fill.ph-bomb:before {
  content: "\ee0a";
}
.ph-fill.ph-bone:before {
  content: "\e7f2";
}
.ph-fill.ph-book:before {
  content: "\e0e2";
}
.ph-fill.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph-fill.ph-book-open:before {
  content: "\e0e6";
}
.ph-fill.ph-book-open-text:before {
  content: "\e8f2";
}
.ph-fill.ph-book-open-user:before {
  content: "\ede0";
}
.ph-fill.ph-bookmark:before {
  content: "\e0e8";
}
.ph-fill.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph-fill.ph-bookmarks:before {
  content: "\e0ec";
}
.ph-fill.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph-fill.ph-books:before {
  content: "\e758";
}
.ph-fill.ph-boot:before {
  content: "\ecca";
}
.ph-fill.ph-boules:before {
  content: "\e722";
}
.ph-fill.ph-bounding-box:before {
  content: "\e6ce";
}
.ph-fill.ph-bowl-food:before {
  content: "\eaa4";
}
.ph-fill.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph-fill.ph-bowling-ball:before {
  content: "\ea34";
}
.ph-fill.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph-fill.ph-archive-box:before {
  content: "\e00e";
}
.ph-fill.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph-fill.ph-boxing-glove:before {
  content: "\ea36";
}
.ph-fill.ph-brackets-angle:before {
  content: "\e862";
}
.ph-fill.ph-brackets-curly:before {
  content: "\e860";
}
.ph-fill.ph-brackets-round:before {
  content: "\e864";
}
.ph-fill.ph-brackets-square:before {
  content: "\e85e";
}
.ph-fill.ph-brain:before {
  content: "\e74e";
}
.ph-fill.ph-brandy:before {
  content: "\e6b4";
}
.ph-fill.ph-bread:before {
  content: "\e81c";
}
.ph-fill.ph-bridge:before {
  content: "\ea68";
}
.ph-fill.ph-briefcase:before {
  content: "\e0ee";
}
.ph-fill.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph-fill.ph-broadcast:before {
  content: "\e0f2";
}
.ph-fill.ph-broom:before {
  content: "\ec54";
}
.ph-fill.ph-browser:before {
  content: "\e0f4";
}
.ph-fill.ph-browsers:before {
  content: "\e0f6";
}
.ph-fill.ph-bug:before {
  content: "\e5f4";
}
.ph-fill.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph-fill.ph-bug-droid:before {
  content: "\e5f8";
}
.ph-fill.ph-building:before {
  content: "\e100";
}
.ph-fill.ph-building-apartment:before {
  content: "\e0fe";
}
.ph-fill.ph-building-office:before {
  content: "\e0ff";
}
.ph-fill.ph-buildings:before {
  content: "\e102";
}
.ph-fill.ph-bulldozer:before {
  content: "\ec6c";
}
.ph-fill.ph-bus:before {
  content: "\e106";
}
.ph-fill.ph-butterfly:before {
  content: "\ea6e";
}
.ph-fill.ph-cable-car:before {
  content: "\e49c";
}
.ph-fill.ph-cactus:before {
  content: "\e918";
}
.ph-fill.ph-cake:before {
  content: "\e780";
}
.ph-fill.ph-calculator:before {
  content: "\e538";
}
.ph-fill.ph-calendar:before {
  content: "\e108";
}
.ph-fill.ph-calendar-blank:before {
  content: "\e10a";
}
.ph-fill.ph-calendar-check:before {
  content: "\e712";
}
.ph-fill.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph-fill.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph-fill.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph-fill.ph-calendar-minus:before {
  content: "\ea14";
}
.ph-fill.ph-calendar-plus:before {
  content: "\e714";
}
.ph-fill.ph-calendar-slash:before {
  content: "\ea12";
}
.ph-fill.ph-calendar-star:before {
  content: "\e8b2";
}
.ph-fill.ph-calendar-x:before {
  content: "\e10c";
}
.ph-fill.ph-call-bell:before {
  content: "\e7de";
}
.ph-fill.ph-camera:before {
  content: "\e10e";
}
.ph-fill.ph-camera-plus:before {
  content: "\ec58";
}
.ph-fill.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph-fill.ph-camera-slash:before {
  content: "\e110";
}
.ph-fill.ph-campfire:before {
  content: "\e9d8";
}
.ph-fill.ph-car:before {
  content: "\e112";
}
.ph-fill.ph-car-battery:before {
  content: "\ee30";
}
.ph-fill.ph-car-profile:before {
  content: "\e8cc";
}
.ph-fill.ph-car-simple:before {
  content: "\e114";
}
.ph-fill.ph-cardholder:before {
  content: "\e5fa";
}
.ph-fill.ph-cards:before {
  content: "\e0f8";
}
.ph-fill.ph-cards-three:before {
  content: "\ee50";
}
.ph-fill.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph-fill.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph-fill.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph-fill.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph-fill.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph-fill.ph-caret-circle-left:before {
  content: "\e120";
}
.ph-fill.ph-caret-circle-right:before {
  content: "\e122";
}
.ph-fill.ph-caret-circle-up:before {
  content: "\e124";
}
.ph-fill.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph-fill.ph-caret-double-down:before {
  content: "\e126";
}
.ph-fill.ph-caret-double-left:before {
  content: "\e128";
}
.ph-fill.ph-caret-double-right:before {
  content: "\e12a";
}
.ph-fill.ph-caret-double-up:before {
  content: "\e12c";
}
.ph-fill.ph-caret-down:before {
  content: "\e136";
}
.ph-fill.ph-caret-left:before {
  content: "\e138";
}
.ph-fill.ph-caret-line-down:before {
  content: "\e134";
}
.ph-fill.ph-caret-line-left:before {
  content: "\e132";
}
.ph-fill.ph-caret-line-right:before {
  content: "\e130";
}
.ph-fill.ph-caret-line-up:before {
  content: "\e12e";
}
.ph-fill.ph-caret-right:before {
  content: "\e13a";
}
.ph-fill.ph-caret-up:before {
  content: "\e13c";
}
.ph-fill.ph-caret-up-down:before {
  content: "\e140";
}
.ph-fill.ph-carrot:before {
  content: "\ed38";
}
.ph-fill.ph-cash-register:before {
  content: "\ed80";
}
.ph-fill.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph-fill.ph-castle-turret:before {
  content: "\e9d0";
}
.ph-fill.ph-cat:before {
  content: "\e748";
}
.ph-fill.ph-cell-signal-full:before {
  content: "\e142";
}
.ph-fill.ph-cell-signal-high:before {
  content: "\e144";
}
.ph-fill.ph-cell-signal-low:before {
  content: "\e146";
}
.ph-fill.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph-fill.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph-fill.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph-fill.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph-fill.ph-cell-tower:before {
  content: "\ebaa";
}
.ph-fill.ph-certificate:before {
  content: "\e766";
}
.ph-fill.ph-chair:before {
  content: "\e950";
}
.ph-fill.ph-chalkboard:before {
  content: "\e5fc";
}
.ph-fill.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph-fill.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph-fill.ph-champagne:before {
  content: "\eaca";
}
.ph-fill.ph-charging-station:before {
  content: "\e8d0";
}
.ph-fill.ph-chart-bar:before {
  content: "\e150";
}
.ph-fill.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph-fill.ph-chart-donut:before {
  content: "\eaa6";
}
.ph-fill.ph-chart-line:before {
  content: "\e154";
}
.ph-fill.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph-fill.ph-chart-line-up:before {
  content: "\e156";
}
.ph-fill.ph-chart-pie:before {
  content: "\e158";
}
.ph-fill.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph-fill.ph-chart-polar:before {
  content: "\eaa8";
}
.ph-fill.ph-chart-scatter:before {
  content: "\eaac";
}
.ph-fill.ph-chat:before {
  content: "\e15c";
}
.ph-fill.ph-chat-centered:before {
  content: "\e160";
}
.ph-fill.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph-fill.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph-fill.ph-chat-centered-text:before {
  content: "\e166";
}
.ph-fill.ph-chat-circle:before {
  content: "\e168";
}
.ph-fill.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph-fill.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph-fill.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph-fill.ph-chat-dots:before {
  content: "\e170";
}
.ph-fill.ph-chat-slash:before {
  content: "\e15e";
}
.ph-fill.ph-chat-teardrop:before {
  content: "\e172";
}
.ph-fill.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph-fill.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph-fill.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph-fill.ph-chat-text:before {
  content: "\e17a";
}
.ph-fill.ph-chats:before {
  content: "\e17c";
}
.ph-fill.ph-chats-circle:before {
  content: "\e17e";
}
.ph-fill.ph-chats-teardrop:before {
  content: "\e180";
}
.ph-fill.ph-check:before {
  content: "\e182";
}
.ph-fill.ph-check-circle:before {
  content: "\e184";
}
.ph-fill.ph-check-fat:before {
  content: "\eba6";
}
.ph-fill.ph-check-square:before {
  content: "\e186";
}
.ph-fill.ph-check-square-offset:before {
  content: "\e188";
}
.ph-fill.ph-checkerboard:before {
  content: "\e8c4";
}
.ph-fill.ph-checks:before {
  content: "\e53a";
}
.ph-fill.ph-cheers:before {
  content: "\ea4a";
}
.ph-fill.ph-cheese:before {
  content: "\e9fe";
}
.ph-fill.ph-chef-hat:before {
  content: "\ed8e";
}
.ph-fill.ph-cherries:before {
  content: "\e830";
}
.ph-fill.ph-church:before {
  content: "\ecea";
}
.ph-fill.ph-cigarette:before {
  content: "\ed90";
}
.ph-fill.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph-fill.ph-circle:before {
  content: "\e18a";
}
.ph-fill.ph-circle-dashed:before {
  content: "\e602";
}
.ph-fill.ph-circle-half:before {
  content: "\e18c";
}
.ph-fill.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph-fill.ph-circle-notch:before {
  content: "\eb44";
}
.ph-fill.ph-circles-four:before {
  content: "\e190";
}
.ph-fill.ph-circles-three:before {
  content: "\e192";
}
.ph-fill.ph-circles-three-plus:before {
  content: "\e194";
}
.ph-fill.ph-circuitry:before {
  content: "\e9c2";
}
.ph-fill.ph-city:before {
  content: "\ea6a";
}
.ph-fill.ph-clipboard:before {
  content: "\e196";
}
.ph-fill.ph-clipboard-text:before {
  content: "\e198";
}
.ph-fill.ph-clock:before {
  content: "\e19a";
}
.ph-fill.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph-fill.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph-fill.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph-fill.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph-fill.ph-clock-user:before {
  content: "\edec";
}
.ph-fill.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph-fill.ph-cloud:before {
  content: "\e1aa";
}
.ph-fill.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph-fill.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph-fill.ph-cloud-check:before {
  content: "\e1b0";
}
.ph-fill.ph-cloud-fog:before {
  content: "\e53c";
}
.ph-fill.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph-fill.ph-cloud-moon:before {
  content: "\e53e";
}
.ph-fill.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph-fill.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph-fill.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph-fill.ph-cloud-sun:before {
  content: "\e540";
}
.ph-fill.ph-cloud-warning:before {
  content: "\ea98";
}
.ph-fill.ph-cloud-x:before {
  content: "\ea96";
}
.ph-fill.ph-clover:before {
  content: "\edc8";
}
.ph-fill.ph-club:before {
  content: "\e1ba";
}
.ph-fill.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph-fill.ph-coda-logo:before {
  content: "\e7ce";
}
.ph-fill.ph-code:before {
  content: "\e1bc";
}
.ph-fill.ph-code-block:before {
  content: "\eafe";
}
.ph-fill.ph-code-simple:before {
  content: "\e1be";
}
.ph-fill.ph-codepen-logo:before {
  content: "\e978";
}
.ph-fill.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph-fill.ph-coffee:before {
  content: "\e1c2";
}
.ph-fill.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph-fill.ph-coin:before {
  content: "\e60e";
}
.ph-fill.ph-coin-vertical:before {
  content: "\eb48";
}
.ph-fill.ph-coins:before {
  content: "\e78e";
}
.ph-fill.ph-columns:before {
  content: "\e546";
}
.ph-fill.ph-columns-plus-left:before {
  content: "\e544";
}
.ph-fill.ph-columns-plus-right:before {
  content: "\e542";
}
.ph-fill.ph-command:before {
  content: "\e1c4";
}
.ph-fill.ph-compass:before {
  content: "\e1c8";
}
.ph-fill.ph-compass-rose:before {
  content: "\e1c6";
}
.ph-fill.ph-compass-tool:before {
  content: "\ea0e";
}
.ph-fill.ph-computer-tower:before {
  content: "\e548";
}
.ph-fill.ph-confetti:before {
  content: "\e81a";
}
.ph-fill.ph-contactless-payment:before {
  content: "\ed42";
}
.ph-fill.ph-control:before {
  content: "\eca6";
}
.ph-fill.ph-cookie:before {
  content: "\e6ca";
}
.ph-fill.ph-cooking-pot:before {
  content: "\e764";
}
.ph-fill.ph-copy:before {
  content: "\e1ca";
}
.ph-fill.ph-copy-simple:before {
  content: "\e1cc";
}
.ph-fill.ph-copyleft:before {
  content: "\e86a";
}
.ph-fill.ph-copyright:before {
  content: "\e54a";
}
.ph-fill.ph-corners-in:before {
  content: "\e1ce";
}
.ph-fill.ph-corners-out:before {
  content: "\e1d0";
}
.ph-fill.ph-couch:before {
  content: "\e7f6";
}
.ph-fill.ph-court-basketball:before {
  content: "\ee36";
}
.ph-fill.ph-cow:before {
  content: "\eabe";
}
.ph-fill.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph-fill.ph-cpu:before {
  content: "\e610";
}
.ph-fill.ph-crane:before {
  content: "\ed48";
}
.ph-fill.ph-crane-tower:before {
  content: "\ed49";
}
.ph-fill.ph-credit-card:before {
  content: "\e1d2";
}
.ph-fill.ph-cricket:before {
  content: "\ee12";
}
.ph-fill.ph-crop:before {
  content: "\e1d4";
}
.ph-fill.ph-cross:before {
  content: "\e8a0";
}
.ph-fill.ph-crosshair:before {
  content: "\e1d6";
}
.ph-fill.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph-fill.ph-crown:before {
  content: "\e614";
}
.ph-fill.ph-crown-cross:before {
  content: "\ee5e";
}
.ph-fill.ph-crown-simple:before {
  content: "\e616";
}
.ph-fill.ph-cube:before {
  content: "\e1da";
}
.ph-fill.ph-cube-focus:before {
  content: "\ed0a";
}
.ph-fill.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph-fill.ph-currency-btc:before {
  content: "\e618";
}
.ph-fill.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph-fill.ph-currency-cny:before {
  content: "\e54e";
}
.ph-fill.ph-currency-dollar:before {
  content: "\e550";
}
.ph-fill.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph-fill.ph-currency-eth:before {
  content: "\eada";
}
.ph-fill.ph-currency-eur:before {
  content: "\e554";
}
.ph-fill.ph-currency-gbp:before {
  content: "\e556";
}
.ph-fill.ph-currency-inr:before {
  content: "\e558";
}
.ph-fill.ph-currency-jpy:before {
  content: "\e55a";
}
.ph-fill.ph-currency-krw:before {
  content: "\e55c";
}
.ph-fill.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph-fill.ph-currency-ngn:before {
  content: "\eb52";
}
.ph-fill.ph-currency-rub:before {
  content: "\e55e";
}
.ph-fill.ph-cursor:before {
  content: "\e1dc";
}
.ph-fill.ph-cursor-click:before {
  content: "\e7c8";
}
.ph-fill.ph-cursor-text:before {
  content: "\e7d8";
}
.ph-fill.ph-cylinder:before {
  content: "\e8fc";
}
.ph-fill.ph-database:before {
  content: "\e1de";
}
.ph-fill.ph-desk:before {
  content: "\ed16";
}
.ph-fill.ph-desktop:before {
  content: "\e560";
}
.ph-fill.ph-desktop-tower:before {
  content: "\e562";
}
.ph-fill.ph-detective:before {
  content: "\e83e";
}
.ph-fill.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph-fill.ph-device-mobile:before {
  content: "\e1e0";
}
.ph-fill.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph-fill.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph-fill.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph-fill.ph-device-rotate:before {
  content: "\edf2";
}
.ph-fill.ph-device-tablet:before {
  content: "\e1e6";
}
.ph-fill.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph-fill.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph-fill.ph-devices:before {
  content: "\eba4";
}
.ph-fill.ph-diamond:before {
  content: "\e1ec";
}
.ph-fill.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph-fill.ph-dice-five:before {
  content: "\e1ee";
}
.ph-fill.ph-dice-four:before {
  content: "\e1f0";
}
.ph-fill.ph-dice-one:before {
  content: "\e1f2";
}
.ph-fill.ph-dice-six:before {
  content: "\e1f4";
}
.ph-fill.ph-dice-three:before {
  content: "\e1f6";
}
.ph-fill.ph-dice-two:before {
  content: "\e1f8";
}
.ph-fill.ph-disc:before {
  content: "\e564";
}
.ph-fill.ph-disco-ball:before {
  content: "\ed98";
}
.ph-fill.ph-discord-logo:before {
  content: "\e61a";
}
.ph-fill.ph-divide:before {
  content: "\e1fa";
}
.ph-fill.ph-dna:before {
  content: "\e924";
}
.ph-fill.ph-dog:before {
  content: "\e74a";
}
.ph-fill.ph-door:before {
  content: "\e61c";
}
.ph-fill.ph-door-open:before {
  content: "\e7e6";
}
.ph-fill.ph-dot:before {
  content: "\ecde";
}
.ph-fill.ph-dot-outline:before {
  content: "\ece0";
}
.ph-fill.ph-dots-nine:before {
  content: "\e1fc";
}
.ph-fill.ph-dots-six:before {
  content: "\e794";
}
.ph-fill.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph-fill.ph-dots-three:before {
  content: "\e1fe";
}
.ph-fill.ph-dots-three-circle:before {
  content: "\e200";
}
.ph-fill.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph-fill.ph-dots-three-outline:before {
  content: "\e204";
}
.ph-fill.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph-fill.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph-fill.ph-download:before {
  content: "\e20a";
}
.ph-fill.ph-download-simple:before {
  content: "\e20c";
}
.ph-fill.ph-dress:before {
  content: "\ea7e";
}
.ph-fill.ph-dresser:before {
  content: "\e94e";
}
.ph-fill.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph-fill.ph-drone:before {
  content: "\ed74";
}
.ph-fill.ph-drop:before {
  content: "\e210";
}
.ph-fill.ph-drop-half:before {
  content: "\e566";
}
.ph-fill.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph-fill.ph-drop-simple:before {
  content: "\ee32";
}
.ph-fill.ph-drop-slash:before {
  content: "\e954";
}
.ph-fill.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph-fill.ph-ear:before {
  content: "\e70c";
}
.ph-fill.ph-ear-slash:before {
  content: "\e70e";
}
.ph-fill.ph-egg:before {
  content: "\e812";
}
.ph-fill.ph-egg-crack:before {
  content: "\eb64";
}
.ph-fill.ph-eject:before {
  content: "\e212";
}
.ph-fill.ph-eject-simple:before {
  content: "\e6ae";
}
.ph-fill.ph-elevator:before {
  content: "\ecc0";
}
.ph-fill.ph-empty:before {
  content: "\edbc";
}
.ph-fill.ph-engine:before {
  content: "\ea80";
}
.ph-fill.ph-envelope:before {
  content: "\e214";
}
.ph-fill.ph-envelope-open:before {
  content: "\e216";
}
.ph-fill.ph-envelope-simple:before {
  content: "\e218";
}
.ph-fill.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph-fill.ph-equalizer:before {
  content: "\ebbc";
}
.ph-fill.ph-equals:before {
  content: "\e21c";
}
.ph-fill.ph-eraser:before {
  content: "\e21e";
}
.ph-fill.ph-escalator-down:before {
  content: "\ecba";
}
.ph-fill.ph-escalator-up:before {
  content: "\ecbc";
}
.ph-fill.ph-exam:before {
  content: "\e742";
}
.ph-fill.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph-fill.ph-exclude:before {
  content: "\e882";
}
.ph-fill.ph-exclude-square:before {
  content: "\e880";
}
.ph-fill.ph-export:before {
  content: "\eaf0";
}
.ph-fill.ph-eye:before {
  content: "\e220";
}
.ph-fill.ph-eye-closed:before {
  content: "\e222";
}
.ph-fill.ph-eye-slash:before {
  content: "\e224";
}
.ph-fill.ph-eyedropper:before {
  content: "\e568";
}
.ph-fill.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph-fill.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph-fill.ph-eyes:before {
  content: "\ee5c";
}
.ph-fill.ph-face-mask:before {
  content: "\e56a";
}
.ph-fill.ph-facebook-logo:before {
  content: "\e226";
}
.ph-fill.ph-factory:before {
  content: "\e760";
}
.ph-fill.ph-faders:before {
  content: "\e228";
}
.ph-fill.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph-fill.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph-fill.ph-fan:before {
  content: "\e9f2";
}
.ph-fill.ph-farm:before {
  content: "\ec70";
}
.ph-fill.ph-fast-forward:before {
  content: "\e6a6";
}
.ph-fill.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph-fill.ph-feather:before {
  content: "\e9c0";
}
.ph-fill.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph-fill.ph-figma-logo:before {
  content: "\e22e";
}
.ph-fill.ph-file:before {
  content: "\e230";
}
.ph-fill.ph-file-archive:before {
  content: "\eb2a";
}
.ph-fill.ph-file-arrow-down:before {
  content: "\e232";
}
.ph-fill.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph-fill.ph-file-audio:before {
  content: "\ea20";
}
.ph-fill.ph-file-c:before {
  content: "\eb32";
}
.ph-fill.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph-fill.ph-file-cloud:before {
  content: "\e95e";
}
.ph-fill.ph-file-code:before {
  content: "\e914";
}
.ph-fill.ph-file-cpp:before {
  content: "\eb2e";
}
.ph-fill.ph-file-css:before {
  content: "\eb34";
}
.ph-fill.ph-file-csv:before {
  content: "\eb1c";
}
.ph-fill.ph-file-dashed:before {
  content: "\e704";
}
.ph-fill.ph-file-dotted:before {
  content: "\e704";
}
.ph-fill.ph-file-doc:before {
  content: "\eb1e";
}
.ph-fill.ph-file-html:before {
  content: "\eb38";
}
.ph-fill.ph-file-image:before {
  content: "\ea24";
}
.ph-fill.ph-file-ini:before {
  content: "\eb33";
}
.ph-fill.ph-file-jpg:before {
  content: "\eb1a";
}
.ph-fill.ph-file-js:before {
  content: "\eb24";
}
.ph-fill.ph-file-jsx:before {
  content: "\eb3a";
}
.ph-fill.ph-file-lock:before {
  content: "\e95c";
}
.ph-fill.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph-fill.ph-file-search:before {
  content: "\e238";
}
.ph-fill.ph-file-md:before {
  content: "\ed50";
}
.ph-fill.ph-file-minus:before {
  content: "\e234";
}
.ph-fill.ph-file-pdf:before {
  content: "\e702";
}
.ph-fill.ph-file-plus:before {
  content: "\e236";
}
.ph-fill.ph-file-png:before {
  content: "\eb18";
}
.ph-fill.ph-file-ppt:before {
  content: "\eb20";
}
.ph-fill.ph-file-py:before {
  content: "\eb2c";
}
.ph-fill.ph-file-rs:before {
  content: "\eb28";
}
.ph-fill.ph-file-sql:before {
  content: "\ed4e";
}
.ph-fill.ph-file-svg:before {
  content: "\ed08";
}
.ph-fill.ph-file-text:before {
  content: "\e23a";
}
.ph-fill.ph-file-ts:before {
  content: "\eb26";
}
.ph-fill.ph-file-tsx:before {
  content: "\eb3c";
}
.ph-fill.ph-file-txt:before {
  content: "\eb35";
}
.ph-fill.ph-file-video:before {
  content: "\ea22";
}
.ph-fill.ph-file-vue:before {
  content: "\eb3e";
}
.ph-fill.ph-file-x:before {
  content: "\e23c";
}
.ph-fill.ph-file-xls:before {
  content: "\eb22";
}
.ph-fill.ph-file-zip:before {
  content: "\e958";
}
.ph-fill.ph-files:before {
  content: "\e710";
}
.ph-fill.ph-film-reel:before {
  content: "\e8c0";
}
.ph-fill.ph-film-script:before {
  content: "\eb50";
}
.ph-fill.ph-film-slate:before {
  content: "\e8c2";
}
.ph-fill.ph-film-strip:before {
  content: "\e792";
}
.ph-fill.ph-fingerprint:before {
  content: "\e23e";
}
.ph-fill.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph-fill.ph-finn-the-human:before {
  content: "\e56c";
}
.ph-fill.ph-fire:before {
  content: "\e242";
}
.ph-fill.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph-fill.ph-fire-simple:before {
  content: "\e620";
}
.ph-fill.ph-fire-truck:before {
  content: "\e574";
}
.ph-fill.ph-first-aid:before {
  content: "\e56e";
}
.ph-fill.ph-first-aid-kit:before {
  content: "\e570";
}
.ph-fill.ph-fish:before {
  content: "\e728";
}
.ph-fill.ph-fish-simple:before {
  content: "\e72a";
}
.ph-fill.ph-flag:before {
  content: "\e244";
}
.ph-fill.ph-flag-banner:before {
  content: "\e622";
}
.ph-fill.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph-fill.ph-flag-checkered:before {
  content: "\ea38";
}
.ph-fill.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph-fill.ph-flame:before {
  content: "\e624";
}
.ph-fill.ph-flashlight:before {
  content: "\e246";
}
.ph-fill.ph-flask:before {
  content: "\e79e";
}
.ph-fill.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph-fill.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph-fill.ph-floppy-disk:before {
  content: "\e248";
}
.ph-fill.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph-fill.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph-fill.ph-flower:before {
  content: "\e75e";
}
.ph-fill.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph-fill.ph-flower-tulip:before {
  content: "\eacc";
}
.ph-fill.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph-fill.ph-folder:before {
  content: "\e24a";
}
.ph-fill.ph-folder-notch:before {
  content: "\e24a";
}
.ph-fill.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph-fill.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph-fill.ph-folder-lock:before {
  content: "\ea3c";
}
.ph-fill.ph-folder-minus:before {
  content: "\e254";
}
.ph-fill.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph-fill.ph-folder-open:before {
  content: "\e256";
}
.ph-fill.ph-folder-notch-open:before {
  content: "\e256";
}
.ph-fill.ph-folder-plus:before {
  content: "\e258";
}
.ph-fill.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph-fill.ph-folder-simple:before {
  content: "\e25a";
}
.ph-fill.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph-fill.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph-fill.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph-fill.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph-fill.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph-fill.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph-fill.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph-fill.ph-folder-star:before {
  content: "\ea86";
}
.ph-fill.ph-folder-user:before {
  content: "\eb46";
}
.ph-fill.ph-folders:before {
  content: "\e260";
}
.ph-fill.ph-football:before {
  content: "\e718";
}
.ph-fill.ph-football-helmet:before {
  content: "\ee4c";
}
.ph-fill.ph-footprints:before {
  content: "\ea88";
}
.ph-fill.ph-fork-knife:before {
  content: "\e262";
}
.ph-fill.ph-four-k:before {
  content: "\ea5c";
}
.ph-fill.ph-frame-corners:before {
  content: "\e626";
}
.ph-fill.ph-framer-logo:before {
  content: "\e264";
}
.ph-fill.ph-function:before {
  content: "\ebe4";
}
.ph-fill.ph-funnel:before {
  content: "\e266";
}
.ph-fill.ph-funnel-simple:before {
  content: "\e268";
}
.ph-fill.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph-fill.ph-funnel-x:before {
  content: "\e26c";
}
.ph-fill.ph-game-controller:before {
  content: "\e26e";
}
.ph-fill.ph-garage:before {
  content: "\ecd6";
}
.ph-fill.ph-gas-can:before {
  content: "\e8ce";
}
.ph-fill.ph-gas-pump:before {
  content: "\e768";
}
.ph-fill.ph-gauge:before {
  content: "\e628";
}
.ph-fill.ph-gavel:before {
  content: "\ea32";
}
.ph-fill.ph-gear:before {
  content: "\e270";
}
.ph-fill.ph-gear-fine:before {
  content: "\e87c";
}
.ph-fill.ph-gear-six:before {
  content: "\e272";
}
.ph-fill.ph-gender-female:before {
  content: "\e6e0";
}
.ph-fill.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph-fill.ph-gender-male:before {
  content: "\e6e2";
}
.ph-fill.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph-fill.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph-fill.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph-fill.ph-ghost:before {
  content: "\e62a";
}
.ph-fill.ph-gif:before {
  content: "\e274";
}
.ph-fill.ph-gift:before {
  content: "\e276";
}
.ph-fill.ph-git-branch:before {
  content: "\e278";
}
.ph-fill.ph-git-commit:before {
  content: "\e27a";
}
.ph-fill.ph-git-diff:before {
  content: "\e27c";
}
.ph-fill.ph-git-fork:before {
  content: "\e27e";
}
.ph-fill.ph-git-merge:before {
  content: "\e280";
}
.ph-fill.ph-git-pull-request:before {
  content: "\e282";
}
.ph-fill.ph-github-logo:before {
  content: "\e576";
}
.ph-fill.ph-gitlab-logo:before {
  content: "\e694";
}
.ph-fill.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph-fill.ph-globe:before {
  content: "\e288";
}
.ph-fill.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph-fill.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph-fill.ph-globe-simple:before {
  content: "\e28e";
}
.ph-fill.ph-globe-simple-x:before {
  content: "\e284";
}
.ph-fill.ph-globe-stand:before {
  content: "\e290";
}
.ph-fill.ph-globe-x:before {
  content: "\e286";
}
.ph-fill.ph-goggles:before {
  content: "\ecb4";
}
.ph-fill.ph-golf:before {
  content: "\ea3e";
}
.ph-fill.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph-fill.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph-fill.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph-fill.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph-fill.ph-google-logo:before {
  content: "\e292";
}
.ph-fill.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph-fill.ph-google-play-logo:before {
  content: "\e294";
}
.ph-fill.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph-fill.ph-gps:before {
  content: "\edd8";
}
.ph-fill.ph-gps-fix:before {
  content: "\edd6";
}
.ph-fill.ph-gps-slash:before {
  content: "\edd4";
}
.ph-fill.ph-gradient:before {
  content: "\eb42";
}
.ph-fill.ph-graduation-cap:before {
  content: "\e62c";
}
.ph-fill.ph-grains:before {
  content: "\ec68";
}
.ph-fill.ph-grains-slash:before {
  content: "\ec6a";
}
.ph-fill.ph-graph:before {
  content: "\eb58";
}
.ph-fill.ph-graphics-card:before {
  content: "\e612";
}
.ph-fill.ph-greater-than:before {
  content: "\edc4";
}
.ph-fill.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph-fill.ph-grid-four:before {
  content: "\e296";
}
.ph-fill.ph-grid-nine:before {
  content: "\ec8c";
}
.ph-fill.ph-guitar:before {
  content: "\ea8a";
}
.ph-fill.ph-hair-dryer:before {
  content: "\ea66";
}
.ph-fill.ph-hamburger:before {
  content: "\e790";
}
.ph-fill.ph-hammer:before {
  content: "\e80e";
}
.ph-fill.ph-hand:before {
  content: "\e298";
}
.ph-fill.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph-fill.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph-fill.ph-hand-coins:before {
  content: "\ea8c";
}
.ph-fill.ph-hand-deposit:before {
  content: "\ee82";
}
.ph-fill.ph-hand-eye:before {
  content: "\ea4c";
}
.ph-fill.ph-hand-fist:before {
  content: "\e57a";
}
.ph-fill.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph-fill.ph-hand-heart:before {
  content: "\e810";
}
.ph-fill.ph-hand-palm:before {
  content: "\e57e";
}
.ph-fill.ph-hand-peace:before {
  content: "\e7cc";
}
.ph-fill.ph-hand-pointing:before {
  content: "\e29a";
}
.ph-fill.ph-hand-soap:before {
  content: "\e630";
}
.ph-fill.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph-fill.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph-fill.ph-hand-tap:before {
  content: "\ec90";
}
.ph-fill.ph-hand-waving:before {
  content: "\e580";
}
.ph-fill.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph-fill.ph-handbag:before {
  content: "\e29c";
}
.ph-fill.ph-handbag-simple:before {
  content: "\e62e";
}
.ph-fill.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph-fill.ph-hands-praying:before {
  content: "\ecc8";
}
.ph-fill.ph-handshake:before {
  content: "\e582";
}
.ph-fill.ph-hard-drive:before {
  content: "\e29e";
}
.ph-fill.ph-hard-drives:before {
  content: "\e2a0";
}
.ph-fill.ph-hard-hat:before {
  content: "\ed46";
}
.ph-fill.ph-hash:before {
  content: "\e2a2";
}
.ph-fill.ph-hash-straight:before {
  content: "\e2a4";
}
.ph-fill.ph-head-circuit:before {
  content: "\e7d4";
}
.ph-fill.ph-headlights:before {
  content: "\e6fe";
}
.ph-fill.ph-headphones:before {
  content: "\e2a6";
}
.ph-fill.ph-headset:before {
  content: "\e584";
}
.ph-fill.ph-heart:before {
  content: "\e2a8";
}
.ph-fill.ph-heart-break:before {
  content: "\ebe8";
}
.ph-fill.ph-heart-half:before {
  content: "\ec48";
}
.ph-fill.ph-heart-straight:before {
  content: "\e2aa";
}
.ph-fill.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph-fill.ph-heartbeat:before {
  content: "\e2ac";
}
.ph-fill.ph-hexagon:before {
  content: "\e2ae";
}
.ph-fill.ph-high-definition:before {
  content: "\ea8e";
}
.ph-fill.ph-high-heel:before {
  content: "\e8e8";
}
.ph-fill.ph-highlighter:before {
  content: "\ec76";
}
.ph-fill.ph-highlighter-circle:before {
  content: "\e632";
}
.ph-fill.ph-hockey:before {
  content: "\ec86";
}
.ph-fill.ph-hoodie:before {
  content: "\ecd0";
}
.ph-fill.ph-horse:before {
  content: "\e2b0";
}
.ph-fill.ph-hospital:before {
  content: "\e844";
}
.ph-fill.ph-hourglass:before {
  content: "\e2b2";
}
.ph-fill.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph-fill.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph-fill.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph-fill.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph-fill.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph-fill.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph-fill.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph-fill.ph-house:before {
  content: "\e2c2";
}
.ph-fill.ph-house-line:before {
  content: "\e2c4";
}
.ph-fill.ph-house-simple:before {
  content: "\e2c6";
}
.ph-fill.ph-hurricane:before {
  content: "\e88e";
}
.ph-fill.ph-ice-cream:before {
  content: "\e804";
}
.ph-fill.ph-identification-badge:before {
  content: "\e6f6";
}
.ph-fill.ph-identification-card:before {
  content: "\e2c8";
}
.ph-fill.ph-image:before {
  content: "\e2ca";
}
.ph-fill.ph-image-broken:before {
  content: "\e7a8";
}
.ph-fill.ph-image-square:before {
  content: "\e2cc";
}
.ph-fill.ph-images:before {
  content: "\e836";
}
.ph-fill.ph-images-square:before {
  content: "\e834";
}
.ph-fill.ph-infinity:before {
  content: "\e634";
}
.ph-fill.ph-lemniscate:before {
  content: "\e634";
}
.ph-fill.ph-info:before {
  content: "\e2ce";
}
.ph-fill.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph-fill.ph-intersect:before {
  content: "\e2d2";
}
.ph-fill.ph-intersect-square:before {
  content: "\e87a";
}
.ph-fill.ph-intersect-three:before {
  content: "\ecc4";
}
.ph-fill.ph-intersection:before {
  content: "\edba";
}
.ph-fill.ph-invoice:before {
  content: "\ee42";
}
.ph-fill.ph-island:before {
  content: "\ee06";
}
.ph-fill.ph-jar:before {
  content: "\e7e0";
}
.ph-fill.ph-jar-label:before {
  content: "\e7e1";
}
.ph-fill.ph-jeep:before {
  content: "\e2d4";
}
.ph-fill.ph-joystick:before {
  content: "\ea5e";
}
.ph-fill.ph-kanban:before {
  content: "\eb54";
}
.ph-fill.ph-key:before {
  content: "\e2d6";
}
.ph-fill.ph-key-return:before {
  content: "\e782";
}
.ph-fill.ph-keyboard:before {
  content: "\e2d8";
}
.ph-fill.ph-keyhole:before {
  content: "\ea78";
}
.ph-fill.ph-knife:before {
  content: "\e636";
}
.ph-fill.ph-ladder:before {
  content: "\e9e4";
}
.ph-fill.ph-ladder-simple:before {
  content: "\ec26";
}
.ph-fill.ph-lamp:before {
  content: "\e638";
}
.ph-fill.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph-fill.ph-laptop:before {
  content: "\e586";
}
.ph-fill.ph-lasso:before {
  content: "\edc6";
}
.ph-fill.ph-lastfm-logo:before {
  content: "\e842";
}
.ph-fill.ph-layout:before {
  content: "\e6d6";
}
.ph-fill.ph-leaf:before {
  content: "\e2da";
}
.ph-fill.ph-lectern:before {
  content: "\e95a";
}
.ph-fill.ph-lego:before {
  content: "\e8c6";
}
.ph-fill.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph-fill.ph-less-than:before {
  content: "\edac";
}
.ph-fill.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph-fill.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph-fill.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph-fill.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph-fill.ph-lifebuoy:before {
  content: "\e63a";
}
.ph-fill.ph-lightbulb:before {
  content: "\e2dc";
}
.ph-fill.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph-fill.ph-lighthouse:before {
  content: "\e9f6";
}
.ph-fill.ph-lightning:before {
  content: "\e2de";
}
.ph-fill.ph-lightning-a:before {
  content: "\ea84";
}
.ph-fill.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph-fill.ph-line-segment:before {
  content: "\e6d2";
}
.ph-fill.ph-line-segments:before {
  content: "\e6d4";
}
.ph-fill.ph-line-vertical:before {
  content: "\ed70";
}
.ph-fill.ph-link:before {
  content: "\e2e2";
}
.ph-fill.ph-link-break:before {
  content: "\e2e4";
}
.ph-fill.ph-link-simple:before {
  content: "\e2e6";
}
.ph-fill.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph-fill.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph-fill.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph-fill.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph-fill.ph-linktree-logo:before {
  content: "\edee";
}
.ph-fill.ph-linux-logo:before {
  content: "\eb02";
}
.ph-fill.ph-list:before {
  content: "\e2f0";
}
.ph-fill.ph-list-bullets:before {
  content: "\e2f2";
}
.ph-fill.ph-list-checks:before {
  content: "\eadc";
}
.ph-fill.ph-list-dashes:before {
  content: "\e2f4";
}
.ph-fill.ph-list-heart:before {
  content: "\ebde";
}
.ph-fill.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph-fill.ph-list-numbers:before {
  content: "\e2f6";
}
.ph-fill.ph-list-plus:before {
  content: "\e2f8";
}
.ph-fill.ph-list-star:before {
  content: "\ebdc";
}
.ph-fill.ph-lock:before {
  content: "\e2fa";
}
.ph-fill.ph-lock-key:before {
  content: "\e2fe";
}
.ph-fill.ph-lock-key-open:before {
  content: "\e300";
}
.ph-fill.ph-lock-laminated:before {
  content: "\e302";
}
.ph-fill.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph-fill.ph-lock-open:before {
  content: "\e306";
}
.ph-fill.ph-lock-simple:before {
  content: "\e308";
}
.ph-fill.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph-fill.ph-lockers:before {
  content: "\ecb8";
}
.ph-fill.ph-log:before {
  content: "\ed82";
}
.ph-fill.ph-magic-wand:before {
  content: "\e6b6";
}
.ph-fill.ph-magnet:before {
  content: "\e680";
}
.ph-fill.ph-magnet-straight:before {
  content: "\e682";
}
.ph-fill.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph-fill.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph-fill.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph-fill.ph-mailbox:before {
  content: "\ec1e";
}
.ph-fill.ph-map-pin:before {
  content: "\e316";
}
.ph-fill.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph-fill.ph-map-pin-line:before {
  content: "\e318";
}
.ph-fill.ph-map-pin-plus:before {
  content: "\e314";
}
.ph-fill.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph-fill.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph-fill.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph-fill.ph-map-trifold:before {
  content: "\e31a";
}
.ph-fill.ph-markdown-logo:before {
  content: "\e508";
}
.ph-fill.ph-marker-circle:before {
  content: "\e640";
}
.ph-fill.ph-martini:before {
  content: "\e31c";
}
.ph-fill.ph-mask-happy:before {
  content: "\e9f4";
}
.ph-fill.ph-mask-sad:before {
  content: "\eb9e";
}
.ph-fill.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph-fill.ph-math-operations:before {
  content: "\e31e";
}
.ph-fill.ph-matrix-logo:before {
  content: "\ed64";
}
.ph-fill.ph-medal:before {
  content: "\e320";
}
.ph-fill.ph-medal-military:before {
  content: "\ecfc";
}
.ph-fill.ph-medium-logo:before {
  content: "\e322";
}
.ph-fill.ph-megaphone:before {
  content: "\e324";
}
.ph-fill.ph-megaphone-simple:before {
  content: "\e642";
}
.ph-fill.ph-member-of:before {
  content: "\edc2";
}
.ph-fill.ph-memory:before {
  content: "\e9c4";
}
.ph-fill.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph-fill.ph-meta-logo:before {
  content: "\ed02";
}
.ph-fill.ph-meteor:before {
  content: "\e9ba";
}
.ph-fill.ph-metronome:before {
  content: "\ec8e";
}
.ph-fill.ph-microphone:before {
  content: "\e326";
}
.ph-fill.ph-microphone-slash:before {
  content: "\e328";
}
.ph-fill.ph-microphone-stage:before {
  content: "\e75c";
}
.ph-fill.ph-microscope:before {
  content: "\ec7a";
}
.ph-fill.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph-fill.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph-fill.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph-fill.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph-fill.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph-fill.ph-minus:before {
  content: "\e32a";
}
.ph-fill.ph-minus-circle:before {
  content: "\e32c";
}
.ph-fill.ph-minus-square:before {
  content: "\ed4c";
}
.ph-fill.ph-money:before {
  content: "\e588";
}
.ph-fill.ph-money-wavy:before {
  content: "\ee68";
}
.ph-fill.ph-monitor:before {
  content: "\e32e";
}
.ph-fill.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph-fill.ph-monitor-play:before {
  content: "\e58c";
}
.ph-fill.ph-moon:before {
  content: "\e330";
}
.ph-fill.ph-moon-stars:before {
  content: "\e58e";
}
.ph-fill.ph-moped:before {
  content: "\e824";
}
.ph-fill.ph-moped-front:before {
  content: "\e822";
}
.ph-fill.ph-mosque:before {
  content: "\ecee";
}
.ph-fill.ph-motorcycle:before {
  content: "\e80a";
}
.ph-fill.ph-mountains:before {
  content: "\e7ae";
}
.ph-fill.ph-mouse:before {
  content: "\e33a";
}
.ph-fill.ph-mouse-left-click:before {
  content: "\e334";
}
.ph-fill.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph-fill.ph-mouse-right-click:before {
  content: "\e336";
}
.ph-fill.ph-mouse-scroll:before {
  content: "\e332";
}
.ph-fill.ph-mouse-simple:before {
  content: "\e644";
}
.ph-fill.ph-music-note:before {
  content: "\e33c";
}
.ph-fill.ph-music-note-simple:before {
  content: "\e33e";
}
.ph-fill.ph-music-notes:before {
  content: "\e340";
}
.ph-fill.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph-fill.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph-fill.ph-music-notes-simple:before {
  content: "\e342";
}
.ph-fill.ph-navigation-arrow:before {
  content: "\eade";
}
.ph-fill.ph-needle:before {
  content: "\e82e";
}
.ph-fill.ph-network:before {
  content: "\edde";
}
.ph-fill.ph-network-slash:before {
  content: "\eddc";
}
.ph-fill.ph-network-x:before {
  content: "\edda";
}
.ph-fill.ph-newspaper:before {
  content: "\e344";
}
.ph-fill.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph-fill.ph-not-equals:before {
  content: "\eda6";
}
.ph-fill.ph-not-member-of:before {
  content: "\edae";
}
.ph-fill.ph-not-subset-of:before {
  content: "\edb0";
}
.ph-fill.ph-not-superset-of:before {
  content: "\edb2";
}
.ph-fill.ph-notches:before {
  content: "\ed3a";
}
.ph-fill.ph-note:before {
  content: "\e348";
}
.ph-fill.ph-note-blank:before {
  content: "\e34a";
}
.ph-fill.ph-note-pencil:before {
  content: "\e34c";
}
.ph-fill.ph-notebook:before {
  content: "\e34e";
}
.ph-fill.ph-notepad:before {
  content: "\e63e";
}
.ph-fill.ph-notification:before {
  content: "\e6fa";
}
.ph-fill.ph-notion-logo:before {
  content: "\e9a0";
}
.ph-fill.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph-fill.ph-number-circle-eight:before {
  content: "\e352";
}
.ph-fill.ph-number-circle-five:before {
  content: "\e358";
}
.ph-fill.ph-number-circle-four:before {
  content: "\e35e";
}
.ph-fill.ph-number-circle-nine:before {
  content: "\e364";
}
.ph-fill.ph-number-circle-one:before {
  content: "\e36a";
}
.ph-fill.ph-number-circle-seven:before {
  content: "\e370";
}
.ph-fill.ph-number-circle-six:before {
  content: "\e376";
}
.ph-fill.ph-number-circle-three:before {
  content: "\e37c";
}
.ph-fill.ph-number-circle-two:before {
  content: "\e382";
}
.ph-fill.ph-number-circle-zero:before {
  content: "\e388";
}
.ph-fill.ph-number-eight:before {
  content: "\e350";
}
.ph-fill.ph-number-five:before {
  content: "\e356";
}
.ph-fill.ph-number-four:before {
  content: "\e35c";
}
.ph-fill.ph-number-nine:before {
  content: "\e362";
}
.ph-fill.ph-number-one:before {
  content: "\e368";
}
.ph-fill.ph-number-seven:before {
  content: "\e36e";
}
.ph-fill.ph-number-six:before {
  content: "\e374";
}
.ph-fill.ph-number-square-eight:before {
  content: "\e354";
}
.ph-fill.ph-number-square-five:before {
  content: "\e35a";
}
.ph-fill.ph-number-square-four:before {
  content: "\e360";
}
.ph-fill.ph-number-square-nine:before {
  content: "\e366";
}
.ph-fill.ph-number-square-one:before {
  content: "\e36c";
}
.ph-fill.ph-number-square-seven:before {
  content: "\e372";
}
.ph-fill.ph-number-square-six:before {
  content: "\e378";
}
.ph-fill.ph-number-square-three:before {
  content: "\e37e";
}
.ph-fill.ph-number-square-two:before {
  content: "\e384";
}
.ph-fill.ph-number-square-zero:before {
  content: "\e38a";
}
.ph-fill.ph-number-three:before {
  content: "\e37a";
}
.ph-fill.ph-number-two:before {
  content: "\e380";
}
.ph-fill.ph-number-zero:before {
  content: "\e386";
}
.ph-fill.ph-numpad:before {
  content: "\e3c8";
}
.ph-fill.ph-nut:before {
  content: "\e38c";
}
.ph-fill.ph-ny-times-logo:before {
  content: "\e646";
}
.ph-fill.ph-octagon:before {
  content: "\e38e";
}
.ph-fill.ph-office-chair:before {
  content: "\ea46";
}
.ph-fill.ph-onigiri:before {
  content: "\ee2c";
}
.ph-fill.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph-fill.ph-option:before {
  content: "\e8a8";
}
.ph-fill.ph-orange:before {
  content: "\ee40";
}
.ph-fill.ph-orange-slice:before {
  content: "\ed36";
}
.ph-fill.ph-oven:before {
  content: "\ed8c";
}
.ph-fill.ph-package:before {
  content: "\e390";
}
.ph-fill.ph-paint-brush:before {
  content: "\e6f0";
}
.ph-fill.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph-fill.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph-fill.ph-paint-bucket:before {
  content: "\e392";
}
.ph-fill.ph-paint-roller:before {
  content: "\e6f4";
}
.ph-fill.ph-palette:before {
  content: "\e6c8";
}
.ph-fill.ph-panorama:before {
  content: "\eaa2";
}
.ph-fill.ph-pants:before {
  content: "\ec88";
}
.ph-fill.ph-paper-plane:before {
  content: "\e394";
}
.ph-fill.ph-paper-plane-right:before {
  content: "\e396";
}
.ph-fill.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph-fill.ph-paperclip:before {
  content: "\e39a";
}
.ph-fill.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph-fill.ph-parachute:before {
  content: "\ea7c";
}
.ph-fill.ph-paragraph:before {
  content: "\e960";
}
.ph-fill.ph-parallelogram:before {
  content: "\ecc6";
}
.ph-fill.ph-park:before {
  content: "\ecb2";
}
.ph-fill.ph-password:before {
  content: "\e752";
}
.ph-fill.ph-path:before {
  content: "\e39c";
}
.ph-fill.ph-patreon-logo:before {
  content: "\e98a";
}
.ph-fill.ph-pause:before {
  content: "\e39e";
}
.ph-fill.ph-pause-circle:before {
  content: "\e3a0";
}
.ph-fill.ph-paw-print:before {
  content: "\e648";
}
.ph-fill.ph-paypal-logo:before {
  content: "\e98c";
}
.ph-fill.ph-peace:before {
  content: "\e3a2";
}
.ph-fill.ph-pen:before {
  content: "\e3aa";
}
.ph-fill.ph-pen-nib:before {
  content: "\e3ac";
}
.ph-fill.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph-fill.ph-pencil:before {
  content: "\e3ae";
}
.ph-fill.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph-fill.ph-pencil-line:before {
  content: "\e3b2";
}
.ph-fill.ph-pencil-ruler:before {
  content: "\e906";
}
.ph-fill.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph-fill.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph-fill.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph-fill.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph-fill.ph-pentagon:before {
  content: "\ec7e";
}
.ph-fill.ph-pentagram:before {
  content: "\ec5c";
}
.ph-fill.ph-pepper:before {
  content: "\e94a";
}
.ph-fill.ph-percent:before {
  content: "\e3b6";
}
.ph-fill.ph-person:before {
  content: "\e3a8";
}
.ph-fill.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph-fill.ph-person-simple:before {
  content: "\e72e";
}
.ph-fill.ph-person-simple-bike:before {
  content: "\e734";
}
.ph-fill.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph-fill.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph-fill.ph-person-simple-run:before {
  content: "\e730";
}
.ph-fill.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph-fill.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph-fill.ph-person-simple-swim:before {
  content: "\e736";
}
.ph-fill.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph-fill.ph-person-simple-throw:before {
  content: "\e732";
}
.ph-fill.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph-fill.ph-perspective:before {
  content: "\ebe6";
}
.ph-fill.ph-phone:before {
  content: "\e3b8";
}
.ph-fill.ph-phone-call:before {
  content: "\e3ba";
}
.ph-fill.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph-fill.ph-phone-incoming:before {
  content: "\e3be";
}
.ph-fill.ph-phone-list:before {
  content: "\e3cc";
}
.ph-fill.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph-fill.ph-phone-pause:before {
  content: "\e3ca";
}
.ph-fill.ph-phone-plus:before {
  content: "\ec56";
}
.ph-fill.ph-phone-slash:before {
  content: "\e3c2";
}
.ph-fill.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph-fill.ph-phone-x:before {
  content: "\e3c4";
}
.ph-fill.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph-fill.ph-pi:before {
  content: "\ec80";
}
.ph-fill.ph-piano-keys:before {
  content: "\e9c8";
}
.ph-fill.ph-picnic-table:before {
  content: "\ee26";
}
.ph-fill.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph-fill.ph-piggy-bank:before {
  content: "\ea04";
}
.ph-fill.ph-pill:before {
  content: "\e700";
}
.ph-fill.ph-ping-pong:before {
  content: "\ea42";
}
.ph-fill.ph-pint-glass:before {
  content: "\edd0";
}
.ph-fill.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph-fill.ph-pinwheel:before {
  content: "\eb9c";
}
.ph-fill.ph-pipe:before {
  content: "\ed86";
}
.ph-fill.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph-fill.ph-pix-logo:before {
  content: "\ecc2";
}
.ph-fill.ph-pizza:before {
  content: "\e796";
}
.ph-fill.ph-placeholder:before {
  content: "\e650";
}
.ph-fill.ph-planet:before {
  content: "\e652";
}
.ph-fill.ph-plant:before {
  content: "\ebae";
}
.ph-fill.ph-play:before {
  content: "\e3d0";
}
.ph-fill.ph-play-circle:before {
  content: "\e3d2";
}
.ph-fill.ph-play-pause:before {
  content: "\e8be";
}
.ph-fill.ph-playlist:before {
  content: "\e6aa";
}
.ph-fill.ph-plug:before {
  content: "\e946";
}
.ph-fill.ph-plug-charging:before {
  content: "\eb5c";
}
.ph-fill.ph-plugs:before {
  content: "\eb56";
}
.ph-fill.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph-fill.ph-plus:before {
  content: "\e3d4";
}
.ph-fill.ph-plus-circle:before {
  content: "\e3d6";
}
.ph-fill.ph-plus-minus:before {
  content: "\e3d8";
}
.ph-fill.ph-plus-square:before {
  content: "\ed4a";
}
.ph-fill.ph-poker-chip:before {
  content: "\e594";
}
.ph-fill.ph-police-car:before {
  content: "\ec4a";
}
.ph-fill.ph-polygon:before {
  content: "\e6d0";
}
.ph-fill.ph-popcorn:before {
  content: "\eb4e";
}
.ph-fill.ph-popsicle:before {
  content: "\ebbe";
}
.ph-fill.ph-potted-plant:before {
  content: "\ec22";
}
.ph-fill.ph-power:before {
  content: "\e3da";
}
.ph-fill.ph-prescription:before {
  content: "\e7a2";
}
.ph-fill.ph-presentation:before {
  content: "\e654";
}
.ph-fill.ph-presentation-chart:before {
  content: "\e656";
}
.ph-fill.ph-printer:before {
  content: "\e3dc";
}
.ph-fill.ph-prohibit:before {
  content: "\e3de";
}
.ph-fill.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph-fill.ph-projector-screen:before {
  content: "\e658";
}
.ph-fill.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph-fill.ph-pulse:before {
  content: "\e000";
}
.ph-fill.ph-activity:before {
  content: "\e000";
}
.ph-fill.ph-push-pin:before {
  content: "\e3e2";
}
.ph-fill.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph-fill.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph-fill.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph-fill.ph-puzzle-piece:before {
  content: "\e596";
}
.ph-fill.ph-qr-code:before {
  content: "\e3e6";
}
.ph-fill.ph-question:before {
  content: "\e3e8";
}
.ph-fill.ph-question-mark:before {
  content: "\e3e9";
}
.ph-fill.ph-queue:before {
  content: "\e6ac";
}
.ph-fill.ph-quotes:before {
  content: "\e660";
}
.ph-fill.ph-rabbit:before {
  content: "\eac2";
}
.ph-fill.ph-racquet:before {
  content: "\ee02";
}
.ph-fill.ph-radical:before {
  content: "\e3ea";
}
.ph-fill.ph-radio:before {
  content: "\e77e";
}
.ph-fill.ph-radio-button:before {
  content: "\eb08";
}
.ph-fill.ph-radioactive:before {
  content: "\e9dc";
}
.ph-fill.ph-rainbow:before {
  content: "\e598";
}
.ph-fill.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph-fill.ph-ranking:before {
  content: "\ed62";
}
.ph-fill.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph-fill.ph-receipt:before {
  content: "\e3ec";
}
.ph-fill.ph-receipt-x:before {
  content: "\ed40";
}
.ph-fill.ph-record:before {
  content: "\e3ee";
}
.ph-fill.ph-rectangle:before {
  content: "\e3f0";
}
.ph-fill.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph-fill.ph-recycle:before {
  content: "\e75a";
}
.ph-fill.ph-reddit-logo:before {
  content: "\e59c";
}
.ph-fill.ph-repeat:before {
  content: "\e3f6";
}
.ph-fill.ph-repeat-once:before {
  content: "\e3f8";
}
.ph-fill.ph-replit-logo:before {
  content: "\eb8a";
}
.ph-fill.ph-resize:before {
  content: "\ed6e";
}
.ph-fill.ph-rewind:before {
  content: "\e6a8";
}
.ph-fill.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph-fill.ph-road-horizon:before {
  content: "\e838";
}
.ph-fill.ph-robot:before {
  content: "\e762";
}
.ph-fill.ph-rocket:before {
  content: "\e3fc";
}
.ph-fill.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph-fill.ph-rows:before {
  content: "\e5a2";
}
.ph-fill.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph-fill.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph-fill.ph-rss:before {
  content: "\e400";
}
.ph-fill.ph-rss-simple:before {
  content: "\e402";
}
.ph-fill.ph-rug:before {
  content: "\ea1a";
}
.ph-fill.ph-ruler:before {
  content: "\e6b8";
}
.ph-fill.ph-sailboat:before {
  content: "\e78a";
}
.ph-fill.ph-scales:before {
  content: "\e750";
}
.ph-fill.ph-scan:before {
  content: "\ebb6";
}
.ph-fill.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph-fill.ph-scissors:before {
  content: "\eae0";
}
.ph-fill.ph-scooter:before {
  content: "\e820";
}
.ph-fill.ph-screencast:before {
  content: "\e404";
}
.ph-fill.ph-screwdriver:before {
  content: "\e86e";
}
.ph-fill.ph-scribble:before {
  content: "\e806";
}
.ph-fill.ph-scribble-loop:before {
  content: "\e662";
}
.ph-fill.ph-scroll:before {
  content: "\eb7a";
}
.ph-fill.ph-seal:before {
  content: "\e604";
}
.ph-fill.ph-circle-wavy:before {
  content: "\e604";
}
.ph-fill.ph-seal-check:before {
  content: "\e606";
}
.ph-fill.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph-fill.ph-seal-percent:before {
  content: "\e60a";
}
.ph-fill.ph-seal-question:before {
  content: "\e608";
}
.ph-fill.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph-fill.ph-seal-warning:before {
  content: "\e60c";
}
.ph-fill.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph-fill.ph-seat:before {
  content: "\eb8e";
}
.ph-fill.ph-seatbelt:before {
  content: "\edfe";
}
.ph-fill.ph-security-camera:before {
  content: "\eca4";
}
.ph-fill.ph-selection:before {
  content: "\e69a";
}
.ph-fill.ph-selection-all:before {
  content: "\e746";
}
.ph-fill.ph-selection-background:before {
  content: "\eaf8";
}
.ph-fill.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph-fill.ph-selection-inverse:before {
  content: "\e744";
}
.ph-fill.ph-selection-plus:before {
  content: "\e69c";
}
.ph-fill.ph-selection-slash:before {
  content: "\e69e";
}
.ph-fill.ph-shapes:before {
  content: "\ec5e";
}
.ph-fill.ph-share:before {
  content: "\e406";
}
.ph-fill.ph-share-fat:before {
  content: "\ed52";
}
.ph-fill.ph-share-network:before {
  content: "\e408";
}
.ph-fill.ph-shield:before {
  content: "\e40a";
}
.ph-fill.ph-shield-check:before {
  content: "\e40c";
}
.ph-fill.ph-shield-checkered:before {
  content: "\e708";
}
.ph-fill.ph-shield-chevron:before {
  content: "\e40e";
}
.ph-fill.ph-shield-plus:before {
  content: "\e706";
}
.ph-fill.ph-shield-slash:before {
  content: "\e410";
}
.ph-fill.ph-shield-star:before {
  content: "\ec34";
}
.ph-fill.ph-shield-warning:before {
  content: "\e412";
}
.ph-fill.ph-shipping-container:before {
  content: "\e78c";
}
.ph-fill.ph-shirt-folded:before {
  content: "\ea92";
}
.ph-fill.ph-shooting-star:before {
  content: "\ecfa";
}
.ph-fill.ph-shopping-bag:before {
  content: "\e416";
}
.ph-fill.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph-fill.ph-shopping-cart:before {
  content: "\e41e";
}
.ph-fill.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph-fill.ph-shovel:before {
  content: "\e9e6";
}
.ph-fill.ph-shower:before {
  content: "\e776";
}
.ph-fill.ph-shrimp:before {
  content: "\eab4";
}
.ph-fill.ph-shuffle:before {
  content: "\e422";
}
.ph-fill.ph-shuffle-angular:before {
  content: "\e424";
}
.ph-fill.ph-shuffle-simple:before {
  content: "\e426";
}
.ph-fill.ph-sidebar:before {
  content: "\eab6";
}
.ph-fill.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph-fill.ph-sigma:before {
  content: "\eab8";
}
.ph-fill.ph-sign-in:before {
  content: "\e428";
}
.ph-fill.ph-sign-out:before {
  content: "\e42a";
}
.ph-fill.ph-signature:before {
  content: "\ebac";
}
.ph-fill.ph-signpost:before {
  content: "\e89c";
}
.ph-fill.ph-sim-card:before {
  content: "\e664";
}
.ph-fill.ph-siren:before {
  content: "\e9b8";
}
.ph-fill.ph-sketch-logo:before {
  content: "\e42c";
}
.ph-fill.ph-skip-back:before {
  content: "\e5a4";
}
.ph-fill.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph-fill.ph-skip-forward:before {
  content: "\e5a6";
}
.ph-fill.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph-fill.ph-skull:before {
  content: "\e916";
}
.ph-fill.ph-skype-logo:before {
  content: "\e8dc";
}
.ph-fill.ph-slack-logo:before {
  content: "\e5a8";
}
.ph-fill.ph-sliders:before {
  content: "\e432";
}
.ph-fill.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph-fill.ph-slideshow:before {
  content: "\ed32";
}
.ph-fill.ph-smiley:before {
  content: "\e436";
}
.ph-fill.ph-smiley-angry:before {
  content: "\ec62";
}
.ph-fill.ph-smiley-blank:before {
  content: "\e438";
}
.ph-fill.ph-smiley-meh:before {
  content: "\e43a";
}
.ph-fill.ph-smiley-melting:before {
  content: "\ee56";
}
.ph-fill.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph-fill.ph-smiley-sad:before {
  content: "\e43e";
}
.ph-fill.ph-smiley-sticker:before {
  content: "\e440";
}
.ph-fill.ph-smiley-wink:before {
  content: "\e666";
}
.ph-fill.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph-fill.ph-snapchat-logo:before {
  content: "\e668";
}
.ph-fill.ph-sneaker:before {
  content: "\e80c";
}
.ph-fill.ph-sneaker-move:before {
  content: "\ed60";
}
.ph-fill.ph-snowflake:before {
  content: "\e5aa";
}
.ph-fill.ph-soccer-ball:before {
  content: "\e716";
}
.ph-fill.ph-sock:before {
  content: "\ecce";
}
.ph-fill.ph-solar-panel:before {
  content: "\ed7a";
}
.ph-fill.ph-solar-roof:before {
  content: "\ed7b";
}
.ph-fill.ph-sort-ascending:before {
  content: "\e444";
}
.ph-fill.ph-sort-descending:before {
  content: "\e446";
}
.ph-fill.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph-fill.ph-spade:before {
  content: "\e448";
}
.ph-fill.ph-sparkle:before {
  content: "\e6a2";
}
.ph-fill.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph-fill.ph-speaker-high:before {
  content: "\e44a";
}
.ph-fill.ph-speaker-low:before {
  content: "\e44c";
}
.ph-fill.ph-speaker-none:before {
  content: "\e44e";
}
.ph-fill.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph-fill.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph-fill.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph-fill.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph-fill.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph-fill.ph-speaker-slash:before {
  content: "\e45a";
}
.ph-fill.ph-speaker-x:before {
  content: "\e45c";
}
.ph-fill.ph-speedometer:before {
  content: "\ee74";
}
.ph-fill.ph-sphere:before {
  content: "\ee66";
}
.ph-fill.ph-spinner:before {
  content: "\e66a";
}
.ph-fill.ph-spinner-ball:before {
  content: "\ee28";
}
.ph-fill.ph-spinner-gap:before {
  content: "\e66c";
}
.ph-fill.ph-spiral:before {
  content: "\e9fa";
}
.ph-fill.ph-split-horizontal:before {
  content: "\e872";
}
.ph-fill.ph-split-vertical:before {
  content: "\e876";
}
.ph-fill.ph-spotify-logo:before {
  content: "\e66e";
}
.ph-fill.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph-fill.ph-square:before {
  content: "\e45e";
}
.ph-fill.ph-square-half:before {
  content: "\e462";
}
.ph-fill.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph-fill.ph-square-logo:before {
  content: "\e690";
}
.ph-fill.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph-fill.ph-square-split-vertical:before {
  content: "\e874";
}
.ph-fill.ph-squares-four:before {
  content: "\e464";
}
.ph-fill.ph-stack:before {
  content: "\e466";
}
.ph-fill.ph-stack-minus:before {
  content: "\edf4";
}
.ph-fill.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph-fill.ph-stack-plus:before {
  content: "\edf6";
}
.ph-fill.ph-stack-simple:before {
  content: "\e468";
}
.ph-fill.ph-stairs:before {
  content: "\e8ec";
}
.ph-fill.ph-stamp:before {
  content: "\ea48";
}
.ph-fill.ph-standard-definition:before {
  content: "\ea90";
}
.ph-fill.ph-star:before {
  content: "\e46a";
}
.ph-fill.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph-fill.ph-star-four:before {
  content: "\e6a4";
}
.ph-fill.ph-star-half:before {
  content: "\e70a";
}
.ph-fill.ph-star-of-david:before {
  content: "\e89e";
}
.ph-fill.ph-steam-logo:before {
  content: "\ead4";
}
.ph-fill.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph-fill.ph-steps:before {
  content: "\ecbe";
}
.ph-fill.ph-stethoscope:before {
  content: "\e7ea";
}
.ph-fill.ph-sticker:before {
  content: "\e5ac";
}
.ph-fill.ph-stool:before {
  content: "\ea44";
}
.ph-fill.ph-stop:before {
  content: "\e46c";
}
.ph-fill.ph-stop-circle:before {
  content: "\e46e";
}
.ph-fill.ph-storefront:before {
  content: "\e470";
}
.ph-fill.ph-strategy:before {
  content: "\ea3a";
}
.ph-fill.ph-stripe-logo:before {
  content: "\e698";
}
.ph-fill.ph-student:before {
  content: "\e73e";
}
.ph-fill.ph-subset-of:before {
  content: "\edc0";
}
.ph-fill.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph-fill.ph-subtitles:before {
  content: "\e1a8";
}
.ph-fill.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph-fill.ph-subtract:before {
  content: "\ebd6";
}
.ph-fill.ph-subtract-square:before {
  content: "\ebd4";
}
.ph-fill.ph-subway:before {
  content: "\e498";
}
.ph-fill.ph-suitcase:before {
  content: "\e5ae";
}
.ph-fill.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph-fill.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph-fill.ph-sun:before {
  content: "\e472";
}
.ph-fill.ph-sun-dim:before {
  content: "\e474";
}
.ph-fill.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph-fill.ph-sunglasses:before {
  content: "\e816";
}
.ph-fill.ph-superset-of:before {
  content: "\edb8";
}
.ph-fill.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph-fill.ph-swap:before {
  content: "\e83c";
}
.ph-fill.ph-swatches:before {
  content: "\e5b8";
}
.ph-fill.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph-fill.ph-sword:before {
  content: "\e5ba";
}
.ph-fill.ph-synagogue:before {
  content: "\ecec";
}
.ph-fill.ph-syringe:before {
  content: "\e968";
}
.ph-fill.ph-t-shirt:before {
  content: "\e670";
}
.ph-fill.ph-table:before {
  content: "\e476";
}
.ph-fill.ph-tabs:before {
  content: "\e778";
}
.ph-fill.ph-tag:before {
  content: "\e478";
}
.ph-fill.ph-tag-chevron:before {
  content: "\e672";
}
.ph-fill.ph-tag-simple:before {
  content: "\e47a";
}
.ph-fill.ph-target:before {
  content: "\e47c";
}
.ph-fill.ph-taxi:before {
  content: "\e902";
}
.ph-fill.ph-tea-bag:before {
  content: "\e8e6";
}
.ph-fill.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph-fill.ph-television:before {
  content: "\e754";
}
.ph-fill.ph-television-simple:before {
  content: "\eae6";
}
.ph-fill.ph-tennis-ball:before {
  content: "\e720";
}
.ph-fill.ph-tent:before {
  content: "\e8ba";
}
.ph-fill.ph-terminal:before {
  content: "\e47e";
}
.ph-fill.ph-terminal-window:before {
  content: "\eae8";
}
.ph-fill.ph-test-tube:before {
  content: "\e7a0";
}
.ph-fill.ph-text-a-underline:before {
  content: "\ed34";
}
.ph-fill.ph-text-aa:before {
  content: "\e6ee";
}
.ph-fill.ph-text-align-center:before {
  content: "\e480";
}
.ph-fill.ph-text-align-justify:before {
  content: "\e482";
}
.ph-fill.ph-text-align-left:before {
  content: "\e484";
}
.ph-fill.ph-text-align-right:before {
  content: "\e486";
}
.ph-fill.ph-text-b:before {
  content: "\e5be";
}
.ph-fill.ph-text-bolder:before {
  content: "\e5be";
}
.ph-fill.ph-text-columns:before {
  content: "\ec96";
}
.ph-fill.ph-text-h:before {
  content: "\e6ba";
}
.ph-fill.ph-text-h-five:before {
  content: "\e6c4";
}
.ph-fill.ph-text-h-four:before {
  content: "\e6c2";
}
.ph-fill.ph-text-h-one:before {
  content: "\e6bc";
}
.ph-fill.ph-text-h-six:before {
  content: "\e6c6";
}
.ph-fill.ph-text-h-three:before {
  content: "\e6c0";
}
.ph-fill.ph-text-h-two:before {
  content: "\e6be";
}
.ph-fill.ph-text-indent:before {
  content: "\ea1e";
}
.ph-fill.ph-text-italic:before {
  content: "\e5c0";
}
.ph-fill.ph-text-outdent:before {
  content: "\ea1c";
}
.ph-fill.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph-fill.ph-text-subscript:before {
  content: "\ec98";
}
.ph-fill.ph-text-superscript:before {
  content: "\ec9a";
}
.ph-fill.ph-text-t:before {
  content: "\e48a";
}
.ph-fill.ph-text-t-slash:before {
  content: "\e488";
}
.ph-fill.ph-text-underline:before {
  content: "\e5c4";
}
.ph-fill.ph-textbox:before {
  content: "\eb0a";
}
.ph-fill.ph-thermometer:before {
  content: "\e5c6";
}
.ph-fill.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph-fill.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph-fill.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph-fill.ph-threads-logo:before {
  content: "\ed9e";
}
.ph-fill.ph-three-d:before {
  content: "\ea5a";
}
.ph-fill.ph-thumbs-down:before {
  content: "\e48c";
}
.ph-fill.ph-thumbs-up:before {
  content: "\e48e";
}
.ph-fill.ph-ticket:before {
  content: "\e490";
}
.ph-fill.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph-fill.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph-fill.ph-tilde:before {
  content: "\eda8";
}
.ph-fill.ph-timer:before {
  content: "\e492";
}
.ph-fill.ph-tip-jar:before {
  content: "\e7e2";
}
.ph-fill.ph-tipi:before {
  content: "\ed30";
}
.ph-fill.ph-tire:before {
  content: "\edd2";
}
.ph-fill.ph-toggle-left:before {
  content: "\e674";
}
.ph-fill.ph-toggle-right:before {
  content: "\e676";
}
.ph-fill.ph-toilet:before {
  content: "\e79a";
}
.ph-fill.ph-toilet-paper:before {
  content: "\e79c";
}
.ph-fill.ph-toolbox:before {
  content: "\eca0";
}
.ph-fill.ph-tooth:before {
  content: "\e9cc";
}
.ph-fill.ph-tornado:before {
  content: "\e88c";
}
.ph-fill.ph-tote:before {
  content: "\e494";
}
.ph-fill.ph-tote-simple:before {
  content: "\e678";
}
.ph-fill.ph-towel:before {
  content: "\ede6";
}
.ph-fill.ph-tractor:before {
  content: "\ec6e";
}
.ph-fill.ph-trademark:before {
  content: "\e9f0";
}
.ph-fill.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph-fill.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph-fill.ph-traffic-sign:before {
  content: "\e67a";
}
.ph-fill.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph-fill.ph-train:before {
  content: "\e496";
}
.ph-fill.ph-train-regional:before {
  content: "\e49e";
}
.ph-fill.ph-train-simple:before {
  content: "\e4a0";
}
.ph-fill.ph-tram:before {
  content: "\e9ec";
}
.ph-fill.ph-translate:before {
  content: "\e4a2";
}
.ph-fill.ph-trash:before {
  content: "\e4a6";
}
.ph-fill.ph-trash-simple:before {
  content: "\e4a8";
}
.ph-fill.ph-tray:before {
  content: "\e4aa";
}
.ph-fill.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph-fill.ph-archive-tray:before {
  content: "\e010";
}
.ph-fill.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph-fill.ph-treasure-chest:before {
  content: "\ede2";
}
.ph-fill.ph-tree:before {
  content: "\e6da";
}
.ph-fill.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph-fill.ph-tree-palm:before {
  content: "\e91a";
}
.ph-fill.ph-tree-structure:before {
  content: "\e67c";
}
.ph-fill.ph-tree-view:before {
  content: "\ee48";
}
.ph-fill.ph-trend-down:before {
  content: "\e4ac";
}
.ph-fill.ph-trend-up:before {
  content: "\e4ae";
}
.ph-fill.ph-triangle:before {
  content: "\e4b0";
}
.ph-fill.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph-fill.ph-trolley:before {
  content: "\e5b2";
}
.ph-fill.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph-fill.ph-trophy:before {
  content: "\e67e";
}
.ph-fill.ph-truck:before {
  content: "\e4b4";
}
.ph-fill.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph-fill.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph-fill.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph-fill.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph-fill.ph-umbrella:before {
  content: "\e684";
}
.ph-fill.ph-umbrella-simple:before {
  content: "\e686";
}
.ph-fill.ph-union:before {
  content: "\edbe";
}
.ph-fill.ph-unite:before {
  content: "\e87e";
}
.ph-fill.ph-unite-square:before {
  content: "\e878";
}
.ph-fill.ph-upload:before {
  content: "\e4be";
}
.ph-fill.ph-upload-simple:before {
  content: "\e4c0";
}
.ph-fill.ph-usb:before {
  content: "\e956";
}
.ph-fill.ph-user:before {
  content: "\e4c2";
}
.ph-fill.ph-user-check:before {
  content: "\eafa";
}
.ph-fill.ph-user-circle:before {
  content: "\e4c4";
}
.ph-fill.ph-user-circle-check:before {
  content: "\ec38";
}
.ph-fill.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph-fill.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph-fill.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph-fill.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph-fill.ph-user-focus:before {
  content: "\e6fc";
}
.ph-fill.ph-user-gear:before {
  content: "\e4cc";
}
.ph-fill.ph-user-list:before {
  content: "\e73c";
}
.ph-fill.ph-user-minus:before {
  content: "\e4ce";
}
.ph-fill.ph-user-plus:before {
  content: "\e4d0";
}
.ph-fill.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph-fill.ph-user-sound:before {
  content: "\eca8";
}
.ph-fill.ph-user-square:before {
  content: "\e4d4";
}
.ph-fill.ph-user-switch:before {
  content: "\e756";
}
.ph-fill.ph-users:before {
  content: "\e4d6";
}
.ph-fill.ph-users-four:before {
  content: "\e68c";
}
.ph-fill.ph-users-three:before {
  content: "\e68e";
}
.ph-fill.ph-van:before {
  content: "\e826";
}
.ph-fill.ph-vault:before {
  content: "\e76e";
}
.ph-fill.ph-vector-three:before {
  content: "\ee62";
}
.ph-fill.ph-vector-two:before {
  content: "\ee64";
}
.ph-fill.ph-vibrate:before {
  content: "\e4d8";
}
.ph-fill.ph-video:before {
  content: "\e740";
}
.ph-fill.ph-video-camera:before {
  content: "\e4da";
}
.ph-fill.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph-fill.ph-video-conference:before {
  content: "\edce";
}
.ph-fill.ph-vignette:before {
  content: "\eba2";
}
.ph-fill.ph-vinyl-record:before {
  content: "\ecac";
}
.ph-fill.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph-fill.ph-virus:before {
  content: "\e7d6";
}
.ph-fill.ph-visor:before {
  content: "\ee2a";
}
.ph-fill.ph-voicemail:before {
  content: "\e4de";
}
.ph-fill.ph-volleyball:before {
  content: "\e726";
}
.ph-fill.ph-wall:before {
  content: "\e688";
}
.ph-fill.ph-wallet:before {
  content: "\e68a";
}
.ph-fill.ph-warehouse:before {
  content: "\ecd4";
}
.ph-fill.ph-warning:before {
  content: "\e4e0";
}
.ph-fill.ph-warning-circle:before {
  content: "\e4e2";
}
.ph-fill.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph-fill.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph-fill.ph-washing-machine:before {
  content: "\ede8";
}
.ph-fill.ph-watch:before {
  content: "\e4e6";
}
.ph-fill.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph-fill.ph-wave-sine:before {
  content: "\ea9a";
}
.ph-fill.ph-wave-square:before {
  content: "\ea9e";
}
.ph-fill.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph-fill.ph-waveform:before {
  content: "\e802";
}
.ph-fill.ph-waveform-slash:before {
  content: "\e800";
}
.ph-fill.ph-waves:before {
  content: "\e6de";
}
.ph-fill.ph-webcam:before {
  content: "\e9b2";
}
.ph-fill.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph-fill.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph-fill.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph-fill.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph-fill.ph-wheelchair:before {
  content: "\e4e8";
}
.ph-fill.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph-fill.ph-wifi-high:before {
  content: "\e4ea";
}
.ph-fill.ph-wifi-low:before {
  content: "\e4ec";
}
.ph-fill.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph-fill.ph-wifi-none:before {
  content: "\e4f0";
}
.ph-fill.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph-fill.ph-wifi-x:before {
  content: "\e4f4";
}
.ph-fill.ph-wind:before {
  content: "\e5d2";
}
.ph-fill.ph-windmill:before {
  content: "\e9f8";
}
.ph-fill.ph-windows-logo:before {
  content: "\e692";
}
.ph-fill.ph-wine:before {
  content: "\e6b2";
}
.ph-fill.ph-wrench:before {
  content: "\e5d4";
}
.ph-fill.ph-x:before {
  content: "\e4f6";
}
.ph-fill.ph-x-circle:before {
  content: "\e4f8";
}
.ph-fill.ph-x-logo:before {
  content: "\e4bc";
}
.ph-fill.ph-x-square:before {
  content: "\e4fa";
}
.ph-fill.ph-yarn:before {
  content: "\ed9a";
}
.ph-fill.ph-yin-yang:before {
  content: "\e92a";
}
.ph-fill.ph-youtube-logo:before {
  content: "\e4fc";
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("../fonts/Satoshi-Light.woff2") format("woff2"), url("../fonts/Satoshi-Light.woff") format("woff"), url("../fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("../fonts/Satoshi-LightItalic.woff2") format("woff2"), url("../fonts/Satoshi-LightItalic.woff") format("woff"), url("../fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2"), url("../fonts/Satoshi-Regular.woff") format("woff"), url("../fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("../fonts/Satoshi-Italic.woff2") format("woff2"), url("../fonts/Satoshi-Italic.woff") format("woff"), url("../fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2"), url("../fonts/Satoshi-Medium.woff") format("woff"), url("../fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("../fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("../fonts/Satoshi-MediumItalic.woff") format("woff"), url("../fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2"), url("../fonts/Satoshi-Bold.woff") format("woff"), url("../fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("../fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("../fonts/Satoshi-BoldItalic.woff") format("woff"), url("../fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("../fonts/Satoshi-Black.woff2") format("woff2"), url("../fonts/Satoshi-Black.woff") format("woff"), url("../fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("../fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("../fonts/Satoshi-BlackItalic.woff") format("woff"), url("../fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Variable";
  src: url("../fonts/Satoshi-Variable.woff2") format("woff2"), url("../fonts/Satoshi-Variable.woff") format("woff"), url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("../fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("../fonts/Satoshi-VariableItalic.woff") format("woff"), url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Phosphor";
  src: url("../fonts/Phosphor.woff2") format("woff2"), url("../fonts/Phosphor.woff") format("woff"), url("../fonts/Phosphor.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../fonts/Phosphor-Duotone.woff2") format("woff2"), url("../fonts/Phosphor-Duotone.woff") format("woff"), url("../fonts/Phosphor-Duotone.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Phosphor-Fill";
  src: url("../fonts/Phosphor-Fill.woff2") format("woff2"), url("../fonts/Phosphor-Fill.woff") format("woff"), url("../fonts/Phosphor-Fill.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@layer base {
  :root {
    --jvm-border-color: #E5E6E7;
    --jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --jvm-tooltip-font-size: 0.9rem;
    --jvm-tooltip-bg-color: #337FFA;
    --jvm-tooltip-color: #FFF;
    --jvm-tooltip-padding: 3px 5px;
    --jvm-tooltip-shadow: var(--jvm-box-shadow);
    --jvm-tooltip-radius: 3px;
    --jvm-zoom-btn-bg-color: #292929;
    --jvm-zoom-btn-color: #FFF;
    --jvm-zoom-btn-size: 15px;
    --jvm-zoom-btn-radius: 3px;
    --jvm-series-container-right: 15px;
    --jvm-legend-bg-color: #FFF;
    --jvm-legend-radius: 0.15rem;
    --jvm-legend-margin-left: 0.75rem;
    --jvm-legend-padding: 0.6rem;
    --jvm-legend-title-padding-bottom: 0.5rem;
    --jvm-legend-title-margin-bottom: 0.575rem;
    --jvm-legend-tick-margin-top: 0.575rem;
    --jvm-legend-tick-sample-radius: 0;
    --jvm-legend-tick-sample-height: 12px;
    --jvm-legend-tick-sample-width: 30px;
    --jvm-legend-tick-text-font-size: 12px;
    --jvm-legend-tick-text-margin-top: 3px;
  }
  image, text, .jvm-zoom-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .jvm-container {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .jvm-tooltip {
    border-radius: var(--jvm-tooltip-radius);
    background-color: var(--jvm-tooltip-bg-color);
    color: var(--jvm-tooltip-color);
    font-size: var(--jvm-tooltip-font-size);
    box-shadow: var(--jvm-tooltip-shadow);
    padding: var(--jvm-tooltip-padding);
    white-space: nowrap;
    position: absolute;
    display: none;
  }
  .jvm-tooltip.active {
    display: block;
  }
  .jvm-zoom-btn {
    background-color: var(--jvm-zoom-btn-bg-color);
    color: var(--jvm-zoom-btn-color);
    border-radius: var(--jvm-zoom-btn-radius);
    height: var(--jvm-zoom-btn-size);
    width: var(--jvm-zoom-btn-size);
    box-sizing: border-box;
    position: absolute;
    left: 10px;
    line-height: var(--jvm-zoom-btn-size);
    text-align: center;
    cursor: pointer;
  }
  .jvm-zoom-btn.jvm-zoomin {
    top: var(--jvm-zoom-btn-size);
  }
  .jvm-zoom-btn.jvm-zoomout {
    top: calc(var(--jvm-zoom-btn-size) * 2 + var(--jvm-zoom-btn-size) / 3);
  }
  .jvm-series-container {
    position: absolute;
    right: var(--jvm-series-container-right);
  }
  .jvm-series-container.jvm-series-h {
    bottom: 15px;
  }
  .jvm-series-container.jvm-series-v {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.75rem;
    top: 15px;
  }
  .jvm-legend {
    background-color: var(--jvm-legend-bg-color);
    border: 1px solid var(--jvm-border-color);
    margin-left: var(--jvm-legend-margin-left);
    border-radius: var(--jvm-legend-radius);
    padding: var(--jvm-legend-padding);
    box-shadow: var(--jvm-box-shadow);
  }
  .jvm-legend-title {
    line-height: 1;
    border-bottom: 1px solid var(--jvm-border-color);
    padding-bottom: var(--jvm-legend-title-padding-bottom);
    margin-bottom: var(--jvm-legend-title-margin-bottom);
    text-align: left;
  }
  .jvm-legend-tick {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 40px;
  }
  .jvm-legend-tick:not(:first-child) {
    margin-top: var(--jvm-legend-tick-margin-top);
  }
  .jvm-legend-tick-sample {
    border-radius: var(--jvm-legend-tick-sample-radius);
    margin-right: 0.45rem;
    height: var(--jvm-legend-tick-sample-height);
    width: var(--jvm-legend-tick-sample-width);
  }
  .jvm-legend-tick-text {
    font-size: var(--jvm-legend-tick-text-font-size);
    text-align: center;
    line-height: 1;
  }
  .jvm-line[animation=true] {
    -webkit-animation: jvm-line-animation 10s linear forwards infinite;
    animation: jvm-line-animation 10s linear forwards infinite;
  }
  @-webkit-keyframes jvm-line-animation {
    from {
      stroke-dashoffset: 250;
    }
  }
  @keyframes jvm-line-animation {
    from {
      stroke-dashoffset: 250;
    }
  }
}
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px);
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: white;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}
.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #0073bb;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #00578d;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: #aaaaaa;
}
.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #0073bb;
  margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #00578d;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #aaaaaa;
}
:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}
.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
  position: relative;
}
.ts-dropdown, .ts-control, .ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}
.ts-control, .ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.ts-wrapper.single .ts-control {
  --ts-pr-caret: 2rem;
}
.ts-wrapper.single .ts-control::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.ts-wrapper.single .ts-control:not(.rtl)::after {
  right: 15px;
}
.ts-wrapper.single .ts-control.rtl::after {
  left: 15px;
}
.ts-wrapper.single.dropdown-active .ts-control::after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.ts-wrapper.single.input-active .ts-control, .ts-wrapper.single.input-active .ts-control input {
  cursor: text;
}
.ts-wrapper {
  display: flex;
  min-height: 36px;
}
.ts-wrapper.multi.has-items .ts-control {
  padding-left: 5px;
  --ts-pr-min: $padding-x;
}
.ts-wrapper.multi .ts-control [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: color-mix(#1da7ee, #178ee9, 60%);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.ts-wrapper.multi .ts-control [data-value].active {
  background-color: color-mix(#008fd8, #0075cf, 60%);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}
.ts-wrapper.multi.disabled .ts-control [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  box-shadow: none;
}
.ts-wrapper.multi.disabled .ts-control [data-value], .ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  border-color: #e6e6e6;
}
.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  background: none;
}
.ts-wrapper.single .ts-control {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: color-mix(#fefefe, #f2f2f2, 60%);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
}
.ts-wrapper.single .ts-control, .ts-dropdown.single {
  border-color: #b8b8b8;
}
.dropdown-active .ts-control {
  border-radius: 3px 3px 0 0;
}
.ts-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.ts-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.ts-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single.input-active .ts-control {
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  gap: calc(0.25rem * 2);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  &:where(input) {
    display: inline-flex;
  }
  :where(input) {
    display: inline-flex;
    height: 100%;
    width: 100%;
    appearance: none;
    background-color: transparent;
    border: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  :where(input[type="url"]), :where(input[type="email"]) {
    direction: ltr;
  }
  :where(input[type="date"]) {
    display: inline-flex;
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    box-shadow: none;
  }
  &:has(> input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }
  &::-webkit-date-and-time-value {
    text-align: inherit;
  }
  &[type="number"] {
    &::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3);
      margin-inline-end: calc(0.25rem * -3);
    }
  }
  &::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: 0.75em;
  }
  &:has(> input[type="date"]) {
    :where(input[type="date"]) {
      display: inline-flex;
      webkit-appearance: none;
      appearance: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
      width: 1em;
      height: 1em;
      cursor: pointer;
    }
  }
  display: flex;
  width: 100%;
  align-items: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-base-content);
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  background-image: none;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}
.ts-wrapper.single .ts-control.border-success {
  border-color: var(--color-success);
  &:focus {
    border-color: var(--color-success);
  }
}
.ts-wrapper.single .ts-control.border-error {
  border-color: var(--color-error);
  &:focus {
    border-color: var(--color-error);
  }
}
.ts-control input {
  cursor: pointer;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-base-content);
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  padding: 0 !important;
  margin: 0 !important;
}
.ts-wrapper.single .ts-control .item {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-base-content);
  padding: 0;
}
.ts-wrapper.disabled .ts-control {
  background-color: var(--color-base-200) !important;
  background-image: none !important;
  opacity: 1 !important;
}
.ts-wrapper.single.disabled .ts-control, .ts-wrapper.single.locked .ts-control, .ts-wrapper.single .ts-control[disabled] {
  cursor: not-allowed !important;
  border-color: var(--color-base-200) !important;
  background-color: var(--color-base-200) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--color-base-content) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
  }
  opacity: 1 !important;
}
.ts-wrapper.tom-select.single.disabled .ts-control, .ts-wrapper.tom-select.single.locked .ts-control {
  cursor: not-allowed !important;
  border-color: var(--color-base-200) !important;
  background-color: var(--color-base-200) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--color-base-content) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
  }
  opacity: 1 !important;
}
.ts-wrapper.single .ts-control[disabled] .item {
  color: var(--color-base-content) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
  }
}
.ts-wrapper.single.disabled .ts-control .item, .ts-wrapper.single.locked .ts-control .item {
  color: var(--color-base-content) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
  }
}
.ts-wrapper.tom-select.single.disabled .ts-control .item, .ts-wrapper.tom-select.single.locked .ts-control .item {
  color: var(--color-base-content) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
  }
}
.ts-dropdown {
  margin-top: calc(var(--spacing) * 1);
  border-radius: var(--radius-field);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
  background-color: var(--color-base-100);
}
.ts-dropdown .option {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-base-content);
}
.ts-dropdown .active {
  background-color: var(--color-base-200);
}
.ts-wrapper:not(.plugin-dropdown_input) .ts-control:focus, .ts-wrapper.focus:not(.plugin-dropdown_input) .ts-control {
  border: 2px solid var(--color-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}
.ts-wrapper.plugin-dropdown_input .ts-control:focus, .ts-wrapper.plugin-dropdown_input.focus .ts-control, .ts-wrapper.plugin-dropdown_input.input-active .ts-control {
  border: 1px solid var(--color-base-content / 20) !important;
  outline: none !important;
  box-shadow: none !important;
}
button.gridjs-sort {
  margin: calc(var(--spacing) * 0);
  margin-left: calc(var(--spacing) * 1);
  display: inline-flex;
  height: calc(var(--spacing) * 5);
  width: 13px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  padding: calc(var(--spacing) * 0);
  vertical-align: middle;
  --tw-leading: 1;
  line-height: 1;
  --tw-outline-style: none;
  outline-style: none;
}
button.gridjs-sort-neutral {
  opacity: 0.3;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: center;
}
button.gridjs-sort-asc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: 35%;
  background-size: 10px;
}
button.gridjs-sort-desc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: 65%;
  background-size: 10px;
}
button.gridjs-sort:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.gridjs-head button, .gridjs-footer button {
  margin: calc(var(--spacing) * 0);
  cursor: pointer;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  --tw-outline-style: none;
  outline-style: none;
}
.gridjs-temp {
  position: relative;
}
.gridjs-head {
  margin-bottom: 5px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  @media (width >= 48rem) {
    flex-direction: row;
  }
  @media (width >= 48rem) {
    align-items: center;
  }
}
.gridjs-head::after {
  clear: both;
  display: block;
  content: "";
}
.gridjs-head:empty {
  --tw-border-style: none;
  border-style: none;
  padding: calc(var(--spacing) * 0);
}
.table-title {
  width: 100%;
  flex-shrink: 0;
  @media (width >= 48rem) {
    width: auto;
  }
}
.gridjs-container {
  position: relative;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  color: var(--color-base-content);
}
.gridjs-footer {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.gridjs-footer:empty {
  padding: calc(var(--spacing) * 0);
}
.gridjs-container .gridjs-footer {
  padding-inline: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 0);
}
input.gridjs-input {
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  &:where(input) {
    display: inline-flex;
  }
  :where(input) {
    display: inline-flex;
    height: 100%;
    width: 100%;
    appearance: none;
    background-color: transparent;
    border: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  :where(input[type="url"]), :where(input[type="email"]) {
    direction: ltr;
  }
  :where(input[type="date"]) {
    display: inline-flex;
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    box-shadow: none;
  }
  &:has(> input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }
  &::-webkit-date-and-time-value {
    text-align: inherit;
  }
  &[type="number"] {
    &::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3);
      margin-inline-end: calc(0.25rem * -3);
    }
  }
  &::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: 0.75em;
  }
  &:has(> input[type="date"]) {
    :where(input[type="date"]) {
      display: inline-flex;
      webkit-appearance: none;
      appearance: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
      width: 1em;
      height: 1em;
      cursor: pointer;
    }
  }
  --size: calc(var(--size-field, 0.25rem) * 8);
  font-size: 0.75rem;
  &[type="number"] {
    &::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -2);
      margin-inline-end: calc(0.25rem * -3);
    }
  }
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.gridjs-pagination {
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
.gridjs-pagination::after {
  clear: both;
  display: block;
  content: "";
}
.gridjs-pagination .gridjs-summary {
  float: left;
  margin-top: 5px;
}
.gridjs-pagination .gridjs-pages {
  float: right;
  border-radius: var(--radius-selector);
}
.gridjs-pagination .gridjs-pages button {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
  border-color: var(--color-base-300);
  background-color: var(--color-base-100);
  padding-inline: 14px;
  padding-block: 5px;
  --tw-outline-style: none;
  outline-style: none;
  -webkit-user-select: none;
  user-select: none;
}
.gridjs-pagination .gridjs-pages button:focus {
  position: relative;
  margin-right: -1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-base-300);
}
.gridjs-pagination .gridjs-pages button:hover {
  border-radius: var(--radius-selector);
  background-color: var(--color-base-200);
  color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  --tw-outline-style: none;
  outline-style: none;
}
.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button[disabled], .gridjs-pagination .gridjs-pages button:hover:disabled {
  cursor: default;
  background-color: var(--color-base-100);
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
  }
}
.gridjs-pagination .gridjs-pages button.gridjs-spread {
  cursor: default;
  background-color: var(--color-base-100);
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  border-radius: var(--radius-selector);
  background-color: var(--color-primary);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral);
}
.gridjs-pagination .gridjs-pages button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-base-300);
}
.gridjs-pagination .gridjs-pages button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.gridjs-pagination .gridjs-pages button:last-child:focus {
  margin-right: calc(var(--spacing) * 0);
}
table.gridjs-table {
  font-size: 0.875rem;
  position: relative;
  width: 100%;
  border-radius: var(--radius-box);
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }
  tr.row-hover {
    &, &:nth-child(even) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-base-200);
        }
      }
    }
  }
  :where(th, td) {
    padding-inline: calc(0.25rem * 4);
    padding-block: calc(0.25rem * 3);
    vertical-align: middle;
  }
  :where(thead, tfoot) {
    white-space: nowrap;
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
    font-size: 0.875rem;
    font-weight: 600;
  }
  :where(tfoot) {
    border-top: var(--border) solid var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
    }
  }
  :where(.table-pin-rows thead tr) {
    position: sticky;
    top: calc(0.25rem * 0);
    z-index: 1;
    background-color: var(--color-base-100);
  }
  :where(.table-pin-rows tfoot tr) {
    position: sticky;
    bottom: calc(0.25rem * 0);
    z-index: 1;
    background-color: var(--color-base-100);
  }
  :where(.table-pin-cols tr th) {
    position: sticky;
    right: calc(0.25rem * 0);
    left: calc(0.25rem * 0);
    background-color: var(--color-base-100);
  }
  :where(thead tr, tbody tr:not(:last-child)) {
    border-bottom: var(--border) solid var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
    }
  }
  margin: calc(var(--spacing) * 0);
  display: table;
  min-width: 100%;
  border-collapse: collapse;
  padding: calc(var(--spacing) * 0);
  text-align: left;
  table-layout: auto;
}
.gridjs-tbody {
  background-color: var(--color-base-100);
}
td.gridjs-td {
  box-sizing: content-box;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-base-300);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  overflow-wrap: break-word;
  white-space: normal;
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
td.gridjs-td:first-child {
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
}
td.gridjs-td:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
td.gridjs-message {
  text-align: center;
}
th.gridjs-th {
  position: relative;
  padding-block: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 2);
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  white-space: nowrap;
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
th.gridjs-th .gridjs-th-content {
  display: inline-flex;
  min-height: 1.5em;
  width: auto;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
}
th.gridjs-th-sort {
  cursor: pointer;
}
th.gridjs-th-sort:hover {
  background-color: var(--color-base-200);
}
th.gridjs-th-sort:focus {
  background-color: var(--color-base-200);
}
th.gridjs-th-fixed {
  position: sticky;
}
table.gridjs-table :where(th, td) {
  padding-inline-start: calc(var(--spacing) * 0);
}
th.gridjs-th:first-child {
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
}
th.gridjs-th:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.gridjs-tr {
  --tw-border-style: none;
  border-style: none;
}
.gridjs-tbody .gridjs-tr {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-base-200);
    }
  }
}
.gridjs-tr-selected td {
  background-color: var(--color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
}
.gridjs-tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.gridjs *, .gridjs :after, .gridjs :before {
  box-sizing: border-box;
}
.gridjs-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gridjs-search {
  margin-left: auto;
  width: 100%;
  @media (width >= 48rem) {
    width: auto;
  }
}
.gridjs-search-input {
  width: calc(var(--spacing) * 44) !important;
}
.gridjs-loading-bar {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 10;
  background-color: var(--color-base-100);
  opacity: 50%;
}
.gridjs-td .gridjs-checkbox {
  margin-inline: auto;
  display: block;
  cursor: pointer;
}
.gridjs-resizable {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  width: 5px;
}
.gridjs-resizable:hover {
  cursor: ew-resize;
  background-color: var(--color-primary);
}
.gridjs-loading-bar::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient( 90deg, rgba(204, 204, 204, 0) 0, rgba(204, 204, 204, 0.2) 20%, rgba(204, 204, 204, 0.5) 60%, rgba(204, 204, 204, 0) );
  animation: shimmer 2s infinite;
  content: "";
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
input.pika-single {
  border-color: var(--input-color) !important;
  border-bottom-color: var(--input-color) !important;
}
input.pika-single:focus, input.pika-single:focus-within {
  border-color: var(--color-primary) !important;
  border-bottom-color: var(--color-primary) !important;
  border-width: 2px !important;
}
.pika-single:not(input) {
  z-index: 10000;
  color: var(--color-base-content);
  background-color: var(--color-base-100);
  border: 1px solid oklch(from var(--color-base-content) l c h / 0.2);
  border-radius: 0.375rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.pika-table th, .pika-table td {
  padding: 2px !important;
  text-align: center !important;
  vertical-align: middle;
}
.pika-table th {
  color: var(--color-base-content);
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-title {
  color: var(--color-base-content);
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
}
.pika-prev, .pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  margin: 0;
}
.pika-prev:hover, .pika-next:hover {
  opacity: 1;
}
.pika-prev {
  float: left;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M7.5 2L4 5.5L7.5 9"/></svg>');
}
.pika-next {
  float: right;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M4.5 2L8 5.5L4.5 9"/></svg>');
}
.pika-prev.is-disabled, .pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 5px !important;
  margin: 0 !important;
  color: var(--color-base-content);
  text-align: center !important;
  cursor: pointer;
  background-color: transparent !important;
  border: 0;
  outline: none;
  transition: background-color 0.15s ease-out, color 0.15s ease-out, border-radius 0.15s ease-out;
}
.pika-button:hover:not(.is-selected):not(.is-disabled) {
  background-color: var(--color-base-200) !important;
  color: var(--color-base-content);
  border-radius: 7px;
  font-weight: bold;
  padding: 5px 5px !important;
  margin: 0 !important;
}
.pika-button.is-selected, td.is-selected .pika-button {
  color: #fff !important;
  font-weight: bold !important;
  background-color: var(--color-primary) !important;
  border-radius: 7px;
  padding: 5px 5px !important;
  margin: 0 !important;
}
.is-today .pika-button:not(.is-selected), td.is-today .pika-button:not(.is-selected) {
  color: var(--color-primary);
  font-weight: bold;
}
.pika-single:after {
  content: " ";
  display: table;
  clear: both;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Satoshi-Variable", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --min-height-screen-content: calc(100vh - 130px);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .diff {
    position: relative;
    display: grid;
    width: 100%;
    overflow: hidden;
    webkit-user-select: none;
    user-select: none;
    grid-template-rows: 1fr 1.8rem 1fr;
    direction: ltr;
    container-type: inline-size;
    grid-template-columns: auto 1fr;
    &:focus-visible, &:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
      .diff-resizer {
        min-width: 95cqi;
        max-width: 95cqi;
      }
    }
    &:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      .diff-resizer {
        min-width: 5cqi;
        max-width: 5cqi;
      }
    }
    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
      &:focus {
        .diff-resizer {
          min-width: 5cqi;
          max-width: 5cqi;
        }
      }
      &:has(.diff-item-1:focus) {
        .diff-resizer {
          min-width: 95cqi;
          max-width: 95cqi;
        }
      }
    }
  }
  .modal {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    inset: calc(0.25rem * 0);
    margin: calc(0.25rem * 0);
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    align-items: center;
    justify-items: center;
    background-color: transparent;
    padding: calc(0.25rem * 0);
    color: inherit;
    overflow-x: hidden;
    transition: translate 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
    overflow-y: hidden;
    overscroll-behavior: contain;
    z-index: 999;
    scrollbar-gutter: auto;
    &::backdrop {
      display: none;
    }
    &.modal-open, &[open], &:target {
      pointer-events: auto;
      visibility: visible;
      opacity: 100%;
      background-color: oklch(0% 0 0/ 0.4);
      .modal-box {
        translate: 0 0;
        scale: 1;
        opacity: 1;
      }
    }
    @starting-style {
      &.modal-open, &[open], &:target {
        visibility: hidden;
        opacity: 0%;
      }
    }
  }
  .tooltip {
    position: relative;
    display: inline-block;
    --tt-bg: var(--color-neutral);
    --tt-off: calc(100% + 0.5rem);
    --tt-tail: calc(100% + 1px + 0.25rem);
    > :where(.tooltip-content), &:where([data-tip]):before {
      position: absolute;
      max-width: 20rem;
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 2);
      padding-block: calc(0.25rem * 1);
      text-align: center;
      white-space: normal;
      color: var(--color-neutral-content);
      opacity: 0%;
      font-size: 0.875rem;
      line-height: 1.25;
      background-color: var(--tt-bg);
      width: max-content;
      pointer-events: none;
      z-index: 2;
      --tw-content: attr(data-tip);
      content: var(--tw-content);
    }
    @media (prefers-reduced-motion: no-preference) {
      & > :where(.tooltip-content), &:where([data-tip]):before {
        transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
      }
    }
    @media (prefers-reduced-motion: no-preference) {
      &:after {
        transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
      }
    }
    &:after {
      opacity: 0%;
      background-color: var(--tt-bg);
      content: "";
      pointer-events: none;
      width: 0.625rem;
      height: 0.25rem;
      display: block;
      position: absolute;
      mask-repeat: no-repeat;
      mask-position: -1px 0;
      --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
      mask-image: var(--mask-tooltip);
    }
    &.tooltip-open, &[data-tip]:not([data-tip=""]):hover, &:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, &:has(:focus-visible) {
      > .tooltip-content, &[data-tip]:before, &:after {
        opacity: 100%;
        --tt-pos: 0rem;
      }
      @media (prefers-reduced-motion: no-preference) {
        & > .tooltip-content, &[data-tip]:before, &:after {
          transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        }
      }
    }
    > .tooltip-content, &[data-tip]:before {
      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
      inset: auto auto var(--tt-off) 50%;
    }
    &:after {
      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
      inset: auto auto var(--tt-tail) 50%;
    }
  }
  .tab {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    appearance: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    webkit-user-select: none;
    user-select: none;
    &:hover {
      @media (hover: hover) {
        color: var(--color-base-content);
      }
    }
    --tab-p: 1rem;
    --tab-bg: var(--color-base-100);
    --tab-border-color: var(--color-base-300);
    --tab-radius-ss: 0;
    --tab-radius-se: 0;
    --tab-radius-es: 0;
    --tab-radius-ee: 0;
    --tab-order: 0;
    --tab-radius-min: calc(0.75rem - var(--border));
    border-color: #0000;
    order: var(--tab-order);
    height: var(--tab-height);
    font-size: 0.875rem;
    padding-inline-start: var(--tab-p);
    padding-inline-end: var(--tab-p);
    &:is(input[type="radio"]) {
      min-width: fit-content;
      &:after {
        content: attr(aria-label);
      }
    }
    &:is(label) {
      position: relative;
      input {
        position: absolute;
        inset: calc(0.25rem * 0);
        cursor: pointer;
        appearance: none;
        opacity: 0%;
      }
    }
    &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
      & + .tab-content {
        display: block;
        height: calc(100% - var(--tab-height) + var(--border));
      }
    }
    &:not( :checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"] ) {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }
    &:not(input):empty {
      flex-grow: 1;
      cursor: default;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible, &:is(label:has(:checked:focus-visible)) {
      outline: 2px solid currentColor;
      outline-offset: -5px;
    }
    &[disabled] {
      pointer-events: none;
      opacity: 40%;
    }
  }
  .menu {
    display: flex;
    width: fit-content;
    flex-direction: column;
    flex-wrap: wrap;
    padding: calc(0.25rem * 2);
    --menu-active-fg: var(--color-neutral-content);
    --menu-active-bg: var(--color-neutral);
    font-size: 0.875rem;
    :where(li ul) {
      position: relative;
      margin-inline-start: calc(0.25rem * 4);
      padding-inline-start: calc(0.25rem * 2);
      white-space: nowrap;
      &:before {
        position: absolute;
        inset-inline-start: calc(0.25rem * 0);
        top: calc(0.25rem * 3);
        bottom: calc(0.25rem * 3);
        background-color: var(--color-base-content);
        opacity: 10%;
        width: var(--border);
        content: "";
      }
    }
    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
      display: none;
    }
    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      display: grid;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1.5);
      text-align: start;
      transition-property: color, background-color, box-shadow;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      text-wrap: balance;
      user-select: none;
    }
    :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      &::-webkit-details-marker {
        display: none;
      }
    }
    :where(li > details > summary), :where(li > .menu-dropdown-toggle) {
      &:after {
        justify-self: flex-end;
        display: block;
        height: 0.375rem;
        width: 0.375rem;
        rotate: -135deg;
        translate: 0 -1px;
        transition-property: rotate, translate;
        transition-duration: 0.2s;
        content: "";
        transform-origin: 50% 50%;
        box-shadow: 2px 2px inset;
        pointer-events: none;
      }
    }
    :where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      rotate: 45deg;
      translate: 0 1px;
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {
      &.menu-focus, &:focus-visible {
        cursor: pointer;
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
      cursor: pointer;
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
    }
    :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: 10%;
      margin: 0.5rem 1rem;
      height: 1px;
    }
    :where(li) {
      position: relative;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: stretch;
      .badge {
        justify-self: flex-end;
      }
      & > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
        color: var(--menu-active-fg);
        background-color: var(--menu-active-bg);
        background-size: auto, calc(var(--noise) * 100%);
        background-image: none, var(--fx-noise);
        &:not(&:active) {
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
        }
      }
      &.menu-disabled {
        pointer-events: none;
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    .dropdown:focus-within {
      .menu-dropdown-toggle:after {
        rotate: 45deg;
        translate: 0 1px;
      }
    }
    .dropdown-content {
      margin-top: calc(0.25rem * 2);
      padding: calc(0.25rem * 2);
      &:before {
        display: none;
      }
    }
  }
  .collapse-arrow {
    > .collapse-title:after {
      position: absolute;
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      transform: translateY(-100%) rotate(45deg);
      @media (prefers-reduced-motion: no-preference) {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.2s;
      }
      top: 50%;
      inset-inline-end: 1.4rem;
      content: "";
      transform-origin: 75% 75%;
      box-shadow: 2px 2px;
      pointer-events: none;
    }
  }
  .pika-single {
    &:is(div) {
      user-select: none;
      font-size: 0.75rem;
      z-index: 999;
      display: inline-block;
      position: relative;
      color: var(--color-base-content);
      background-color: var(--color-base-100);
      border-radius: var(--radius-box);
      border: var(--border) solid var(--color-base-200);
      padding: 0.5rem;
      &:before, &:after {
        content: "";
        display: table;
      }
      &:after {
        clear: both;
      }
      &.is-hidden {
        display: none;
      }
      &.is-bound {
        position: absolute;
      }
      .pika-lendar {
        css-float: left;
      }
      .pika-title {
        position: relative;
        text-align: center;
        select {
          cursor: pointer;
          position: absolute;
          z-index: 999;
          margin: 0;
          left: 0;
          top: 5px;
          opacity: 0;
        }
      }
      .pika-label {
        display: inline-block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        margin: 0;
        padding: 5px 3px;
        background-color: var(--color-base-100);
      }
      .pika-prev, .pika-next {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0;
        outline: none;
        border: 0;
        width: 2.25rem;
        height: 2.25rem;
        color: #0000;
        font-size: 1.2em;
        border-radius: var(--radius-field);
        &:hover {
          background-color: var(--color-base-200);
        }
        &.is-disabled {
          cursor: default;
          opacity: 0.2;
        }
        &:before {
          display: inline-block;
          width: 2.25rem;
          height: 2.25rem;
          line-height: 2.25;
          color: var(--color-base-content);
        }
      }
      .pika-prev {
        left: 0;
        &:before {
          content: "‹";
        }
      }
      .pika-next {
        right: 0;
        &:before {
          content: "›";
        }
      }
      .pika-select {
        display: inline-block;
      }
      .pika-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
        th, td {
          padding: 0;
        }
        th {
          opacity: 0.6;
          text-align: center;
          width: 2.25rem;
          height: 2.25rem;
        }
      }
      .pika-button {
        cursor: pointer;
        display: block;
        outline: none;
        border: 0;
        margin: 0;
        width: 2.25rem;
        height: 2.25rem;
        padding: 5px;
        text-align: right;
        text-align: center;
      }
      .pika-week {
        color: var(--color-base-content);
      }
      .is-today {
        .pika-button {
          background: var(--color-primary);
          color: var(--color-primary-content);
        }
      }
      .is-selected, .has-event {
        .pika-button {
          &, &:hover {
            color: var(--color-base-100);
            background-color: var(--color-base-content);
            border-radius: var(--radius-field);
          }
        }
      }
      .has-event {
        .pika-button {
          background: var(--color-base-primary);
        }
      }
      .is-disabled, .is-inrange {
        .pika-button {
          background: var(--color-base-primary);
        }
      }
      .is-startrange {
        .pika-button {
          color: var(--color-base-100);
          background: var(--color-base-content);
          border-radius: var(--radius-field);
        }
      }
      .is-endrange {
        .pika-button {
          color: var(--color-base-100);
          background: var(--color-base-content);
          border-radius: var(--radius-field);
        }
      }
      .is-disabled {
        .pika-button {
          pointer-events: none;
          cursor: default;
          color: var(--color-base-content);
          opacity: 0.3;
        }
      }
      .is-outside-current-month {
        .pika-button {
          color: var(--color-base-content);
          opacity: 0.3;
        }
      }
      .is-selection-disabled {
        pointer-events: none;
        cursor: default;
      }
      .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
        color: var(--color-base-content);
        background-color: var(--color-base-200);
        border-radius: var(--radius-field);
      }
      .pika-table abbr {
        text-decoration: none;
        font-weight: normal;
      }
    }
  }
  .dropdown {
    position: relative;
    display: inline-block;
    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
    & > *:not(summary):focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    .dropdown-content {
      position: absolute;
    }
    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {
      .dropdown-content {
        display: none;
        transform-origin: top;
        opacity: 0%;
        scale: 95%;
      }
    }
    &[popover], .dropdown-content {
      z-index: 999;
      @media (prefers-reduced-motion: no-preference) {
        animation: dropdown 0.2s;
        transition-property: opacity, scale, display;
        transition-behavior: allow-discrete;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
    }
    @starting-style {
      &[popover], .dropdown-content {
        scale: 95%;
        opacity: 0;
      }
    }
    &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {
      > [tabindex]:first-child {
        pointer-events: none;
      }
      .dropdown-content {
        opacity: 100%;
      }
    }
    &.dropdown-hover:hover {
      .dropdown-content {
        opacity: 100%;
        scale: 100%;
      }
    }
    &:is(details) {
      summary {
        &::-webkit-details-marker {
          display: none;
        }
      }
    }
    &.dropdown-open, &:focus, &:focus-within {
      .dropdown-content {
        scale: 100%;
      }
    }
    &:where([popover]) {
      background: #0000;
    }
    &[popover] {
      position: fixed;
      color: inherit;
      @supports not (position-area: bottom) {
        margin: auto;
        &.dropdown-open:not(:popover-open) {
          display: none;
          transform-origin: top;
          opacity: 0%;
          scale: 95%;
        }
        &::backdrop {
          background-color: color-mix(in oklab, #000 30%, #0000);
        }
      }
      &:not(.dropdown-open, :popover-open) {
        display: none;
        transform-origin: top;
        opacity: 0%;
        scale: 95%;
      }
    }
  }
  .\!btn {
    :where(&) {
      width: unset !important;
    }
    display: inline-flex !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(0.25rem * 1.5) !important;
    text-align: center !important;
    vertical-align: middle !important;
    outline-offset: 2px !important;
    webkit-user-select: none !important;
    user-select: none !important;
    padding-inline: var(--btn-p) !important;
    color: var(--btn-fg) !important;
    --tw-prose-links: var(--btn-fg) !important;
    height: var(--size) !important;
    font-size: var(--fontsize, 0.875rem) !important;
    font-weight: 600 !important;
    outline-color: var(--btn-color, var(--color-base-content)) !important;
    transition-property: color, background-color, border-color, box-shadow !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-duration: 0.2s !important;
    border-start-start-radius: var(--join-ss, var(--radius-field)) !important;
    border-start-end-radius: var(--join-se, var(--radius-field)) !important;
    border-end-start-radius: var(--join-es, var(--radius-field)) !important;
    border-end-end-radius: var(--join-ee, var(--radius-field)) !important;
    background-color: var(--btn-bg) !important;
    background-size: auto, calc(var(--noise) * 100%) !important;
    background-image: none, var(--btn-noise) !important;
    border-width: var(--border) !important;
    border-style: solid !important;
    border-color: var(--btn-border) !important;
    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15)) !important;
    touch-action: manipulation !important;
    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow) !important;
    --size: calc(var(--size-field, 0.25rem) * 10) !important;
    --btn-bg: var(--btn-color, var(--color-base-200)) !important;
    --btn-fg: var(--color-base-content) !important;
    --btn-p: 1rem !important;
    --btn-border: var(--btn-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)) !important;
    }
    --btn-shadow: 0 3px 2px -2px var(--btn-bg),
    0 4px 3px -2px var(--btn-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
    0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000) !important;
    }
    --btn-noise: var(--fx-noise) !important;
    .prose & {
      text-decoration-line: none !important;
    }
    @media (hover: hover) {
      &:hover {
        --btn-bg: var(--btn-color, var(--color-base-200)) !important;
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%) !important;
        }
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline-width: 2px !important;
      outline-style: solid !important;
      isolation: isolate !important;
    }
    &:active:not(.btn-active) {
      translate: 0 0.5px !important;
      --btn-bg: var(--btn-color, var(--color-base-200)) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%) !important;
      }
      --btn-border: var(--btn-color, var(--color-base-200)) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%) !important;
      }
      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0) !important;
    }
    &:is(:disabled, [disabled], .btn-disabled) {
      &:not(.btn-link, .btn-ghost) {
        background-color: var(--color-base-content) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent) !important;
        }
        box-shadow: none !important;
      }
      pointer-events: none !important;
      --btn-border: #0000 !important;
      --btn-noise: none !important;
      --btn-fg: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000) !important;
      }
      @media (hover: hover) {
        &:hover {
          pointer-events: none !important;
          background-color: var(--color-neutral) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent) !important;
          }
          --btn-border: #0000 !important;
          --btn-fg: var(--color-base-content) !important;
          @supports (color: color-mix(in lab, red, red)) {
            --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000) !important;
          }
        }
      }
    }
    &:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none !important;
      &::after {
        content: attr(aria-label) !important;
      }
    }
    &:where(input:checked:not(.filter .\!btn)) {
      --btn-color: var(--color-primary) !important;
      --btn-fg: var(--color-primary-content) !important;
      isolation: isolate !important;
    }
  }
  .btn {
    :where(&) {
      width: unset;
    }
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 1.5);
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, 0.875rem);
    font-weight: 600;
    outline-color: var(--btn-color, var(--color-base-content));
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 0.2s;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
    touch-action: manipulation;
    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, 0.25rem) * 10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
    --btn-shadow: 0 3px 2px -2px var(--btn-bg),
    0 4px 3px -2px var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
    0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
    --btn-noise: var(--fx-noise);
    .prose & {
      text-decoration-line: none;
    }
    @media (hover: hover) {
      &:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline-width: 2px;
      outline-style: solid;
      isolation: isolate;
    }
    &:active:not(.btn-active) {
      translate: 0 0.5px;
      --btn-bg: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
      }
      --btn-border: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
    }
    &:is(:disabled, [disabled], .btn-disabled) {
      &:not(.btn-link, .btn-ghost) {
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        box-shadow: none;
      }
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
      @media (hover: hover) {
        &:hover {
          pointer-events: none;
          background-color: var(--color-neutral);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
          }
          --btn-border: #0000;
          --btn-fg: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }
    &:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
      &::after {
        content: attr(aria-label);
      }
    }
    &:where(input:checked:not(.filter .btn)) {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
      isolation: isolate;
    }
  }
  .loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-color: currentcolor;
    vertical-align: middle;
    width: calc(var(--size-selector, 0.25rem) * 6);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    &:not(td, tr, colgroup) {
      visibility: visible;
    }
    position: relative;
    display: grid;
    overflow: hidden;
    border-radius: var(--radius-box, 1rem);
    width: 100%;
    grid-template-rows: max-content 0fr;
    grid-template-columns: minmax(0, 1fr);
    isolation: isolate;
    @media (prefers-reduced-motion: no-preference) {
      transition: grid-template-rows 0.2s;
    }
    > input:is([type="checkbox"], [type="radio"]) {
      grid-column-start: 1;
      grid-row-start: 1;
      appearance: none;
      opacity: 0;
      z-index: 1;
      width: 100%;
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 1lh;
      transition: background-color 0.2s ease-out;
    }
    &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)), &:not(.collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
      grid-template-rows: max-content 1fr;
    }
    &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > .collapse-content, &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      visibility: visible;
      min-height: fit-content;
    }
    &:focus-visible, &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
      outline-color: var(--color-base-content);
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
    }
    &:not(.collapse-close) {
      > input[type="checkbox"], > input[type="radio"]:not(:checked), > .collapse-title {
        cursor: pointer;
      }
    }
    &[tabindex]:focus:not(.collapse-close, .collapse[open]), &[tabindex]:focus-within:not(.collapse-close, .collapse[open]) {
      > .collapse-title {
        cursor: unset;
      }
    }
    &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      padding-bottom: 1rem;
      @media (prefers-reduced-motion: no-preference) {
        transition: padding 0.2s ease-out, background-color 0.2s ease-out;
      }
    }
    &:is([open]) {
      &.collapse-arrow {
        > .collapse-title:after {
          @media (prefers-reduced-motion: no-preference) {
            transform: translateY(-50%) rotate(225deg);
          }
        }
      }
    }
    &.collapse-open {
      &.collapse-arrow {
        > .collapse-title:after {
          @media (prefers-reduced-motion: no-preference) {
            transform: translateY(-50%) rotate(225deg);
          }
        }
      }
      &.collapse-plus {
        > .collapse-title:after {
          content: "−";
        }
      }
    }
    &[tabindex].collapse-arrow:focus:not(.collapse-close), &.collapse-arrow[tabindex]:focus-within:not(.collapse-close) {
      > .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }
    &.collapse-arrow:not(.collapse-close) {
      > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }
    &[open] {
      &.collapse-plus {
        > .collapse-title:after {
          content: "−";
        }
      }
    }
    &[tabindex].collapse-plus:focus:not(.collapse-close) {
      > .collapse-title:after {
        content: "−";
      }
    }
    &.collapse-plus:not(.collapse-close) {
      > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
        content: "−";
      }
    }
    &:is(details) {
      width: 100%;
      @media (prefers-reduced-motion: no-preference) {
        @supports (transition: content-visibility allow-discrete) and (interpolate-size: allow-keywords) {
          &::details-content {
            transition: content-visibility 0.2s allow-discrete, height 0.2s;
            height: 0;
            interpolate-size: allow-keywords;
          }
          &:where([open], .collapse-open)::details-content {
            height: auto;
          }
        }
      }
      & summary {
        position: relative;
        display: block;
        &::-webkit-details-marker {
          display: none;
        }
      }
    }
    &:is(details) summary {
      outline: none;
    }
  }
  .collapse-content {
    grid-row-start: 1;
    visibility: hidden;
    grid-column-start: 1;
    grid-row-start: 2;
    min-height: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: unset;
    @media (prefers-reduced-motion: no-preference) {
      transition: visibility 0.2s, padding 0.2s ease-out, background-color 0.2s ease-out;
    }
  }
  .validator-hint {
    visibility: hidden;
    margin-top: calc(0.25rem * 2);
    font-size: 0.75rem;
  }
  .validator {
    &:user-valid, &:has(:user-valid) {
      &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
        --input-color: var(--color-success);
      }
    }
    &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]) {
      &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
        --input-color: var(--color-error);
      }
      & ~ .validator-hint {
        visibility: visible;
        display: block;
        color: var(--color-error);
      }
    }
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .list {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    :where(.list-row) {
      --list-grid-cols: minmax(0, auto) 1fr;
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 4);
      word-break: break-word;
      grid-template-columns: var(--list-grid-cols);
      &:has(.list-col-grow:nth-child(1)) {
        --list-grid-cols: 1fr;
      }
      &:has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }
      :not(.list-col-wrap) {
        grid-row-start: 1;
      }
    }
    & > :not(:last-child) {
      &.list-row, .list-row {
        &:after {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          bottom: calc(0.25rem * 0);
          border-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }
  }
  .toggle {
    border: var(--border) solid currentColor;
    color: var(--input-color);
    position: relative;
    display: inline-grid;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    place-content: center;
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    grid-template-columns: 0fr 1fr 1fr;
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
    padding: var(--toggle-p);
    box-shadow: 0 1px currentColor inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
    }
    transition: color 0.3s, grid-template-columns 0.2s;
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
    --toggle-p: calc(var(--size) * 0.125);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
    height: var(--size);
    > * {
      z-index: 1;
      grid-column: span 1 / span 1;
      grid-column-start: 2;
      grid-row-start: 1;
      height: 100%;
      cursor: pointer;
      appearance: none;
      background-color: transparent;
      padding: calc(0.25rem * 0.5);
      transition: opacity 0.2s, rotate 0.4s;
      border: none;
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:nth-child(2) {
        color: var(--color-base-100);
        rotate: 0deg;
      }
      &:nth-child(3) {
        color: var(--color-base-100);
        opacity: 0%;
        rotate: -15deg;
      }
    }
    &:has(:checked) {
      > :nth-child(2) {
        opacity: 0%;
        rotate: 15deg;
      }
      > :nth-child(3) {
        opacity: 100%;
        rotate: 0deg;
      }
    }
    &:before {
      position: relative;
      inset-inline-start: calc(0.25rem * 0);
      grid-column-start: 2;
      grid-row-start: 1;
      aspect-ratio: 1 / 1;
      height: 100%;
      border-radius: var(--radius-selector);
      background-color: currentcolor;
      translate: 0;
      --tw-content: "";
      content: var(--tw-content);
      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
      }
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }
    @media (forced-colors: active) {
      &:before {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-offset: calc(1px * -1);
      }
    }
    @media print {
      &:before {
        outline: 0.25rem solid;
        outline-offset: -1rem;
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"], &:has(> input:checked) {
      grid-template-columns: 1fr 1fr 0fr;
      background-color: var(--color-base-100);
      --input-color: var(--color-base-content);
      &:before {
        background-color: currentcolor;
      }
      @starting-style {
        &:before {
          opacity: 0;
        }
      }
    }
    &:indeterminate {
      grid-template-columns: 0.5fr 1fr 0.5fr;
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
      &:before {
        background-color: transparent;
        border: var(--border) solid currentColor;
      }
    }
  }
  .toggle\! {
    border: var(--border) solid currentColor !important;
    color: var(--input-color) !important;
    position: relative !important;
    display: inline-grid !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    appearance: none !important;
    place-content: center !important;
    vertical-align: middle !important;
    webkit-user-select: none !important;
    user-select: none !important;
    grid-template-columns: 0fr 1fr 1fr !important;
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  ) !important;
    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) ) !important;
    padding: var(--toggle-p) !important;
    box-shadow: 0 1px currentColor inset !important;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset !important;
    }
    transition: color 0.3s, grid-template-columns 0.2s !important;
    --input-color: var(--color-base-content) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000) !important;
    }
    --toggle-p: calc(var(--size) * 0.125) !important;
    --size: calc(var(--size-selector, 0.25rem) * 6) !important;
    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2) !important;
    height: var(--size) !important;
    > * {
      z-index: 1 !important;
      grid-column: span 1 / span 1 !important;
      grid-column-start: 2 !important;
      grid-row-start: 1 !important;
      height: 100% !important;
      cursor: pointer !important;
      appearance: none !important;
      background-color: transparent !important;
      padding: calc(0.25rem * 0.5) !important;
      transition: opacity 0.2s, rotate 0.4s !important;
      border: none !important;
      &:focus {
        --tw-outline-style: none !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
      &:nth-child(2) {
        color: var(--color-base-100) !important;
        rotate: 0deg !important;
      }
      &:nth-child(3) {
        color: var(--color-base-100) !important;
        opacity: 0% !important;
        rotate: -15deg !important;
      }
    }
    &:has(:checked) {
      > :nth-child(2) {
        opacity: 0% !important;
        rotate: 15deg !important;
      }
      > :nth-child(3) {
        opacity: 100% !important;
        rotate: 0deg !important;
      }
    }
    &:before {
      position: relative !important;
      inset-inline-start: calc(0.25rem * 0) !important;
      grid-column-start: 2 !important;
      grid-row-start: 1 !important;
      aspect-ratio: 1 / 1 !important;
      height: 100% !important;
      border-radius: var(--radius-selector) !important;
      background-color: currentcolor !important;
      translate: 0 !important;
      --tw-content: "" !important;
      content: var(--tw-content) !important;
      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s !important;
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor !important;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) !important;
      }
      background-size: auto, calc(var(--noise) * 100%) !important;
      background-image: none, var(--fx-noise) !important;
    }
    @media (forced-colors: active) {
      &:before {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 1px !important;
        outline-offset: calc(1px * -1) !important;
      }
    }
    @media print {
      &:before {
        outline: 0.25rem solid !important;
        outline-offset: -1rem !important;
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline: 2px solid currentColor !important;
      outline-offset: 2px !important;
    }
    &:checked, &[aria-checked="true"], &:has(> input:checked) {
      grid-template-columns: 1fr 1fr 0fr !important;
      background-color: var(--color-base-100) !important;
      --input-color: var(--color-base-content) !important;
      &:before {
        background-color: currentcolor !important;
      }
      @starting-style {
        &:before {
          opacity: 0 !important;
        }
      }
    }
    &:indeterminate {
      grid-template-columns: 0.5fr 1fr 0.5fr !important;
    }
    &:disabled {
      cursor: not-allowed !important;
      opacity: 30% !important;
      &:before {
        background-color: transparent !important;
        border: var(--border) solid currentColor !important;
      }
    }
  }
  .input {
    cursor: text;
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 2);
    background-color: var(--color-base-100);
    padding-inline: calc(0.25rem * 3);
    vertical-align: middle;
    white-space: nowrap;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    touch-action: manipulation;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    &:where(input) {
      display: inline-flex;
    }
    :where(input) {
      display: inline-flex;
      height: 100%;
      width: 100%;
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where(input[type="url"]), :where(input[type="email"]) {
      direction: ltr;
    }
    :where(input[type="date"]) {
      display: inline-flex;
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }
    &::-webkit-date-and-time-value {
      text-align: inherit;
    }
    &[type="number"] {
      &::-webkit-inner-spin-button {
        margin-block: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -3);
      }
    }
    &::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
    }
    &:has(> input[type="date"]) {
      :where(input[type="date"]) {
        display: inline-flex;
        webkit-appearance: none;
        appearance: none;
      }
      input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        inset-inline-end: 0.75em;
        width: 1em;
        height: 1em;
        cursor: pointer;
      }
    }
  }
  .indicator {
    position: relative;
    display: inline-flex;
    width: max-content;
    :where(.indicator-item) {
      z-index: 1;
      position: absolute;
      white-space: nowrap;
      top: var(--indicator-t, 0);
      bottom: var(--indicator-b, auto);
      left: var(--indicator-s, auto);
      right: var(--indicator-e, 0);
      translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
    }
  }
  .table {
    font-size: 0.875rem;
    position: relative;
    width: 100%;
    border-radius: var(--radius-box);
    text-align: left;
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }
    tr.row-hover {
      &, &:nth-child(even) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-base-200);
          }
        }
      }
    }
    :where(th, td) {
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      vertical-align: middle;
    }
    :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
      font-size: 0.875rem;
      font-weight: 600;
    }
    :where(tfoot) {
      border-top: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
    :where(.table-pin-rows thead tr) {
      position: sticky;
      top: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-rows tfoot tr) {
      position: sticky;
      bottom: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-cols tr th) {
      position: sticky;
      right: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      background-color: var(--color-base-100);
    }
    :where(thead tr, tbody tr:not(:last-child)) {
      border-bottom: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
  }
  .steps {
    display: inline-grid;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto;
    counter-reset: step;
    grid-auto-columns: 1fr;
    .step {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-columns: auto;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      grid-template-rows: 40px 1fr;
      place-items: center;
      text-align: center;
      min-width: 4rem;
      --step-bg: var(--color-base-300);
      --step-fg: var(--color-base-content);
      &:before {
        top: calc(0.25rem * 0);
        grid-column-start: 1;
        grid-row-start: 1;
        height: calc(0.25rem * 2);
        width: 100%;
        border: 1px solid;
        color: var(--step-bg);
        background-color: var(--step-bg);
        --tw-content: "";
        content: var(--tw-content);
        margin-inline-start: -100%;
      }
      > .step-icon, &:not(:has(.step-icon)):after {
        content: counter(step);
        counter-increment: step;
        z-index: 1;
        color: var(--step-fg);
        background-color: var(--step-bg);
        border: 1px solid var(--step-bg);
        position: relative;
        grid-column-start: 1;
        grid-row-start: 1;
        display: grid;
        height: calc(0.25rem * 8);
        width: calc(0.25rem * 8);
        place-items: center;
        place-self: center;
        border-radius: calc(infinity * 1px);
      }
      &:first-child:before {
        content: none;
      }
      &[data-content]:after {
        content: attr(data-content);
      }
    }
    .step-neutral {
      + .step-neutral:before, &:after, > .step-icon {
        --step-bg: var(--color-neutral);
        --step-fg: var(--color-neutral-content);
      }
    }
    .step-primary {
      + .step-primary:before, &:after, > .step-icon {
        --step-bg: var(--color-primary);
        --step-fg: var(--color-primary-content);
      }
    }
    .step-secondary {
      + .step-secondary:before, &:after, > .step-icon {
        --step-bg: var(--color-secondary);
        --step-fg: var(--color-secondary-content);
      }
    }
    .step-accent {
      + .step-accent:before, &:after, > .step-icon {
        --step-bg: var(--color-accent);
        --step-fg: var(--color-accent-content);
      }
    }
    .step-info {
      + .step-info:before, &:after, > .step-icon {
        --step-bg: var(--color-info);
        --step-fg: var(--color-info-content);
      }
    }
    .step-success {
      + .step-success:before, &:after, > .step-icon {
        --step-bg: var(--color-success);
        --step-fg: var(--color-success-content);
      }
    }
    .step-warning {
      + .step-warning:before, &:after, > .step-icon {
        --step-bg: var(--color-warning);
        --step-fg: var(--color-warning-content);
      }
    }
    .step-error {
      + .step-error:before, &:after, > .step-icon {
        --step-bg: var(--color-error);
        --step-fg: var(--color-error-content);
      }
    }
  }
  .range {
    appearance: none;
    webkit-appearance: none;
    --range-thumb: var(--color-base-100);
    --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
    --range-progress: currentColor;
    --range-fill: 1;
    --range-p: 0.25rem;
    --range-bg: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      --range-bg: color-mix(in oklab, currentColor 10%, #0000);
    }
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
    border: none;
    height: var(--range-thumb-size);
    [dir="rtl"] & {
      --range-dir: -1;
    }
    &:focus {
      outline: none;
    }
    &:focus-visible {
      outline: 2px solid;
      outline-offset: 2px;
    }
    &::-webkit-slider-runnable-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    @media (forced-colors: active) {
      &::-webkit-slider-runnable-track {
        border: 1px solid;
      }
    }
    @media (forced-colors: active) {
      &::-moz-range-track {
        border: 1px solid;
      }
    }
    &::-webkit-slider-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      appearance: none;
      webkit-appearance: none;
      top: 50%;
      color: var(--range-progress);
      transform: translateY(-50%);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &::-moz-range-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    &::-moz-range-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      top: 50%;
      color: var(--range-progress);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
    }
  }
  .countdown {
    display: inline-flex;
    &.countdown {
      line-height: 1em;
    }
    & > * {
      display: inline-block;
      overflow-y: hidden;
      height: 1em;
      &:before {
        position: relative;
        content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
        white-space: pre;
        top: calc(var(--value) * -1em);
        text-align: center;
        transition: all 1s cubic-bezier(1, 0, 0, 1);
      }
    }
  }
  .select {
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    background-color: var(--color-base-100);
    padding-inline-start: calc(0.25rem * 3);
    padding-inline-end: calc(0.25rem * 7);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    touch-action: manipulation;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    border-color: var(--input-color);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    [dir="rtl"] & {
      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
    }
    &:where([multiple]) {
      height: auto;
      padding-block: calc(0.25rem * 3);
      padding-inline-end: calc(0.25rem * 3);
      background-image: none;
    }
    select {
      margin-inline-start: calc(0.25rem * -3);
      margin-inline-end: calc(0.25rem * -7);
      width: calc(100% + 2.75rem);
      appearance: none;
      padding-inline-start: calc(0.25rem * 3);
      padding-inline-end: calc(0.25rem * 7);
      height: calc(100% - calc(var(--border) * 2));
      align-items: center;
      background: inherit;
      border-radius: inherit;
      border-style: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * -5.5);
        background-image: none;
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    &:has(> select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }
    &, & select {
      @supports (appearance: base-select) {
        appearance: base-select;
      }
      @supports (appearance: base-select) {
        &::picker(select) {
          appearance: base-select;
        }
      }
      &::picker(select) {
        color: inherit;
        max-height: min(24rem, 70dvh);
        border: var(--border) solid var(--color-base-200);
        margin-block: calc(0.25rem * 2);
        border-radius: var(--radius-box);
        padding: calc(0.25rem * 2);
        background-color: inherit;
        box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
        box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
      }
      &::picker-icon {
        display: none;
      }
      optgroup {
        padding-top: 0.5em;
        option {
          &:nth-child(1) {
            margin-top: 0.5em;
          }
        }
      }
      option {
        border-radius: var(--radius-field);
        padding-inline: calc(0.25rem * 3);
        padding-block: calc(0.25rem * 1.5);
        transition-property: color, background-color;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        &:not(:disabled) {
          &:hover, &:focus-visible {
            cursor: pointer;
            background-color: var(--color-base-content);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
            }
            --tw-outline-style: none;
            outline-style: none;
            @media (forced-colors: active) {
              outline: 2px solid transparent;
              outline-offset: 2px;
            }
          }
          &:active {
            background-color: var(--color-neutral);
            color: var(--color-neutral-content);
            box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
          }
        }
      }
    }
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-box);
    outline-width: 2px;
    transition: outline 0.2s ease-in-out;
    outline: 0 solid #0000;
    outline-offset: 2px;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline-color: currentColor;
    }
    :where(figure:first-child) {
      overflow: hidden;
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-start-radius: unset;
      border-end-end-radius: unset;
    }
    :where(figure:last-child) {
      overflow: hidden;
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-start-radius: inherit;
      border-end-end-radius: inherit;
    }
    &:where(.card-border) {
      border: var(--border) solid var(--color-base-200);
    }
    &:where(.card-dash) {
      border: var(--border) dashed var(--color-base-200);
    }
    &.image-full {
      display: grid;
      > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
      > .card-body {
        position: relative;
        color: var(--color-neutral-content);
      }
      :where(figure) {
        overflow: hidden;
        border-radius: inherit;
      }
      > figure img {
        height: 100%;
        object-fit: cover;
        filter: brightness(28%);
      }
    }
    figure {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      user-select: none;
    }
    &:has(> :checked) {
      outline: 2px solid currentColor;
    }
  }
  .swap {
    position: relative;
    display: inline-grid;
    cursor: pointer;
    place-content: center;
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    input {
      appearance: none;
      border: none;
    }
    > * {
      grid-column-start: 1;
      grid-row-start: 1;
      @media (prefers-reduced-motion: no-preference) {
        transition-property: transform, rotate, opacity;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
    }
    .swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on {
      opacity: 0%;
    }
    input:is(:checked, :indeterminate) {
      & ~ .swap-off {
        opacity: 0%;
      }
    }
    input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate {
      opacity: 100%;
      backface-visibility: visible;
    }
  }
  .collapse-title {
    grid-column-start: 1;
    grid-row-start: 1;
    position: relative;
    width: 100%;
    padding: 1rem;
    padding-inline-end: 3rem;
    min-height: 1lh;
    transition: background-color 0.2s ease-out;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .menu-vertical {
    display: inline-flex;
    flex-direction: column;
    & > li:not(.menu-title) > details > ul {
      position: relative;
      margin-inline-start: calc(0.25rem * 4);
      margin-top: calc(0.25rem * 0);
      padding-block: calc(0.25rem * 0);
      padding-inline-end: calc(0.25rem * 0);
    }
  }
  .avatar {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    & > div {
      display: block;
      aspect-ratio: 1 / 1;
      overflow: hidden;
    }
    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
  .checkbox {
    border: var(--border) solid var(--input-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
    transition: background-color 0.2s, box-shadow 0.2s;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    &:before {
      --tw-content: "";
      content: var(--tw-content);
      display: block;
      width: 100%;
      height: 100%;
      rotate: 45deg;
      background-color: currentcolor;
      opacity: 0%;
      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
      transition-delay: 0.1s;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      font-size: 1rem;
      line-height: 0.75;
    }
    &:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      &:before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity: 100%;
      }
      @media (forced-colors: active) {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
      @media print {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
    }
    &:indeterminate {
      background-color: var(--input-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
      &:before {
        rotate: 0deg;
        opacity: 100%;
        translate: 0 -35%;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .radio {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: calc(infinity * 1px);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    border: var(--border) solid var(--input-color, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
    }
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    color: var(--input-color, currentColor);
    &:before {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: calc(infinity * 1px);
      --tw-content: "";
      content: var(--tw-content);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }
    &:focus-visible {
      outline: 2px solid currentColor;
    }
    &:checked, &[aria-checked="true"] {
      border-color: currentcolor;
      background-color: var(--color-base-100);
      @media (prefers-reduced-motion: no-preference) {
        animation: radio 0.2s ease-out;
      }
      &:before {
        background-color: currentcolor;
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      }
      @media (forced-colors: active) {
        &:before {
          outline-style: var(--tw-outline-style);
          outline-width: 1px;
          outline-offset: calc(1px * -1);
        }
      }
      @media print {
        &:before {
          outline: 0.25rem solid;
          outline-offset: -1rem;
        }
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .rating {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    & input {
      border: none;
      appearance: none;
    }
    :where(*) {
      height: calc(0.25rem * 6);
      width: calc(0.25rem * 6);
      border-radius: 0;
      background-color: var(--color-base-content);
      opacity: 20%;
      @media (prefers-reduced-motion: no-preference) {
        animation: rating 0.25s ease-out;
      }
      &:is(input) {
        cursor: pointer;
      }
    }
    & .rating-hidden {
      width: calc(0.25rem * 2);
      background-color: transparent;
    }
    input[type="radio"]:checked {
      background-image: none;
    }
    * {
      &:checked, &[aria-checked="true"], &[aria-current="true"], &:has(~ *:checked, ~ *[aria-checked="true"], ~ *[aria-current="true"]) {
        opacity: 100%;
      }
      &:focus-visible {
        scale: 1.1;
        @media (prefers-reduced-motion: no-preference) {
          transition: scale 0.2s ease-out;
        }
      }
    }
    & *:active:focus {
      animation: none;
      scale: 1.1;
    }
    &.rating-xs :where(*:not(.rating-hidden)) {
      width: calc(0.25rem * 4);
      height: calc(0.25rem * 4);
    }
    &.rating-sm :where(*:not(.rating-hidden)) {
      width: calc(0.25rem * 5);
      height: calc(0.25rem * 5);
    }
    &.rating-md :where(*:not(.rating-hidden)) {
      width: calc(0.25rem * 6);
      height: calc(0.25rem * 6);
    }
    &.rating-lg :where(*:not(.rating-hidden)) {
      width: calc(0.25rem * 7);
      height: calc(0.25rem * 7);
    }
    &.rating-xl :where(*:not(.rating-hidden)) {
      width: calc(0.25rem * 8);
      height: calc(0.25rem * 8);
    }
  }
  .stats {
    position: relative;
    display: inline-grid;
    grid-auto-flow: column;
    overflow-x: auto;
    border-radius: var(--radius-box);
  }
  .progress {
    position: relative;
    height: calc(0.25rem * 2);
    width: 100%;
    appearance: none;
    overflow: hidden;
    border-radius: var(--radius-box);
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
    color: var(--color-base-content);
    &:indeterminate {
      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
      background-size: 200%;
      background-position-x: 15%;
      @media (prefers-reduced-motion: no-preference) {
        animation: progress 5s ease-in-out infinite;
      }
      @supports (-moz-appearance: none) {
        &::-moz-progress-bar {
          background-color: transparent;
          @media (prefers-reduced-motion: no-preference) {
            animation: progress 5s ease-in-out infinite;
            background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
            background-size: 200%;
            background-position-x: 15%;
          }
        }
      }
    }
    @supports (-moz-appearance: none) {
      &::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentcolor;
      }
    }
    @supports (-webkit-appearance: none) {
      &::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: transparent;
      }
      &::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .tooltip-bottom {
    > .tooltip-content, &[data-tip]:before {
      transform: translateX(-50%) translateY(var(--tt-pos, -0.25rem));
      inset: var(--tt-off) auto auto 50%;
    }
    &:after {
      transform: translateX(-50%) translateY(var(--tt-pos, -0.25rem)) rotate(180deg);
      inset: var(--tt-tail) auto auto 50%;
    }
  }
  .tooltip-left {
    > .tooltip-content, &[data-tip]:before {
      transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(-50%);
      inset: 50% var(--tt-off) auto auto;
    }
    &:after {
      transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%) rotate(-90deg);
      inset: 50% calc(var(--tt-tail) + 1px) auto auto;
    }
  }
  .tooltip-right {
    > .tooltip-content, &[data-tip]:before {
      transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(-50%);
      inset: 50% auto auto var(--tt-off);
    }
    &:after {
      transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%) rotate(90deg);
      inset: 50% auto auto calc(var(--tt-tail) + 1px);
    }
  }
  .tooltip-top {
    > .tooltip-content, &[data-tip]:before {
      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
      inset: auto auto var(--tt-off) 50%;
    }
    &:after {
      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
      inset: auto auto var(--tt-tail) 50%;
    }
  }
  .-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .dropdown-end {
    --anchor-h: span-left;
    :where(.dropdown-content) {
      inset-inline-end: calc(0.25rem * 0);
      translate: 0 0;
      [dir="rtl"] & {
        translate: 0 0;
      }
    }
    &.dropdown-left {
      --anchor-h: left;
      --anchor-v: span-top;
      .dropdown-content {
        top: auto;
        bottom: calc(0.25rem * 0);
      }
    }
    &.dropdown-right {
      --anchor-h: right;
      --anchor-v: span-top;
      .dropdown-content {
        top: auto;
        bottom: calc(0.25rem * 0);
      }
    }
  }
  .dropdown-bottom {
    --anchor-v: bottom;
    .dropdown-content {
      top: 100%;
      bottom: auto;
      transform-origin: top;
    }
  }
  .dropdown-top {
    --anchor-v: top;
    .dropdown-content {
      top: auto;
      bottom: 100%;
      transform-origin: bottom;
    }
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-\[-6px\] {
    top: -6px;
  }
  .top-\[calc\(100\%\+12px\)\] {
    top: calc(100% + 12px);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-\[-6px\] {
    right: -6px;
  }
  .right-\[calc\(100\%\+12px\)\] {
    right: calc(100% + 12px);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-\[-6px\] {
    bottom: -6px;
  }
  .bottom-\[calc\(100\%\+12px\)\] {
    bottom: calc(100% + 12px);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-\[-6px\] {
    left: -6px;
  }
  .left-\[calc\(100\%\+12px\)\] {
    left: calc(100% + 12px);
  }
  .file-input {
    border: var(--border) solid #0000;
    display: inline-flex;
    cursor: pointer;
    appearance: none;
    align-items: center;
    background-color: var(--color-base-100);
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    padding-inline-end: 0.75rem;
    font-size: 0.875rem;
    line-height: 2;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    &::file-selector-button {
      margin-inline-end: calc(0.25rem * 4);
      cursor: pointer;
      padding-inline: calc(0.25rem * 4);
      webkit-user-select: none;
      user-select: none;
      height: calc(100% + var(--border) * 2);
      margin-block: calc(var(--border) * -1);
      margin-inline-start: calc(var(--border) * -1);
      font-size: 0.875rem;
      color: var(--btn-fg);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--btn-border);
      border-start-start-radius: calc(var(--join-ss, var(--radius-field) - var(--border)));
      border-end-start-radius: calc(var(--join-es, var(--radius-field) - var(--border)));
      font-weight: 600;
      background-color: var(--btn-bg);
      background-size: calc(var(--noise) * 100%);
      background-image: var(--btn-noise);
      text-shadow: 0 0.5px oklch(1 0 0 / calc(var(--depth) * 0.15));
      box-shadow: 0 0.5px 0 0.5px white inset, var(--btn-shadow);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 0.5px 0 0.5px color-mix( in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000 ) inset, var(--btn-shadow);
      }
      --size: calc(var(--size-field, 0.25rem) * 10);
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-fg: var(--color-base-content);
      --btn-border: var(--btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 5%);
      }
      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
      0 4px 3px -2px var(--btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000),
      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);
      }
      --btn-noise: var(--fx-noise);
    }
    &:focus {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) 10%, #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }
    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
      &::file-selector-button {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }
  }
  .textarea {
    border: var(--border) solid #0000;
    min-height: calc(0.25rem * 20);
    flex-shrink: 1;
    appearance: none;
    border-radius: var(--radius-field);
    background-color: var(--color-base-100);
    padding-block: calc(0.25rem * 2);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    padding-inline-start: 0.75rem;
    padding-inline-end: 0.75rem;
    font-size: 0.875rem;
    touch-action: manipulation;
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    textarea {
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }
    &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }
  }
  .isolate {
    isolation: isolate;
  }
  .stack {
    display: inline-grid;
    grid-template-columns: 3px 4px 1fr 4px 3px;
    grid-template-rows: 3px 4px 1fr 4px 3px;
    & > * {
      height: 100%;
      width: 100%;
      &:nth-child(n + 2) {
        width: 100%;
        opacity: 70%;
      }
      &:nth-child(2) {
        z-index: 2;
        opacity: 90%;
      }
      &:nth-child(1) {
        z-index: 3;
        width: 100%;
      }
    }
    &, &.stack-bottom {
      > * {
        grid-column: 3 / 4;
        grid-row: 3 / 6;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 6;
          grid-row: 1 / 4;
        }
      }
    }
    &.stack-top {
      > * {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 6;
          grid-row: 3 / 6;
        }
      }
    }
    &.stack-start {
      > * {
        grid-column: 1 / 4;
        grid-row: 3 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 3 / 6;
          grid-row: 1 / 6;
        }
      }
    }
    &.stack-end {
      > * {
        grid-column: 3 / 6;
        grid-row: 3 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 4;
          grid-row: 1 / 6;
        }
      }
    }
  }
  .modal-backdrop {
    grid-column-start: 1;
    grid-row-start: 1;
    display: grid;
    align-self: stretch;
    justify-self: stretch;
    color: transparent;
    z-index: -1;
    button {
      cursor: pointer;
    }
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-999 {
    z-index: 999;
  }
  .z-9998 {
    z-index: 9998;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .tab-content {
    order: var(--tabcontent-order);
    display: none;
    border-color: transparent;
    --tabcontent-radius-ss: 0;
    --tabcontent-radius-se: 0;
    --tabcontent-radius-es: 0;
    --tabcontent-radius-ee: 0;
    --tabcontent-order: 1;
    width: 100%;
    margin: var(--tabcontent-margin);
    border-width: var(--border);
    border-start-start-radius: var(--tabcontent-radius-ss);
    border-start-end-radius: var(--tabcontent-radius-se);
    border-end-start-radius: var(--tabcontent-radius-es);
    border-end-end-radius: var(--tabcontent-radius-ee);
  }
  .order-2 {
    order: 2;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-4 {
    grid-column: 4;
  }
  .col-5 {
    grid-column: 5;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-9 {
    grid-column: span 9 / span 9;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .modal-box {
    grid-column-start: 1;
    grid-row-start: 1;
    max-height: 100vh;
    width: calc(11/12 * 100%);
    max-width: 32rem;
    background-color: var(--color-base-100);
    padding: calc(0.25rem * 6);
    transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out;
    border-top-left-radius: var(--modal-tl, var(--radius-box));
    border-top-right-radius: var(--modal-tr, var(--radius-box));
    border-bottom-left-radius: var(--modal-bl, var(--radius-box));
    border-bottom-right-radius: var(--modal-br, var(--radius-box));
    scale: 95%;
    opacity: 0;
    box-shadow: oklch(0% 0 0/ 0.25) 0px 25px 50px -12px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .stat-value {
    grid-column-start: 1;
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 800;
  }
  .stat-desc {
    grid-column-start: 1;
    white-space: nowrap;
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
    font-size: 0.75rem;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .\!container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .divider {
    display: flex;
    height: calc(0.25rem * 4);
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    white-space: nowrap;
    margin: var(--divider-m, 1rem 0);
    --divider-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
    &:before, &:after {
      content: "";
      height: calc(0.25rem * 0.5);
      width: 100%;
      flex-grow: 1;
      background-color: var(--divider-color);
    }
    @media print {
      &:before, &:after {
        border: 0.5px solid;
      }
    }
    &:not(:empty) {
      gap: calc(0.25rem * 4);
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .\!filter {
    display: flex !important;
    flex-wrap: wrap !important;
    input[type="radio"] {
      width: auto !important;
    }
    input {
      overflow: hidden !important;
      opacity: 100% !important;
      scale: 1 !important;
      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s !important;
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * 1) !important;
      }
      &.filter-reset {
        aspect-ratio: 1 / 1 !important;
        &::after {
          content: "×" !important;
        }
      }
    }
    &:not(:has(input:checked:not(.filter-reset))) {
      .filter-reset, input[type="reset"] {
        scale: 0 !important;
        border-width: 0 !important;
        margin-inline: calc(0.25rem * 0) !important;
        width: calc(0.25rem * 0) !important;
        padding-inline: calc(0.25rem * 0) !important;
        opacity: 0% !important;
      }
    }
    &:has(input:checked:not(.filter-reset)) {
      input:not(:checked, .filter-reset, input[type="reset"]) {
        scale: 0 !important;
        border-width: 0 !important;
        margin-inline: calc(0.25rem * 0) !important;
        width: calc(0.25rem * 0) !important;
        padding-inline: calc(0.25rem * 0) !important;
        opacity: 0% !important;
      }
    }
  }
  .filter {
    display: flex;
    flex-wrap: wrap;
    input[type="radio"] {
      width: auto;
    }
    input {
      overflow: hidden;
      opacity: 100%;
      scale: 1;
      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * 1);
      }
      &.filter-reset {
        aspect-ratio: 1 / 1;
        &::after {
          content: "×";
        }
      }
    }
    &:not(:has(input:checked:not(.filter-reset))) {
      .filter-reset, input[type="reset"] {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
    &:has(input:checked:not(.filter-reset)) {
      input:not(:checked, .filter-reset, input[type="reset"]) {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
  }
  .\!mx-auto {
    margin-inline: auto !important;
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .file-input-ghost {
    background-color: transparent;
    transition: background-color 0.2s;
    box-shadow: none;
    border-color: #0000;
    &::file-selector-button {
      margin-inline-start: calc(0.25rem * 0);
      margin-inline-end: calc(0.25rem * 4);
      height: 100%;
      cursor: pointer;
      padding-inline: calc(0.25rem * 4);
      webkit-user-select: none;
      user-select: none;
      margin-block: 0;
      border-start-end-radius: calc(var(--join-ss, var(--radius-field) - var(--border)));
      border-end-end-radius: calc(var(--join-es, var(--radius-field) - var(--border)));
    }
    &:focus, &:focus-within {
      background-color: var(--color-base-100);
      color: var(--color-base-content);
      border-color: #0000;
      box-shadow: none;
    }
  }
  .input-sm {
    --size: calc(var(--size-field, 0.25rem) * 8);
    font-size: 0.75rem;
    &[type="number"] {
      &::-webkit-inner-spin-button {
        margin-block: calc(0.25rem * -2);
        margin-inline-end: calc(0.25rem * -3);
      }
    }
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .label {
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    white-space: nowrap;
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 60%, transparent);
    }
    &:has(input) {
      cursor: pointer;
    }
    &:is(.input > *, .select > *) {
      display: flex;
      height: calc(100% - 0.5rem);
      align-items: center;
      padding-inline: calc(0.25rem * 3);
      white-space: nowrap;
      font-size: inherit;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * 3);
        border-inline-end: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3);
        margin-inline-end: calc(0.25rem * -3);
        border-inline-start: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
    }
  }
  .join-item {
    &:where(*:not(:first-child, :disabled, [disabled], .btn-disabled)) {
      margin-inline-start: calc(var(--border, 1px) * -1);
      margin-block-start: 0;
    }
    &:where(*:is(:disabled, [disabled], .btn-disabled)) {
      border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
    }
  }
  .modal-action {
    margin-top: calc(0.25rem * 6);
    display: flex;
    justify-content: flex-end;
    gap: calc(0.25rem * 2);
  }
  .\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-\[1px\] {
    margin-right: calc(1px * -1);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-auto {
    margin-right: auto;
  }
  .\!-mb-2 {
    margin-bottom: calc(var(--spacing) * -2) !important;
  }
  .\!mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!status {
    display: inline-block !important;
    aspect-ratio: 1 / 1 !important;
    width: calc(0.25rem * 2) !important;
    height: calc(0.25rem * 2) !important;
    border-radius: var(--radius-selector) !important;
    background-color: var(--color-base-content) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
    }
    background-position: center !important;
    background-repeat: no-repeat !important;
    vertical-align: middle !important;
    color: color-mix(in srgb, #000 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 30%, transparent) !important;
    }
    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 ) !important;
    box-shadow: 0 2px 3px -1px currentColor !important;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000) !important;
    }
  }
  .status {
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: calc(0.25rem * 2);
    height: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
    box-shadow: 0 2px 3px -1px currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
    }
  }
  .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--badge-fg);
    border: var(--border) solid var(--badge-color, var(--color-base-200));
    font-size: 0.875rem;
    width: fit-content;
    padding-inline: calc(0.25rem * 3 - var(--border));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    background-color: var(--badge-bg);
    --badge-bg: var(--badge-color, var(--color-base-100));
    --badge-fg: var(--color-base-content);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    height: var(--size);
  }
  .kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-field);
    background-color: var(--color-base-200);
    vertical-align: middle;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: var(--border) solid var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
    }
    border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
    }
    --size: calc(var(--size-selector, 0.25rem) * 6);
    font-size: 0.875rem;
    height: var(--size);
    min-width: var(--size);
    box-shadow: none;
  }
  .tabs {
    display: flex;
    flex-wrap: wrap;
    --tabs-height: auto;
    --tabs-direction: row;
    --tab-height: calc(var(--size-field, 0.25rem) * 10);
    height: var(--tabs-height);
    flex-direction: var(--tabs-direction);
  }
  .footer {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    place-items: start;
    column-gap: calc(0.25rem * 4);
    row-gap: calc(0.25rem * 10);
    font-size: 0.875rem;
    line-height: 1.25rem;
    & > * {
      display: grid;
      place-items: start;
      gap: calc(0.25rem * 2);
    }
    &.footer-center {
      grid-auto-flow: column dense;
      place-items: center;
      text-align: center;
      & > * {
        place-items: center;
      }
    }
  }
  .stat {
    display: inline-grid;
    width: 100%;
    column-gap: calc(0.25rem * 4);
    padding-inline: calc(0.25rem * 6);
    padding-block: calc(0.25rem * 4);
    grid-template-columns: repeat(1, 1fr);
    &:not(:last-child) {
      border-inline-end: var(--border) dashed currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
      }
      border-block-end: none;
    }
  }
  .card-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    gap: calc(0.25rem * 2);
    padding: var(--card-p, 1.5rem);
    font-size: var(--card-fs, 0.875rem);
    :where(p) {
      flex-grow: 1;
    }
  }
  .carousel {
    display: inline-flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    @media (prefers-reduced-motion: no-preference) {
      scroll-behavior: smooth;
    }
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .alert {
    display: grid;
    align-items: center;
    gap: calc(0.25rem * 4);
    border-radius: var(--radius-box);
    padding-inline: calc(0.25rem * 4);
    padding-block: calc(0.25rem * 3);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    justify-content: start;
    justify-items: start;
    grid-auto-flow: column;
    grid-template-columns: auto;
    text-align: start;
    border: var(--border) solid var(--color-base-200);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    }
    &:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
    &.alert-outline {
      background-color: transparent;
      color: var(--alert-color);
      box-shadow: none;
      background-image: none;
    }
    &.alert-dash {
      background-color: transparent;
      color: var(--alert-color);
      border-style: dashed;
      box-shadow: none;
      background-image: none;
    }
    &.alert-soft {
      color: var(--alert-color, var(--color-base-content));
      background: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      box-shadow: none;
      background-image: none;
    }
  }
  .fieldset {
    display: grid;
    gap: calc(0.25rem * 1.5);
    padding-block: calc(0.25rem * 1);
    font-size: 0.75rem;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }
  .card-title {
    display: flex;
    align-items: center;
    gap: calc(0.25rem * 2);
    font-size: var(--cardtitle-fs, 1.125rem);
    font-weight: 600;
  }
  .join {
    display: inline-flex;
    align-items: stretch;
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    :where(.join-item) {
      border-start-start-radius: var(--join-ss, 0);
      border-start-end-radius: var(--join-se, 0);
      border-end-start-radius: var(--join-es, 0);
      border-end-end-radius: var(--join-ee, 0);
      * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:first-child) {
      --join-ss: var(--radius-field);
      --join-se: 0;
      --join-es: var(--radius-field);
      --join-ee: 0;
    }
    :first-child:not(:last-child) {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: 0;
        --join-es: var(--radius-field);
        --join-ee: 0;
      }
    }
    > .join-item:where(:last-child) {
      --join-ss: 0;
      --join-se: var(--radius-field);
      --join-es: 0;
      --join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      :where(.join-item) {
        --join-ss: 0;
        --join-se: var(--radius-field);
        --join-es: 0;
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:only-child) {
      --join-ss: var(--radius-field);
      --join-se: var(--radius-field);
      --join-es: var(--radius-field);
      --join-ee: var(--radius-field);
    }
    :only-child {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
  }
  .chat {
    display: grid;
    column-gap: calc(0.25rem * 3);
    padding-block: calc(0.25rem * 1);
    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
  }
  .prose {
    :root & {
      --tw-prose-body: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);
      }
      --tw-prose-headings: var(--color-base-content);
      --tw-prose-lead: var(--color-base-content);
      --tw-prose-links: var(--color-base-content);
      --tw-prose-bold: var(--color-base-content);
      --tw-prose-counters: var(--color-base-content);
      --tw-prose-bullets: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-hr: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-quotes: var(--color-base-content);
      --tw-prose-quote-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-captions: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-code: var(--color-base-content);
      --tw-prose-pre-code: var(--color-neutral-content);
      --tw-prose-pre-bg: var(--color-neutral);
      --tw-prose-th-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-td-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-kbd: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);
      }
      :where(code):not(pre > code) {
        background-color: var(--color-base-200);
        border-radius: var(--radius-selector);
        border: var(--border) solid var(--color-base-300);
        padding-inline: 0.5em;
        font-weight: inherit;
        &:before, &:after {
          display: none;
        }
      }
    }
  }
  .mask {
    display: inline-block;
    vertical-align: middle;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .btn-circle {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(0.25rem * 0);
    width: var(--size);
    height: var(--size);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\!h-\[50px\] {
    height: 50px !important;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\/6 {
    height: calc(5/6 * 100%);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[85vh\] {
    height: 85vh;
  }
  .h-\[90vh\] {
    height: 90vh;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[425px\] {
    height: 425px;
  }
  .h-\[calc\(85vh-10px\)\] {
    height: calc(85vh - 10px);
  }
  .h-\[calc\(85vh-80px\)\] {
    height: calc(85vh - 80px);
  }
  .h-\[calc\(100vh-130px\)\] {
    height: calc(100vh - 130px);
  }
  .h-\[calc\(100vh-150px\)\] {
    height: calc(100vh - 150px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-50 {
    max-height: calc(var(--spacing) * 50);
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[30vh\] {
    max-height: 30vh;
  }
  .max-h-\[31\.25rem\] {
    max-height: 31.25rem;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[50px\] {
    max-height: 50px;
  }
  .max-h-\[50rem\] {
    max-height: 50rem;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[calc\(100vh-200px\)\] {
    max-height: calc(100vh - 200px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .\!min-h-screen {
    min-height: 100vh !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-50 {
    min-height: calc(var(--spacing) * 50);
  }
  .min-h-52 {
    min-height: calc(var(--spacing) * 52);
  }
  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-\[20vh\] {
    min-height: 20vh;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-screen-content {
    min-height: var(--min-height-screen-content);
  }
  .\!w-48 {
    width: calc(var(--spacing) * 48) !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .btn-block {
    width: 100%;
  }
  .loading-lg {
    width: calc(var(--size-selector, 0.25rem) * 7);
  }
  .loading-md {
    width: calc(var(--size-selector, 0.25rem) * 6);
  }
  .loading-sm {
    width: calc(var(--size-selector, 0.25rem) * 5);
  }
  .loading-xs {
    width: calc(var(--size-selector, 0.25rem) * 4);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/12 {
    width: calc(3/12 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\/12 {
    width: calc(6/12 * 100%);
  }
  .w-7\/12 {
    width: calc(7/12 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9\/12 {
    width: calc(9/12 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\/12 {
    width: calc(10/12 * 100%);
  }
  .w-11\/12 {
    width: calc(11/12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[0\.5px\] {
    width: 0.5px;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[17\%\] {
    width: 17%;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[20\%\] {
    width: 20%;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-sm {
    width: var(--container-sm);
  }
  .\!max-w-xl {
    max-width: var(--container-xl) !important;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-84 {
    max-width: calc(var(--spacing) * 84);
  }
  .max-w-\[90rem\] {
    max-width: 90rem;
  }
  .max-w-\[111rem\] {
    max-width: 111rem;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .\!min-w-md {
    min-width: var(--container-md) !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-\[350px\] {
    min-width: 350px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .\!flex-1 {
    flex: 1 !important;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[3\] {
    flex: 3;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-1\/4 {
    flex-basis: calc(1/4 * 100%);
  }
  .basis-2\/4 {
    flex-basis: calc(2/4 * 100%);
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skeleton {
    border-radius: var(--radius-box);
    background-color: var(--color-base-300);
    @media (prefers-reduced-motion: reduce) {
      transition-duration: 15s;
    }
    will-change: background-position;
    background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position-x: -50%;
    @media (prefers-reduced-motion: no-preference) {
      animation: skeleton 1.8s ease-in-out infinite;
    }
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .\!link {
    cursor: pointer !important;
    text-decoration-line: underline !important;
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor !important;
      outline-offset: 2px !important;
    }
  }
  .link {
    cursor: pointer;
    text-decoration-line: underline;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
  }
  .link\! {
    cursor: pointer !important;
    text-decoration-line: underline !important;
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor !important;
      outline-offset: 2px !important;
    }
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-\[22rem\] {
    columns: 22rem;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .\!flex-col {
    flex-direction: column !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .\!items-center {
    align-items: center !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .\!justify-end {
    justify-content: flex-end !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\!gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .\!gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-8 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-base-content {
    :where(& > :not(:last-child)) {
      border-color: var(--color-base-content);
    }
  }
  .divide-base-content\/10 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }
  }
  .divide-base-content\/20 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  .divide-black {
    :where(& > :not(:last-child)) {
      border-color: var(--color-black);
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .divide-neutral {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral);
    }
  }
  .divide-neutral\/50 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
      }
    }
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-box {
    border-radius: var(--radius-box);
  }
  .rounded-box {
    border-radius: var(--radius-box);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-y-\[5px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 5px;
  }
  .\!border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-double {
    --tw-border-style: double;
    border-style: double;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .badge-soft {
    color: var(--badge-color, var(--color-base-content));
    background-color: var(--badge-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );
    }
    border-color: var(--badge-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );
    }
    background-image: none;
  }
  .select-ghost {
    background-color: transparent;
    transition: background-color 0.2s;
    box-shadow: none;
    border-color: #0000;
    &:focus, &:focus-within {
      background-color: var(--color-base-100);
      color: var(--color-base-content);
      border-color: #0000;
      box-shadow: none;
    }
  }
  .input-ghost {
    background-color: transparent;
    box-shadow: none;
    border-color: #0000;
    &:focus, &:focus-within {
      background-color: var(--color-base-100);
      color: var(--color-base-content);
      border-color: #0000;
      box-shadow: none;
    }
  }
  .badge-outline {
    color: var(--badge-color);
    --badge-bg: #0000;
    background-image: none;
    border-color: currentColor;
  }
  .alert-error {
    border-color: var(--color-error);
    color: var(--color-error-content);
    --alert-color: var(--color-error);
  }
  .alert-info {
    border-color: var(--color-info);
    color: var(--color-info-content);
    --alert-color: var(--color-info);
  }
  .alert-warning {
    border-color: var(--color-warning);
    color: var(--color-warning-content);
    --alert-color: var(--color-warning);
  }
  .\!border-base-content\/10 {
    border-color: var(--color-base-content) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent) !important;
    }
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-base-200 {
    border-color: var(--color-base-200);
  }
  .border-base-300 {
    border-color: var(--color-base-300);
  }
  .border-base-content {
    border-color: var(--color-base-content);
  }
  .border-base-content\/5 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
    }
  }
  .border-base-content\/10 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }
  .border-base-content\/20 {
    border-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-error {
    border-color: var(--color-error);
  }
  .border-error\/20 {
    border-color: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-error) 20%, transparent);
    }
  }
  .border-error\/30 {
    border-color: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-error) 30%, transparent);
    }
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-neutral {
    border-color: var(--color-neutral);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary\/20 {
    border-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .border-primary\/70 {
    border-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
    }
  }
  .border-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-slate-400 {
    border-color: var(--color-slate-400);
  }
  .border-success {
    border-color: var(--color-success);
  }
  .border-success\/30 {
    border-color: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-success) 30%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .table-zebra {
    tbody {
      tr {
        &:where(:nth-child(even)) {
          background-color: var(--color-base-200);
          :where(.table-pin-cols tr th) {
            background-color: var(--color-base-200);
          }
        }
        &.row-hover {
          &, &:where(:nth-child(even)) {
            &:hover {
              @media (hover: hover) {
                background-color: var(--color-base-300);
              }
            }
          }
        }
      }
    }
  }
  .\!bg-base-100 {
    background-color: var(--color-base-100) !important;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-base-100\/70 {
    background-color: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-100) 70%, transparent);
    }
  }
  .bg-base-200 {
    background-color: var(--color-base-200);
  }
  .bg-base-200\/50 {
    background-color: var(--color-base-200);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
    }
  }
  .bg-base-200\/70 {
    background-color: var(--color-base-200);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
    }
  }
  .bg-base-300 {
    background-color: var(--color-base-300);
  }
  .bg-base-300\/25 {
    background-color: var(--color-base-300);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-300) 25%, transparent);
    }
  }
  .bg-base-content {
    background-color: var(--color-base-content);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-error\/10 {
    background-color: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-info\/10 {
    background-color: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 10%, transparent);
    }
  }
  .bg-neutral {
    background-color: var(--color-neutral);
  }
  .bg-neutral-content\/90 {
    background-color: var(--color-neutral-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-content) 90%, transparent);
    }
  }
  .bg-neutral\/20 {
    background-color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
    }
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/5 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-success\/10 {
    background-color: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-cyan-100 {
    --tw-gradient-from: var(--color-cyan-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-100 {
    --tw-gradient-to: var(--color-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .loading-ring {
    mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
  .loading-spinner {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .\!object-contain {
    object-fit: contain !important;
  }
  .object-contain {
    object-fit: contain;
  }
  .checkbox-lg {
    padding: 0.3125rem;
    --size: calc(var(--size-selector, 0.25rem) * 7);
  }
  .checkbox-sm {
    padding: 0.1875rem;
    --size: calc(var(--size-selector, 0.25rem) * 5);
  }
  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .menu-title {
    padding-inline: calc(0.25rem * 3);
    padding-block: calc(0.25rem * 2);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    font-size: 0.875rem;
    font-weight: 600;
  }
  .select-sm {
    --size: calc(var(--size-field, 0.25rem) * 8);
    font-size: 0.75rem;
    option {
      padding-inline: calc(0.25rem * 2.5);
      padding-block: calc(0.25rem * 1);
    }
  }
  .badge-sm {
    --size: calc(var(--size-selector, 0.25rem) * 5);
    font-size: 0.75rem;
    padding-inline: calc(0.25rem * 2.5 - var(--border));
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[1\%\] {
    padding-block: 1%;
  }
  .\!pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .\!text-center {
    text-align: center !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .file-input-sm {
    --size: calc(var(--size-field, 0.25rem) * 8);
    font-size: 0.75rem;
    line-height: 1.5rem;
    &::file-selector-button {
      font-size: 0.75rem;
    }
  }
  .\!text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!link-primary {
    color: var(--color-primary) !important;
    @media (hover: hover) {
      &:hover {
        color: var(--color-primary) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 80%, #000) !important;
        }
      }
    }
  }
  .link-accent {
    color: var(--color-accent);
    @media (hover: hover) {
      &:hover {
        color: var(--color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-accent) 80%, #000);
        }
      }
    }
  }
  .link-primary {
    color: var(--color-primary);
    @media (hover: hover) {
      &:hover {
        color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 80%, #000);
        }
      }
    }
  }
  .\!text-base-content {
    color: var(--color-base-content) !important;
  }
  .\!text-base-content\/70 {
    color: var(--color-base-content) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent) !important;
    }
  }
  .\!text-primary {
    color: var(--color-primary) !important;
  }
  .text-accent {
    color: var(--color-accent);
  }
  .text-accent-content {
    color: var(--color-accent-content);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-base-100 {
    color: var(--color-base-100);
  }
  .text-base-200 {
    color: var(--color-base-200);
  }
  .text-base-content {
    color: var(--color-base-content);
  }
  .text-base-content\/30 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 30%, transparent);
    }
  }
  .text-base-content\/40 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }
  .text-base-content\/50 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }
  }
  .text-base-content\/60 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-base-content\/80 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
    }
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-100 {
    color: var(--color-green-100);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-info-content\/80 {
    color: var(--color-info-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-info-content) 80%, transparent);
    }
  }
  .text-inherit {
    color: inherit;
  }
  .text-neutral {
    color: var(--color-neutral);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-content {
    color: var(--color-neutral-content);
  }
  .text-neutral\/50 {
    color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
    }
  }
  .text-neutral\/70 {
    color: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral) 70%, transparent);
    }
  }
  .text-orange-100 {
    color: var(--color-orange-100);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-100 {
    color: var(--color-red-100);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .link-hover {
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .\!shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-base-300 {
    --tw-ring-color: var(--color-base-300);
  }
  .ring-base-content\/10 {
    --tw-ring-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }
  .ring-base-content\/20 {
    --tw-ring-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }
  .ring-blue-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
    }
  }
  .ring-cyan-100 {
    --tw-ring-color: var(--color-cyan-100);
  }
  .ring-gray-500\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }
  }
  .ring-gray-600 {
    --tw-ring-color: var(--color-gray-600);
  }
  .ring-gray-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
    }
  }
  .ring-green-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
    }
  }
  .ring-neutral {
    --tw-ring-color: var(--color-neutral);
  }
  .ring-orange-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent);
    }
  }
  .ring-purple-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
    }
  }
  .ring-red-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
    }
  }
  .ring-yellow-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
    }
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .btn-ghost {
    &:not(.btn-active, :hover, :active:focus, :focus-visible) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-border: #0000;
      --btn-noise: none;
      &:not(:disabled, [disabled], .btn-disabled) {
        outline-color: currentcolor;
        --btn-fg: currentColor;
      }
    }
    @media (hover: none) {
      &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: currentColor;
      }
    }
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .btn-outline {
    &:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-fg: var(--btn-color);
      --btn-border: var(--btn-color);
      --btn-noise: none;
    }
    @media (hover: none) {
      &:hover:not( .btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none;
      }
    }
  }
  .btn-soft {
    &:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
      --btn-shadow: "";
      --btn-fg: var(--btn-color, var(--color-base-content));
      --btn-bg: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 8%,
      var(--color-base-100)
    );
      }
      --btn-border: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 10%,
      var(--color-base-100)
    );
      }
      --btn-noise: none;
    }
    @media (hover: none) {
      &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-fg: var(--btn-color, var(--color-base-content));
        --btn-bg: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 8%,
        var(--color-base-100)
      );
        }
        --btn-border: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 10%,
        var(--color-base-100)
      );
        }
        --btn-noise: none;
      }
    }
  }
  .btn-lg {
    --fontsize: 1.125rem;
    --btn-p: 1.25rem;
    --size: calc(var(--size-field, 0.25rem) * 12);
  }
  .btn-md {
    --fontsize: 0.875rem;
    --btn-p: 1rem;
    --size: calc(var(--size-field, 0.25rem) * 10);
  }
  .btn-sm {
    --fontsize: 0.75rem;
    --btn-p: 0.75rem;
    --size: calc(var(--size-field, 0.25rem) * 8);
  }
  .btn-xs {
    --fontsize: 0.6875rem;
    --btn-p: 0.5rem;
    --size: calc(var(--size-field, 0.25rem) * 6);
  }
  .\!btn-primary {
    --btn-color: var(--color-primary) !important;
    --btn-fg: var(--color-primary-content) !important;
  }
  .badge-error {
    --badge-color: var(--color-error);
    --badge-fg: var(--color-error-content);
  }
  .badge-info {
    --badge-color: var(--color-info);
    --badge-fg: var(--color-info-content);
  }
  .badge-primary {
    --badge-color: var(--color-primary);
    --badge-fg: var(--color-primary-content);
  }
  .badge-success {
    --badge-color: var(--color-success);
    --badge-fg: var(--color-success-content);
  }
  .badge-warning {
    --badge-color: var(--color-warning);
    --badge-fg: var(--color-warning-content);
  }
  .btn-error {
    --btn-color: var(--color-error);
    --btn-fg: var(--color-error-content);
  }
  .btn-primary {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
  }
  .btn-secondary {
    --btn-color: var(--color-secondary);
    --btn-fg: var(--color-secondary-content);
  }
  .btn-success {
    --btn-color: var(--color-success);
    --btn-fg: var(--color-success-content);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[column-fill\:balance\] {
    column-fill: balance;
  }
  .radio-error {
    --input-color: var(--color-error);
  }
  .radio-primary {
    --input-color: var(--color-primary);
  }
  .radio-success {
    --input-color: var(--color-success);
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .toggle-primary {
    &:checked, &[aria-checked="true"] {
      --input-color: var(--color-primary);
    }
  }
  .toggle-sm {
    &:is([type="checkbox"]), &:has([type="checkbox"]) {
      --size: calc(var(--size-selector, 0.25rem) * 5);
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:hidden {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .group-hover\:text-base-content\/75 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 75%, transparent);
        }
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .peer-checked\:border-primary {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-primary);
    }
  }
  .peer-checked\:border-transparent {
    &:is(:where(.peer):checked ~ *) {
      border-color: transparent;
    }
  }
  .peer-checked\:bg-base-200 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-base-200);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-primary);
    }
  }
  .peer-checked\:bg-primary\/30 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }
  .peer-checked\:text-base-100 {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-base-100);
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:text-slate-400 {
    &:is(:where(.peer):disabled ~ *) {
      color: var(--color-slate-400);
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .checked\:border-blue-600 {
    &:checked {
      border-color: var(--color-blue-600);
    }
  }
  .checked\:bg-white {
    &:checked {
      background-color: var(--color-white);
    }
  }
  .checked\:ring-2 {
    &:checked {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .checked\:ring-base-300 {
    &:checked {
      --tw-ring-color: var(--color-base-300);
    }
  }
  .checked\:ring-base-content\/20 {
    &:checked {
      --tw-ring-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  .focus-within\:border-2 {
    &:focus-within {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .focus-within\:border-primary {
    &:focus-within {
      border-color: var(--color-primary);
    }
  }
  .focus-within\:shadow-none {
    &:focus-within {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:outline-none {
    &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-accent {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent);
      }
    }
  }
  .hover\:border-base-content\/10 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-base-content\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-base-content) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:border-primary\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-base-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-200);
      }
    }
  }
  .hover\:bg-base-200\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-200);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-200) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-base-200\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-200);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-base-200\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-200);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-base-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-300);
      }
    }
  }
  .hover\:bg-base-300\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-base-300);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-300) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-error\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-error);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-neutral-content {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-content);
      }
    }
  }
  .hover\:bg-neutral\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-primary\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
        }
      }
    }
  }
  .hover\:text-base-content {
    &:hover {
      @media (hover: hover) {
        color: var(--color-base-content);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-error {
    &:hover {
      @media (hover: hover) {
        color: var(--color-error);
      }
    }
  }
  .hover\:text-green-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-800);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-yellow-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-800);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-1 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-primary {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-primary);
      }
    }
  }
  .focus\:border-2 {
    &:focus {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .focus\:border-none {
    &:focus {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:border-b-blue-500 {
    &:focus {
      border-bottom-color: var(--color-blue-500);
    }
  }
  .focus\:bg-neutral-content {
    &:focus {
      background-color: var(--color-neutral-content);
    }
  }
  .focus\:bg-transparent {
    &:focus {
      background-color: transparent;
    }
  }
  .focus\:text-primary {
    &:focus {
      color: var(--color-primary);
    }
  }
  .focus\:underline {
    &:focus {
      text-decoration-line: underline;
    }
  }
  .focus\:shadow-none {
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-base-300 {
    &:focus {
      --tw-ring-color: var(--color-base-300);
    }
  }
  .focus\:ring-base-content\/20 {
    &:focus {
      --tw-ring-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-blue-600 {
    &:focus-visible {
      outline-color: var(--color-blue-600);
    }
  }
  .active\:bg-neutral-content {
    &:active {
      background-color: var(--color-neutral-content);
    }
  }
  .active\:text-primary {
    &:active {
      color: var(--color-primary);
    }
  }
  .active\:shadow-inner {
    &:active {
      --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-base-300 {
    &:disabled {
      background-color: var(--color-base-300);
    }
  }
  .disabled\:bg-base-content\/20 {
    &:disabled {
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  .disabled\:bg-primary {
    &:disabled {
      background-color: var(--color-primary);
    }
  }
  .disabled\:bg-slate-50 {
    &:disabled {
      background-color: var(--color-slate-50);
    }
  }
  .disabled\:text-base-100 {
    &:disabled {
      color: var(--color-base-100);
    }
  }
  .has-\[\:checked\]\:border-primary {
    &:has(*:is(:checked)) {
      border-color: var(--color-primary);
    }
  }
  .has-\[\:checked\]\:bg-base-200\/50 {
    &:has(*:is(:checked)) {
      background-color: var(--color-base-200);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
      }
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-5 {
    @media (width >= 40rem) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:col-span-7 {
    @media (width >= 40rem) {
      grid-column: span 7 / span 7;
    }
  }
  .sm\:col-span-8 {
    @media (width >= 40rem) {
      grid-column: span 8 / span 8;
    }
  }
  .sm\:col-span-9 {
    @media (width >= 40rem) {
      grid-column: span 9 / span 9;
    }
  }
  .sm\:col-span-12 {
    @media (width >= 40rem) {
      grid-column: span 12 / span 12;
    }
  }
  .sm\:ml-auto {
    @media (width >= 40rem) {
      margin-left: auto;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:h-\[50vh\] {
    @media (width >= 40rem) {
      height: 50vh;
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-xl {
    @media (width >= 40rem) {
      max-width: var(--container-xl);
    }
  }
  .sm\:flex-auto {
    @media (width >= 40rem) {
      flex: auto;
    }
  }
  .sm\:flex-initial {
    @media (width >= 40rem) {
      flex: 0 auto;
    }
  }
  .sm\:grid-cols-1 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-12 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-0 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:space-y-4 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:divide-x {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .sm\:divide-y-0 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .sm\:border-t-0 {
    @media (width >= 40rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .sm\:border-r {
    @media (width >= 40rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .sm\:border-b-0 {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:leading-relaxed {
    @media (width >= 40rem) {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .sm\:btn-sm {
    @media (width >= 40rem) {
      --fontsize: 0.75rem;
      --btn-p: 0.75rem;
      --size: calc(var(--size-field, 0.25rem) * 8);
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:w-1\/4 {
    @media (width >= 48rem) {
      width: calc(1/4 * 100%);
    }
  }
  .md\:w-9\/12 {
    @media (width >= 48rem) {
      width: calc(9/12 * 100%);
    }
  }
  .md\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .md\:w-72 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .md\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-5xl {
    @media (width >= 48rem) {
      max-width: var(--container-5xl);
    }
  }
  .md\:min-w-48 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 48);
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1;
    }
  }
  .md\:flex-shrink-0 {
    @media (width >= 48rem) {
      flex-shrink: 0;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:space-x-2 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .md\:justify-self-start {
    @media (width >= 48rem) {
      justify-self: flex-start;
    }
  }
  .md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .\32 xl\:grid-cols-3 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\[\&_\#modal-container-content\]\:max-h-\[90vh\] {
    & #modal-container-content {
      max-height: 90vh;
    }
  }
  .\[\&\:checked\:\:after\]\:absolute {
    &:checked::after {
      position: absolute;
    }
  }
  .\[\&\:checked\:\:after\]\:top-1\/2 {
    &:checked::after {
      top: calc(1/2 * 100%);
    }
  }
  .\[\&\:checked\:\:after\]\:left-1\/2 {
    &:checked::after {
      left: calc(1/2 * 100%);
    }
  }
  .\[\&\:checked\:\:after\]\:h-2\.5 {
    &:checked::after {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\:checked\:\:after\]\:w-2\.5 {
    &:checked::after {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\:checked\:\:after\]\:translate-x-\[-50\%\] {
    &:checked::after {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\:checked\:\:after\]\:translate-y-\[-50\%\] {
    &:checked::after {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\:checked\:\:after\]\:rounded-full {
    &:checked::after {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\:checked\:\:after\]\:bg-blue-600 {
    &:checked::after {
      background-color: var(--color-blue-600);
    }
  }
  .\[\&\:checked\:\:after\]\:content-\[\'\'\] {
    &:checked::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
div[role="button"].btn.disabled, div[role="button"].btn[aria-disabled="true"] {
  pointer-events: none;
  cursor: not-allowed;
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  }
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
  opacity: 50%;
}
.btn-primary:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-secondary:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-accent:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-info:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-success:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-warning:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled), .btn-error:not(.btn-outline):not(.btn-soft):not(.btn-dash):not(.btn-ghost):not(.btn-link):not(.btn-disabled) {
  color: var(--color-base-100) !important;
}
.btn-link:not(.btn-disabled):not(.btn-neutral), .btn-ghost:not(.btn-disabled):not(.btn-neutral) {
  --btn-fg: var(--btn-color) !important;
  color: var(--btn-color) !important;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-dash:hover, .btn-primary.btn-ghost:hover, .btn-primary.btn-soft:hover, .btn-secondary.btn-outline:hover, .btn-secondary.btn-dash:hover, .btn-secondary.btn-ghost:hover, .btn-secondary.btn-soft:hover, .btn-accent.btn-outline:hover, .btn-accent.btn-dash:hover, .btn-accent.btn-ghost:hover, .btn-accent.btn-soft:hover, .btn-info.btn-outline:hover, .btn-info.btn-dash:hover, .btn-info.btn-ghost:hover, .btn-info.btn-soft:hover, .btn-success.btn-outline:hover, .btn-success.btn-dash:hover, .btn-success.btn-ghost:hover, .btn-success.btn-soft:hover, .btn-warning.btn-outline:hover, .btn-warning.btn-dash:hover, .btn-warning.btn-ghost:hover, .btn-warning.btn-soft:hover, .btn-error.btn-outline:hover, .btn-error.btn-dash:hover, .btn-error.btn-ghost:hover, .btn-error.btn-soft:hover {
  color: var(--color-base-100) !important;
}
.tabs .tab-active {
  background-color: var(--color-primary) !important;
  color: var(--color-base-100) !important;
}
.tooltip-neutral {
  --tt-bg: var(--color-base-content);
}
.tooltip-neutral[data-tip]:before {
  background-color: var(--color-base-content);
  color: var(--color-base-100);
}
.tooltip-neutral:after {
  background-color: var(--color-base-content);
}
.input-base {
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  &:where(input) {
    display: inline-flex;
  }
  :where(input) {
    display: inline-flex;
    height: 100%;
    width: 100%;
    appearance: none;
    background-color: transparent;
    border: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  :where(input[type="url"]), :where(input[type="email"]) {
    direction: ltr;
  }
  :where(input[type="date"]) {
    display: inline-flex;
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    box-shadow: none;
  }
  &:has(> input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }
  &::-webkit-date-and-time-value {
    text-align: inherit;
  }
  &[type="number"] {
    &::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3);
      margin-inline-end: calc(0.25rem * -3);
    }
  }
  &::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: 0.75em;
  }
  &:has(> input[type="date"]) {
    :where(input[type="date"]) {
      display: inline-flex;
      webkit-appearance: none;
      appearance: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
      width: 1em;
      height: 1em;
      cursor: pointer;
    }
  }
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus-within {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus-within {
    border-color: var(--color-primary);
  }
  &:focus-within {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.input-base-validator {
  &:user-valid, &:has(:user-valid) {
    &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
      --input-color: var(--color-success);
    }
  }
  &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]) {
    &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
      --input-color: var(--color-error);
    }
    & ~ .validator-hint {
      visibility: visible;
      display: block;
      color: var(--color-error);
    }
  }
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  &:where(input) {
    display: inline-flex;
  }
  :where(input) {
    display: inline-flex;
    height: 100%;
    width: 100%;
    appearance: none;
    background-color: transparent;
    border: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  :where(input[type="url"]), :where(input[type="email"]) {
    direction: ltr;
  }
  :where(input[type="date"]) {
    display: inline-flex;
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    box-shadow: none;
  }
  &:has(> input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }
  &::-webkit-date-and-time-value {
    text-align: inherit;
  }
  &[type="number"] {
    &::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3);
      margin-inline-end: calc(0.25rem * -3);
    }
  }
  &::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: 0.75em;
  }
  &:has(> input[type="date"]) {
    :where(input[type="date"]) {
      display: inline-flex;
      webkit-appearance: none;
      appearance: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
      width: 1em;
      height: 1em;
      cursor: pointer;
    }
  }
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus-within {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus-within {
    border-color: var(--color-primary);
  }
  &:focus-within {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.input-base.border-success {
  border-color: var(--color-success);
  &:focus {
    border-color: var(--color-success);
  }
}
.input-base.border-error {
  border-color: var(--color-error);
  &:focus {
    border-color: var(--color-error);
  }
}
.textarea-base {
  border: var(--border) solid #0000;
  min-height: calc(0.25rem * 20);
  flex-shrink: 1;
  appearance: none;
  border-radius: var(--radius-field);
  padding-block: calc(0.25rem * 2);
  vertical-align: middle;
  width: clamp(3rem, 20rem, 100%);
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  font-size: 0.875rem;
  touch-action: manipulation;
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  textarea {
    appearance: none;
    background-color: transparent;
    border: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
  }
  &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    box-shadow: none;
  }
  &:has(> textarea[disabled]) > textarea[disabled] {
    cursor: not-allowed;
  }
  width: 100%;
  resize: none;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.textarea-base.border-success {
  border-color: var(--color-success);
  &:focus {
    border-color: var(--color-success);
  }
}
.textarea-base.border-error {
  border-color: var(--color-error);
  &:focus {
    border-color: var(--color-error);
  }
}
.select-base {
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 1.5);
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  vertical-align: middle;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  border-color: var(--input-color);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  --size: calc(var(--size-field, 0.25rem) * 10);
  [dir="rtl"] & {
    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
  }
  &:where([multiple]) {
    height: auto;
    padding-block: calc(0.25rem * 3);
    padding-inline-end: calc(0.25rem * 3);
    background-image: none;
  }
  select {
    margin-inline-start: calc(0.25rem * -3);
    margin-inline-end: calc(0.25rem * -7);
    width: calc(100% + 2.75rem);
    appearance: none;
    padding-inline-start: calc(0.25rem * 3);
    padding-inline-end: calc(0.25rem * 7);
    height: calc(100% - calc(var(--border) * 2));
    align-items: center;
    background: inherit;
    border-radius: inherit;
    border-style: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:not(:last-child) {
      margin-inline-end: calc(0.25rem * -5.5);
      background-image: none;
    }
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  &:has(> select[disabled]) > select[disabled] {
    cursor: not-allowed;
  }
  &, & select {
    @supports (appearance: base-select) {
      appearance: base-select;
    }
    @supports (appearance: base-select) {
      &::picker(select) {
        appearance: base-select;
      }
    }
    &::picker(select) {
      color: inherit;
      max-height: min(24rem, 70dvh);
      border: var(--border) solid var(--color-base-200);
      margin-block: calc(0.25rem * 2);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 2);
      background-color: inherit;
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
    }
    &::picker-icon {
      display: none;
    }
    optgroup {
      padding-top: 0.5em;
      option {
        &:nth-child(1) {
          margin-top: 0.5em;
        }
      }
    }
    option {
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1.5);
      transition-property: color, background-color;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      &:not(:disabled) {
        &:hover, &:focus-visible {
          cursor: pointer;
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
        &:active {
          background-color: var(--color-neutral);
          color: var(--color-neutral-content);
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
        }
      }
    }
  }
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus-within {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus-within {
    border-color: var(--color-primary);
  }
  &:focus-within {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.select-base-validator {
  &:user-valid, &:has(:user-valid) {
    &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
      --input-color: var(--color-success);
    }
  }
  &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]) {
    &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
      --input-color: var(--color-error);
    }
    & ~ .validator-hint {
      visibility: visible;
      display: block;
      color: var(--color-error);
    }
  }
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 1.5);
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  vertical-align: middle;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  border-color: var(--input-color);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  --size: calc(var(--size-field, 0.25rem) * 10);
  [dir="rtl"] & {
    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
  }
  &:where([multiple]) {
    height: auto;
    padding-block: calc(0.25rem * 3);
    padding-inline-end: calc(0.25rem * 3);
    background-image: none;
  }
  select {
    margin-inline-start: calc(0.25rem * -3);
    margin-inline-end: calc(0.25rem * -7);
    width: calc(100% + 2.75rem);
    appearance: none;
    padding-inline-start: calc(0.25rem * 3);
    padding-inline-end: calc(0.25rem * 7);
    height: calc(100% - calc(var(--border) * 2));
    align-items: center;
    background: inherit;
    border-radius: inherit;
    border-style: none;
    &:focus, &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:not(:last-child) {
      margin-inline-end: calc(0.25rem * -5.5);
      background-image: none;
    }
  }
  &:focus, &:focus-within {
    --input-color: var(--color-base-content);
    box-shadow: 0 1px var(--input-color);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
    }
    outline: 2px solid var(--input-color);
    outline-offset: 2px;
    isolation: isolate;
    z-index: 1;
  }
  &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
    &::placeholder {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
  }
  &:has(> select[disabled]) > select[disabled] {
    cursor: not-allowed;
  }
  &, & select {
    @supports (appearance: base-select) {
      appearance: base-select;
    }
    @supports (appearance: base-select) {
      &::picker(select) {
        appearance: base-select;
      }
    }
    &::picker(select) {
      color: inherit;
      max-height: min(24rem, 70dvh);
      border: var(--border) solid var(--color-base-200);
      margin-block: calc(0.25rem * 2);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 2);
      background-color: inherit;
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
    }
    &::picker-icon {
      display: none;
    }
    optgroup {
      padding-top: 0.5em;
      option {
        &:nth-child(1) {
          margin-top: 0.5em;
        }
      }
    }
    option {
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1.5);
      transition-property: color, background-color;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      &:not(:disabled) {
        &:hover, &:focus-visible {
          cursor: pointer;
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          --tw-outline-style: none;
          outline-style: none;
          @media (forced-colors: active) {
            outline: 2px solid transparent;
            outline-offset: 2px;
          }
        }
        &:active {
          background-color: var(--color-neutral);
          color: var(--color-neutral-content);
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
        }
      }
    }
  }
  width: 100%;
  background-color: var(--color-base-100);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-base-content);
  &:focus-within {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus-within {
    border-color: var(--color-primary);
  }
  &:focus-within {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  &:focus {
    border-color: var(--color-primary);
  }
  &:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.radio-primary {
  border-color: oklch(from var(--color-base-content) l c h / 0.2);
}
.radio-primary:checked {
  border-color: var(--color-primary);
}
.radio-primary.border-error {
  border-color: var(--color-error) !important;
}
.radio-primary.border-error:checked {
  border-color: var(--color-error) !important;
}
.radio-primary.border-success {
  border-color: var(--color-success) !important;
}
.radio-primary.border-success:checked {
  border-color: var(--color-success) !important;
}
.checkbox[disabled] {
  border-color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  }
  background-color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  }
}
.formSelected .formToComplete {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-primary) !important;
}
.formNotSelected .formToComplete {
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
  }
}
.formSelected {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--color-primary);
  background-color: var(--color-base-200);
}
[data-val-for] {
  margin-top: calc(var(--spacing) * 1);
  display: none;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-error);
}
[data-val-for].show {
  display: block;
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-neutral, currentColor);
  }
}
.jvm-tooltip {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: Satoshi, sans-serif !important;
}
.modal-box {
  padding: 1rem !important;
}
@media screen and (max-width: 640px) {
  .mobile-document-labels {
    display: block !important;
  }
}
.mobile-document-labels {
  display: none;
}
@media screen and (max-width: 640px) {
  #document-labels-div {
    display: none;
  }
}
.disabled-div {
  color: oklab(0.1288 -0.00375023 -0.0404264 / 0.4);
  background-color: oklch(0.9675 0.0054 274.97);
  border-color: oklch(0.9675 0.0054 274.97);
  cursor: default;
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(45% 0.24 277.023);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --color-base-100: oklch(25.33% 0.016 252.42);
      --color-base-200: oklch(23.26% 0.014 253.1);
      --color-base-300: oklch(21.15% 0.012 254.09);
      --color-base-content: oklch(97.807% 0.029 256.847);
      --color-primary: oklch(58% 0.233 277.117);
      --color-primary-content: oklch(96% 0.018 272.314);
      --color-secondary: oklch(65% 0.241 354.308);
      --color-secondary-content: oklch(94% 0.028 342.258);
      --color-accent: oklch(77% 0.152 181.912);
      --color-accent-content: oklch(38% 0.063 188.416);
      --color-neutral: oklch(14% 0.005 285.823);
      --color-neutral-content: oklch(92% 0.004 286.32);
      --color-info: oklch(74% 0.16 232.661);
      --color-info-content: oklch(29% 0.066 243.157);
      --color-success: oklch(76% 0.177 163.223);
      --color-success-content: oklch(37% 0.077 168.94);
      --color-warning: oklch(82% 0.189 84.429);
      --color-warning-content: oklch(41% 0.112 45.904);
      --color-error: oklch(71% 0.194 13.428);
      --color-error-content: oklch(27% 0.105 12.094);
      --radius-selector: 0.5rem;
      --radius-field: 0.25rem;
      --radius-box: 0.5rem;
      --size-selector: 0.25rem;
      --size-field: 0.25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(45% 0.24 277.023);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
    color-scheme: dark;
    --color-base-100: oklch(25.33% 0.016 252.42);
    --color-base-200: oklch(23.26% 0.014 253.1);
    --color-base-300: oklch(21.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(58% 0.233 277.117);
    --color-primary-content: oklch(96% 0.018 272.314);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=cupcake]:checked),[data-theme=cupcake] {
    color-scheme: light;
    --color-base-100: oklch(97.788% 0.004 56.375);
    --color-base-200: oklch(93.982% 0.007 61.449);
    --color-base-300: oklch(91.586% 0.006 53.44);
    --color-base-content: oklch(23.574% 0.066 313.189);
    --color-primary: oklch(85% 0.138 181.071);
    --color-primary-content: oklch(43% 0.078 188.216);
    --color-secondary: oklch(89% 0.061 343.231);
    --color-secondary-content: oklch(45% 0.187 3.815);
    --color-accent: oklch(90% 0.076 70.697);
    --color-accent-content: oklch(47% 0.157 37.304);
    --color-neutral: oklch(27% 0.006 286.033);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(68% 0.169 237.323);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(69% 0.17 162.48);
    --color-success-content: oklch(26% 0.051 172.552);
    --color-warning: oklch(79% 0.184 86.047);
    --color-warning-content: oklch(28% 0.066 53.813);
    --color-error: oklch(64% 0.246 16.439);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 2px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=bumblebee]:checked),[data-theme=bumblebee] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97% 0 0);
    --color-base-300: oklch(92% 0 0);
    --color-base-content: oklch(20% 0 0);
    --color-primary: oklch(85% 0.199 91.936);
    --color-primary-content: oklch(42% 0.095 57.708);
    --color-secondary: oklch(75% 0.183 55.934);
    --color-secondary-content: oklch(40% 0.123 38.172);
    --color-accent: oklch(0% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(37% 0.01 67.558);
    --color-neutral-content: oklch(92% 0.003 48.717);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(39% 0.09 240.876);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(70% 0.191 22.216);
    --color-error-content: oklch(39% 0.141 25.723);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=emerald]:checked),[data-theme=emerald] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(93% 0 0);
    --color-base-300: oklch(86% 0 0);
    --color-base-content: oklch(35.519% 0.032 262.988);
    --color-primary: oklch(76.662% 0.135 153.45);
    --color-primary-content: oklch(33.387% 0.04 162.24);
    --color-secondary: oklch(61.302% 0.202 261.294);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(72.772% 0.149 33.2);
    --color-accent-content: oklch(0% 0 0);
    --color-neutral: oklch(35.519% 0.032 262.988);
    --color-neutral-content: oklch(98.462% 0.001 247.838);
    --color-info: oklch(72.06% 0.191 231.6);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(64.8% 0.15 160);
    --color-success-content: oklch(0% 0 0);
    --color-warning: oklch(84.71% 0.199 83.87);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(71.76% 0.221 22.18);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=corporate]:checked),[data-theme=corporate] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(93% 0 0);
    --color-base-300: oklch(86% 0 0);
    --color-base-content: oklch(22.389% 0.031 278.072);
    --color-primary: oklch(58% 0.158 241.966);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(55% 0.046 257.417);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(60% 0.118 184.704);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(0% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(60% 0.126 221.723);
    --color-info-content: oklch(100% 0 0);
    --color-success: oklch(62% 0.194 149.214);
    --color-success-content: oklch(100% 0 0);
    --color-warning: oklch(85% 0.199 91.936);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(70% 0.191 22.216);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 0.25rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=synthwave]:checked),[data-theme=synthwave] {
    color-scheme: dark;
    --color-base-100: oklch(15% 0.09 281.288);
    --color-base-200: oklch(20% 0.09 281.288);
    --color-base-300: oklch(25% 0.09 281.288);
    --color-base-content: oklch(78% 0.115 274.713);
    --color-primary: oklch(71% 0.202 349.761);
    --color-primary-content: oklch(28% 0.109 3.907);
    --color-secondary: oklch(82% 0.111 230.318);
    --color-secondary-content: oklch(29% 0.066 243.157);
    --color-accent: oklch(75% 0.183 55.934);
    --color-accent-content: oklch(26% 0.079 36.259);
    --color-neutral: oklch(45% 0.24 277.023);
    --color-neutral-content: oklch(87% 0.065 274.039);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(77% 0.152 181.912);
    --color-success-content: oklch(27% 0.046 192.524);
    --color-warning: oklch(90% 0.182 98.111);
    --color-warning-content: oklch(42% 0.095 57.708);
    --color-error: oklch(73.7% 0.121 32.639);
    --color-error-content: oklch(23.501% 0.096 290.329);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=retro]:checked),[data-theme=retro] {
    color-scheme: light;
    --color-base-100: oklch(91.637% 0.034 90.515);
    --color-base-200: oklch(88.272% 0.049 91.774);
    --color-base-300: oklch(84.133% 0.065 90.856);
    --color-base-content: oklch(41% 0.112 45.904);
    --color-primary: oklch(80% 0.114 19.571);
    --color-primary-content: oklch(39% 0.141 25.723);
    --color-secondary: oklch(92% 0.084 155.995);
    --color-secondary-content: oklch(44% 0.119 151.328);
    --color-accent: oklch(68% 0.162 75.834);
    --color-accent-content: oklch(41% 0.112 45.904);
    --color-neutral: oklch(44% 0.011 73.639);
    --color-neutral-content: oklch(86% 0.005 56.366);
    --color-info: oklch(58% 0.158 241.966);
    --color-info-content: oklch(96% 0.059 95.617);
    --color-success: oklch(51% 0.096 186.391);
    --color-success-content: oklch(96% 0.059 95.617);
    --color-warning: oklch(64% 0.222 41.116);
    --color-warning-content: oklch(96% 0.059 95.617);
    --color-error: oklch(70% 0.191 22.216);
    --color-error-content: oklch(40% 0.123 38.172);
    --radius-selector: 0.25rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=cyberpunk]:checked),[data-theme=cyberpunk] {
    color-scheme: light;
    --color-base-100: oklch(94.51% 0.179 104.32);
    --color-base-200: oklch(91.51% 0.179 104.32);
    --color-base-300: oklch(85.51% 0.179 104.32);
    --color-base-content: oklch(0% 0 0);
    --color-primary: oklch(74.22% 0.209 6.35);
    --color-primary-content: oklch(14.844% 0.041 6.35);
    --color-secondary: oklch(83.33% 0.184 204.72);
    --color-secondary-content: oklch(16.666% 0.036 204.72);
    --color-accent: oklch(71.86% 0.217 310.43);
    --color-accent-content: oklch(14.372% 0.043 310.43);
    --color-neutral: oklch(23.04% 0.065 269.31);
    --color-neutral-content: oklch(94.51% 0.179 104.32);
    --color-info: oklch(72.06% 0.191 231.6);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(64.8% 0.15 160);
    --color-success-content: oklch(0% 0 0);
    --color-warning: oklch(84.71% 0.199 83.87);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(71.76% 0.221 22.18);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 0rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=valentine]:checked),[data-theme=valentine] {
    color-scheme: light;
    --color-base-100: oklch(97% 0.014 343.198);
    --color-base-200: oklch(94% 0.028 342.258);
    --color-base-300: oklch(89% 0.061 343.231);
    --color-base-content: oklch(52% 0.223 3.958);
    --color-primary: oklch(65% 0.241 354.308);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(62% 0.265 303.9);
    --color-secondary-content: oklch(97% 0.014 308.299);
    --color-accent: oklch(82% 0.111 230.318);
    --color-accent-content: oklch(39% 0.09 240.876);
    --color-neutral: oklch(40% 0.153 2.432);
    --color-neutral-content: oklch(89% 0.061 343.231);
    --color-info: oklch(86% 0.127 207.078);
    --color-info-content: oklch(44% 0.11 240.79);
    --color-success: oklch(84% 0.143 164.978);
    --color-success-content: oklch(43% 0.095 166.913);
    --color-warning: oklch(75% 0.183 55.934);
    --color-warning-content: oklch(26% 0.079 36.259);
    --color-error: oklch(63% 0.237 25.331);
    --color-error-content: oklch(97% 0.013 17.38);
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=halloween]:checked),[data-theme=halloween] {
    color-scheme: dark;
    --color-base-100: oklch(21% 0.006 56.043);
    --color-base-200: oklch(14% 0.004 49.25);
    --color-base-300: oklch(0% 0 0);
    --color-base-content: oklch(84.955% 0 0);
    --color-primary: oklch(77.48% 0.204 60.62);
    --color-primary-content: oklch(19.693% 0.004 196.779);
    --color-secondary: oklch(45.98% 0.248 305.03);
    --color-secondary-content: oklch(89.196% 0.049 305.03);
    --color-accent: oklch(64.8% 0.223 136.073);
    --color-accent-content: oklch(0% 0 0);
    --color-neutral: oklch(24.371% 0.046 65.681);
    --color-neutral-content: oklch(84.874% 0.009 65.681);
    --color-info: oklch(54.615% 0.215 262.88);
    --color-info-content: oklch(90.923% 0.043 262.88);
    --color-success: oklch(62.705% 0.169 149.213);
    --color-success-content: oklch(12.541% 0.033 149.213);
    --color-warning: oklch(66.584% 0.157 58.318);
    --color-warning-content: oklch(13.316% 0.031 58.318);
    --color-error: oklch(65.72% 0.199 27.33);
    --color-error-content: oklch(13.144% 0.039 27.33);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=garden]:checked),[data-theme=garden] {
    color-scheme: light;
    --color-base-100: oklch(92.951% 0.002 17.197);
    --color-base-200: oklch(86.445% 0.002 17.197);
    --color-base-300: oklch(79.938% 0.001 17.197);
    --color-base-content: oklch(16.961% 0.001 17.32);
    --color-primary: oklch(62.45% 0.278 3.836);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(48.495% 0.11 355.095);
    --color-secondary-content: oklch(89.699% 0.022 355.095);
    --color-accent: oklch(56.273% 0.054 154.39);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(24.155% 0.049 89.07);
    --color-neutral-content: oklch(92.951% 0.002 17.197);
    --color-info: oklch(72.06% 0.191 231.6);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(64.8% 0.15 160);
    --color-success-content: oklch(0% 0 0);
    --color-warning: oklch(84.71% 0.199 83.87);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(71.76% 0.221 22.18);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=forest]:checked),[data-theme=forest] {
    color-scheme: dark;
    --color-base-100: oklch(20.84% 0.008 17.911);
    --color-base-200: oklch(18.522% 0.007 17.911);
    --color-base-300: oklch(16.203% 0.007 17.911);
    --color-base-content: oklch(83.768% 0.001 17.911);
    --color-primary: oklch(68.628% 0.185 148.958);
    --color-primary-content: oklch(0% 0 0);
    --color-secondary: oklch(69.776% 0.135 168.327);
    --color-secondary-content: oklch(13.955% 0.027 168.327);
    --color-accent: oklch(70.628% 0.119 185.713);
    --color-accent-content: oklch(14.125% 0.023 185.713);
    --color-neutral: oklch(30.698% 0.039 171.364);
    --color-neutral-content: oklch(86.139% 0.007 171.364);
    --color-info: oklch(72.06% 0.191 231.6);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(64.8% 0.15 160);
    --color-success-content: oklch(0% 0 0);
    --color-warning: oklch(84.71% 0.199 83.87);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(71.76% 0.221 22.18);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=aqua]:checked),[data-theme=aqua] {
    color-scheme: dark;
    --color-base-100: oklch(37% 0.146 265.522);
    --color-base-200: oklch(28% 0.091 267.935);
    --color-base-300: oklch(22% 0.091 267.935);
    --color-base-content: oklch(90% 0.058 230.902);
    --color-primary: oklch(85.661% 0.144 198.645);
    --color-primary-content: oklch(40.124% 0.068 197.603);
    --color-secondary: oklch(60.682% 0.108 309.782);
    --color-secondary-content: oklch(96% 0.016 293.756);
    --color-accent: oklch(93.426% 0.102 94.555);
    --color-accent-content: oklch(18.685% 0.02 94.555);
    --color-neutral: oklch(27% 0.146 265.522);
    --color-neutral-content: oklch(80% 0.146 265.522);
    --color-info: oklch(54.615% 0.215 262.88);
    --color-info-content: oklch(90.923% 0.043 262.88);
    --color-success: oklch(62.705% 0.169 149.213);
    --color-success-content: oklch(12.541% 0.033 149.213);
    --color-warning: oklch(66.584% 0.157 58.318);
    --color-warning-content: oklch(27% 0.077 45.635);
    --color-error: oklch(73.95% 0.19 27.33);
    --color-error-content: oklch(14.79% 0.038 27.33);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=lofi]:checked),[data-theme=lofi] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97% 0 0);
    --color-base-300: oklch(94% 0 0);
    --color-base-content: oklch(0% 0 0);
    --color-primary: oklch(15.906% 0 0);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(21.455% 0.001 17.278);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(26.861% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(0% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(79.54% 0.103 205.9);
    --color-info-content: oklch(15.908% 0.02 205.9);
    --color-success: oklch(90.13% 0.153 164.14);
    --color-success-content: oklch(18.026% 0.03 164.14);
    --color-warning: oklch(88.37% 0.135 79.94);
    --color-warning-content: oklch(17.674% 0.027 79.94);
    --color-error: oklch(78.66% 0.15 28.47);
    --color-error-content: oklch(15.732% 0.03 28.47);
    --radius-selector: 2rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=pastel]:checked),[data-theme=pastel] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98.462% 0.001 247.838);
    --color-base-300: oklch(92.462% 0.001 247.838);
    --color-base-content: oklch(20% 0 0);
    --color-primary: oklch(90% 0.063 306.703);
    --color-primary-content: oklch(49% 0.265 301.924);
    --color-secondary: oklch(89% 0.058 10.001);
    --color-secondary-content: oklch(51% 0.222 16.935);
    --color-accent: oklch(90% 0.093 164.15);
    --color-accent-content: oklch(50% 0.118 165.612);
    --color-neutral: oklch(55% 0.046 257.417);
    --color-neutral-content: oklch(92% 0.013 255.508);
    --color-info: oklch(86% 0.127 207.078);
    --color-info-content: oklch(52% 0.105 223.128);
    --color-success: oklch(87% 0.15 154.449);
    --color-success-content: oklch(52% 0.154 150.069);
    --color-warning: oklch(83% 0.128 66.29);
    --color-warning-content: oklch(55% 0.195 38.402);
    --color-error: oklch(80% 0.114 19.571);
    --color-error-content: oklch(50% 0.213 27.518);
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 2px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=fantasy]:checked),[data-theme=fantasy] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(93% 0 0);
    --color-base-300: oklch(86% 0 0);
    --color-base-content: oklch(27.807% 0.029 256.847);
    --color-primary: oklch(37.45% 0.189 325.02);
    --color-primary-content: oklch(87.49% 0.037 325.02);
    --color-secondary: oklch(53.92% 0.162 241.36);
    --color-secondary-content: oklch(90.784% 0.032 241.36);
    --color-accent: oklch(75.98% 0.204 56.72);
    --color-accent-content: oklch(15.196% 0.04 56.72);
    --color-neutral: oklch(27.807% 0.029 256.847);
    --color-neutral-content: oklch(85.561% 0.005 256.847);
    --color-info: oklch(72.06% 0.191 231.6);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(64.8% 0.15 160);
    --color-success-content: oklch(0% 0 0);
    --color-warning: oklch(84.71% 0.199 83.87);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(71.76% 0.221 22.18);
    --color-error-content: oklch(0% 0 0);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=wireframe]:checked),[data-theme=wireframe] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97% 0 0);
    --color-base-300: oklch(94% 0 0);
    --color-base-content: oklch(20% 0 0);
    --color-primary: oklch(87% 0 0);
    --color-primary-content: oklch(26% 0 0);
    --color-secondary: oklch(87% 0 0);
    --color-secondary-content: oklch(26% 0 0);
    --color-accent: oklch(87% 0 0);
    --color-accent-content: oklch(26% 0 0);
    --color-neutral: oklch(87% 0 0);
    --color-neutral-content: oklch(26% 0 0);
    --color-info: oklch(44% 0.11 240.79);
    --color-info-content: oklch(90% 0.058 230.902);
    --color-success: oklch(43% 0.095 166.913);
    --color-success-content: oklch(90% 0.093 164.15);
    --color-warning: oklch(47% 0.137 46.201);
    --color-warning-content: oklch(92% 0.12 95.746);
    --color-error: oklch(44% 0.177 26.899);
    --color-error-content: oklch(88% 0.062 18.334);
    --radius-selector: 0rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=black]:checked),[data-theme=black] {
    color-scheme: dark;
    --color-base-100: oklch(0% 0 0);
    --color-base-200: oklch(19% 0 0);
    --color-base-300: oklch(22% 0 0);
    --color-base-content: oklch(87.609% 0 0);
    --color-primary: oklch(35% 0 0);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(35% 0 0);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(35% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(35% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(45.201% 0.313 264.052);
    --color-info-content: oklch(89.04% 0.062 264.052);
    --color-success: oklch(51.975% 0.176 142.495);
    --color-success-content: oklch(90.395% 0.035 142.495);
    --color-warning: oklch(96.798% 0.211 109.769);
    --color-warning-content: oklch(19.359% 0.042 109.769);
    --color-error: oklch(62.795% 0.257 29.233);
    --color-error-content: oklch(12.559% 0.051 29.233);
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 0rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=luxury]:checked),[data-theme=luxury] {
    color-scheme: dark;
    --color-base-100: oklch(14.076% 0.004 285.822);
    --color-base-200: oklch(20.219% 0.004 308.229);
    --color-base-300: oklch(23.219% 0.004 308.229);
    --color-base-content: oklch(75.687% 0.123 76.89);
    --color-primary: oklch(100% 0 0);
    --color-primary-content: oklch(20% 0 0);
    --color-secondary: oklch(27.581% 0.064 261.069);
    --color-secondary-content: oklch(85.516% 0.012 261.069);
    --color-accent: oklch(36.674% 0.051 338.825);
    --color-accent-content: oklch(87.334% 0.01 338.825);
    --color-neutral: oklch(24.27% 0.057 59.825);
    --color-neutral-content: oklch(93.203% 0.089 90.861);
    --color-info: oklch(79.061% 0.121 237.133);
    --color-info-content: oklch(15.812% 0.024 237.133);
    --color-success: oklch(78.119% 0.192 132.154);
    --color-success-content: oklch(15.623% 0.038 132.154);
    --color-warning: oklch(86.127% 0.136 102.891);
    --color-warning-content: oklch(17.225% 0.027 102.891);
    --color-error: oklch(71.753% 0.176 22.568);
    --color-error-content: oklch(14.35% 0.035 22.568);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=dracula]:checked),[data-theme=dracula] {
    color-scheme: dark;
    --color-base-100: oklch(28.822% 0.022 277.508);
    --color-base-200: oklch(26.805% 0.02 277.508);
    --color-base-300: oklch(24.787% 0.019 277.508);
    --color-base-content: oklch(97.747% 0.007 106.545);
    --color-primary: oklch(75.461% 0.183 346.812);
    --color-primary-content: oklch(15.092% 0.036 346.812);
    --color-secondary: oklch(74.202% 0.148 301.883);
    --color-secondary-content: oklch(14.84% 0.029 301.883);
    --color-accent: oklch(83.392% 0.124 66.558);
    --color-accent-content: oklch(16.678% 0.024 66.558);
    --color-neutral: oklch(39.445% 0.032 275.524);
    --color-neutral-content: oklch(87.889% 0.006 275.524);
    --color-info: oklch(88.263% 0.093 212.846);
    --color-info-content: oklch(17.652% 0.018 212.846);
    --color-success: oklch(87.099% 0.219 148.024);
    --color-success-content: oklch(17.419% 0.043 148.024);
    --color-warning: oklch(95.533% 0.134 112.757);
    --color-warning-content: oklch(19.106% 0.026 112.757);
    --color-error: oklch(68.22% 0.206 24.43);
    --color-error-content: oklch(13.644% 0.041 24.43);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=cmyk]:checked),[data-theme=cmyk] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(95% 0 0);
    --color-base-300: oklch(90% 0 0);
    --color-base-content: oklch(20% 0 0);
    --color-primary: oklch(71.772% 0.133 239.443);
    --color-primary-content: oklch(14.354% 0.026 239.443);
    --color-secondary: oklch(64.476% 0.202 359.339);
    --color-secondary-content: oklch(12.895% 0.04 359.339);
    --color-accent: oklch(94.228% 0.189 105.306);
    --color-accent-content: oklch(18.845% 0.037 105.306);
    --color-neutral: oklch(21.778% 0 0);
    --color-neutral-content: oklch(84.355% 0 0);
    --color-info: oklch(68.475% 0.094 217.284);
    --color-info-content: oklch(13.695% 0.018 217.284);
    --color-success: oklch(46.949% 0.162 321.406);
    --color-success-content: oklch(89.389% 0.032 321.406);
    --color-warning: oklch(71.236% 0.159 52.023);
    --color-warning-content: oklch(14.247% 0.031 52.023);
    --color-error: oklch(62.013% 0.208 28.717);
    --color-error-content: oklch(12.402% 0.041 28.717);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=autumn]:checked),[data-theme=autumn] {
    color-scheme: light;
    --color-base-100: oklch(95.814% 0 0);
    --color-base-200: oklch(89.107% 0 0);
    --color-base-300: oklch(82.4% 0 0);
    --color-base-content: oklch(19.162% 0 0);
    --color-primary: oklch(40.723% 0.161 17.53);
    --color-primary-content: oklch(88.144% 0.032 17.53);
    --color-secondary: oklch(61.676% 0.169 23.865);
    --color-secondary-content: oklch(12.335% 0.033 23.865);
    --color-accent: oklch(73.425% 0.094 60.729);
    --color-accent-content: oklch(14.685% 0.018 60.729);
    --color-neutral: oklch(54.367% 0.037 51.902);
    --color-neutral-content: oklch(90.873% 0.007 51.902);
    --color-info: oklch(69.224% 0.097 207.284);
    --color-info-content: oklch(13.844% 0.019 207.284);
    --color-success: oklch(60.995% 0.08 174.616);
    --color-success-content: oklch(12.199% 0.016 174.616);
    --color-warning: oklch(70.081% 0.164 56.844);
    --color-warning-content: oklch(14.016% 0.032 56.844);
    --color-error: oklch(53.07% 0.241 24.16);
    --color-error-content: oklch(90.614% 0.048 24.16);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=business]:checked),[data-theme=business] {
    color-scheme: dark;
    --color-base-100: oklch(24.353% 0 0);
    --color-base-200: oklch(22.648% 0 0);
    --color-base-300: oklch(20.944% 0 0);
    --color-base-content: oklch(84.87% 0 0);
    --color-primary: oklch(41.703% 0.099 251.473);
    --color-primary-content: oklch(88.34% 0.019 251.473);
    --color-secondary: oklch(64.092% 0.027 229.389);
    --color-secondary-content: oklch(12.818% 0.005 229.389);
    --color-accent: oklch(67.271% 0.167 35.791);
    --color-accent-content: oklch(13.454% 0.033 35.791);
    --color-neutral: oklch(27.441% 0.013 253.041);
    --color-neutral-content: oklch(85.488% 0.002 253.041);
    --color-info: oklch(62.616% 0.143 240.033);
    --color-info-content: oklch(12.523% 0.028 240.033);
    --color-success: oklch(70.226% 0.094 156.596);
    --color-success-content: oklch(14.045% 0.018 156.596);
    --color-warning: oklch(77.482% 0.115 81.519);
    --color-warning-content: oklch(15.496% 0.023 81.519);
    --color-error: oklch(51.61% 0.146 29.674);
    --color-error-content: oklch(90.322% 0.029 29.674);
    --radius-selector: 0rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=acid]:checked),[data-theme=acid] {
    color-scheme: light;
    --color-base-100: oklch(98% 0 0);
    --color-base-200: oklch(95% 0 0);
    --color-base-300: oklch(91% 0 0);
    --color-base-content: oklch(0% 0 0);
    --color-primary: oklch(71.9% 0.357 330.759);
    --color-primary-content: oklch(14.38% 0.071 330.759);
    --color-secondary: oklch(73.37% 0.224 48.25);
    --color-secondary-content: oklch(14.674% 0.044 48.25);
    --color-accent: oklch(92.78% 0.264 122.962);
    --color-accent-content: oklch(18.556% 0.052 122.962);
    --color-neutral: oklch(21.31% 0.128 278.68);
    --color-neutral-content: oklch(84.262% 0.025 278.68);
    --color-info: oklch(60.72% 0.227 252.05);
    --color-info-content: oklch(12.144% 0.045 252.05);
    --color-success: oklch(85.72% 0.266 158.53);
    --color-success-content: oklch(17.144% 0.053 158.53);
    --color-warning: oklch(91.01% 0.212 100.5);
    --color-warning-content: oklch(18.202% 0.042 100.5);
    --color-error: oklch(64.84% 0.293 29.349);
    --color-error-content: oklch(12.968% 0.058 29.349);
    --radius-selector: 1rem;
    --radius-field: 1rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=lemonade]:checked),[data-theme=lemonade] {
    color-scheme: light;
    --color-base-100: oklch(98.71% 0.02 123.72);
    --color-base-200: oklch(91.8% 0.018 123.72);
    --color-base-300: oklch(84.89% 0.017 123.72);
    --color-base-content: oklch(19.742% 0.004 123.72);
    --color-primary: oklch(58.92% 0.199 134.6);
    --color-primary-content: oklch(11.784% 0.039 134.6);
    --color-secondary: oklch(77.75% 0.196 111.09);
    --color-secondary-content: oklch(15.55% 0.039 111.09);
    --color-accent: oklch(85.39% 0.201 100.73);
    --color-accent-content: oklch(17.078% 0.04 100.73);
    --color-neutral: oklch(30.98% 0.075 108.6);
    --color-neutral-content: oklch(86.196% 0.015 108.6);
    --color-info: oklch(86.19% 0.047 224.14);
    --color-info-content: oklch(17.238% 0.009 224.14);
    --color-success: oklch(86.19% 0.047 157.85);
    --color-success-content: oklch(17.238% 0.009 157.85);
    --color-warning: oklch(86.19% 0.047 102.15);
    --color-warning-content: oklch(17.238% 0.009 102.15);
    --color-error: oklch(86.19% 0.047 25.85);
    --color-error-content: oklch(17.238% 0.009 25.85);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=night]:checked),[data-theme=night] {
    color-scheme: dark;
    --color-base-100: oklch(20.768% 0.039 265.754);
    --color-base-200: oklch(19.314% 0.037 265.754);
    --color-base-300: oklch(17.86% 0.034 265.754);
    --color-base-content: oklch(84.153% 0.007 265.754);
    --color-primary: oklch(75.351% 0.138 232.661);
    --color-primary-content: oklch(15.07% 0.027 232.661);
    --color-secondary: oklch(68.011% 0.158 276.934);
    --color-secondary-content: oklch(13.602% 0.031 276.934);
    --color-accent: oklch(72.36% 0.176 350.048);
    --color-accent-content: oklch(14.472% 0.035 350.048);
    --color-neutral: oklch(27.949% 0.036 260.03);
    --color-neutral-content: oklch(85.589% 0.007 260.03);
    --color-info: oklch(68.455% 0.148 237.251);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(78.452% 0.132 181.911);
    --color-success-content: oklch(15.69% 0.026 181.911);
    --color-warning: oklch(83.242% 0.139 82.95);
    --color-warning-content: oklch(16.648% 0.027 82.95);
    --color-error: oklch(71.785% 0.17 13.118);
    --color-error-content: oklch(14.357% 0.034 13.118);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=coffee]:checked),[data-theme=coffee] {
    color-scheme: dark;
    --color-base-100: oklch(24% 0.023 329.708);
    --color-base-200: oklch(21% 0.021 329.708);
    --color-base-300: oklch(16% 0.019 329.708);
    --color-base-content: oklch(72.354% 0.092 79.129);
    --color-primary: oklch(71.996% 0.123 62.756);
    --color-primary-content: oklch(14.399% 0.024 62.756);
    --color-secondary: oklch(34.465% 0.029 199.194);
    --color-secondary-content: oklch(86.893% 0.005 199.194);
    --color-accent: oklch(42.621% 0.074 224.389);
    --color-accent-content: oklch(88.524% 0.014 224.389);
    --color-neutral: oklch(16.51% 0.015 326.261);
    --color-neutral-content: oklch(83.302% 0.003 326.261);
    --color-info: oklch(79.49% 0.063 184.558);
    --color-info-content: oklch(15.898% 0.012 184.558);
    --color-success: oklch(74.722% 0.072 131.116);
    --color-success-content: oklch(14.944% 0.014 131.116);
    --color-warning: oklch(88.15% 0.14 87.722);
    --color-warning-content: oklch(17.63% 0.028 87.722);
    --color-error: oklch(77.318% 0.128 31.871);
    --color-error-content: oklch(15.463% 0.025 31.871);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=winter]:checked),[data-theme=winter] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97.466% 0.011 259.822);
    --color-base-300: oklch(93.268% 0.016 262.751);
    --color-base-content: oklch(41.886% 0.053 255.824);
    --color-primary: oklch(56.86% 0.255 257.57);
    --color-primary-content: oklch(91.372% 0.051 257.57);
    --color-secondary: oklch(42.551% 0.161 282.339);
    --color-secondary-content: oklch(88.51% 0.032 282.339);
    --color-accent: oklch(59.939% 0.191 335.171);
    --color-accent-content: oklch(11.988% 0.038 335.171);
    --color-neutral: oklch(19.616% 0.063 257.651);
    --color-neutral-content: oklch(83.923% 0.012 257.651);
    --color-info: oklch(88.127% 0.085 214.515);
    --color-info-content: oklch(17.625% 0.017 214.515);
    --color-success: oklch(80.494% 0.077 197.823);
    --color-success-content: oklch(16.098% 0.015 197.823);
    --color-warning: oklch(89.172% 0.045 71.47);
    --color-warning-content: oklch(17.834% 0.009 71.47);
    --color-error: oklch(73.092% 0.11 20.076);
    --color-error-content: oklch(14.618% 0.022 20.076);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=dim]:checked),[data-theme=dim] {
    color-scheme: dark;
    --color-base-100: oklch(30.857% 0.023 264.149);
    --color-base-200: oklch(28.036% 0.019 264.182);
    --color-base-300: oklch(26.346% 0.018 262.177);
    --color-base-content: oklch(82.901% 0.031 222.959);
    --color-primary: oklch(86.133% 0.141 139.549);
    --color-primary-content: oklch(17.226% 0.028 139.549);
    --color-secondary: oklch(73.375% 0.165 35.353);
    --color-secondary-content: oklch(14.675% 0.033 35.353);
    --color-accent: oklch(74.229% 0.133 311.379);
    --color-accent-content: oklch(14.845% 0.026 311.379);
    --color-neutral: oklch(24.731% 0.02 264.094);
    --color-neutral-content: oklch(82.901% 0.031 222.959);
    --color-info: oklch(86.078% 0.142 206.182);
    --color-info-content: oklch(17.215% 0.028 206.182);
    --color-success: oklch(86.171% 0.142 166.534);
    --color-success-content: oklch(17.234% 0.028 166.534);
    --color-warning: oklch(86.163% 0.142 94.818);
    --color-warning-content: oklch(17.232% 0.028 94.818);
    --color-error: oklch(82.418% 0.099 33.756);
    --color-error-content: oklch(16.483% 0.019 33.756);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=nord]:checked),[data-theme=nord] {
    color-scheme: light;
    --color-base-100: oklch(95.127% 0.007 260.731);
    --color-base-200: oklch(93.299% 0.01 261.788);
    --color-base-300: oklch(89.925% 0.016 262.749);
    --color-base-content: oklch(32.437% 0.022 264.182);
    --color-primary: oklch(59.435% 0.077 254.027);
    --color-primary-content: oklch(11.887% 0.015 254.027);
    --color-secondary: oklch(69.651% 0.059 248.687);
    --color-secondary-content: oklch(13.93% 0.011 248.687);
    --color-accent: oklch(77.464% 0.062 217.469);
    --color-accent-content: oklch(15.492% 0.012 217.469);
    --color-neutral: oklch(45.229% 0.035 264.131);
    --color-neutral-content: oklch(89.925% 0.016 262.749);
    --color-info: oklch(69.207% 0.062 332.664);
    --color-info-content: oklch(13.841% 0.012 332.664);
    --color-success: oklch(76.827% 0.074 131.063);
    --color-success-content: oklch(15.365% 0.014 131.063);
    --color-warning: oklch(85.486% 0.089 84.093);
    --color-warning-content: oklch(17.097% 0.017 84.093);
    --color-error: oklch(60.61% 0.12 15.341);
    --color-error-content: oklch(12.122% 0.024 15.341);
    --radius-selector: 1rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=sunset]:checked),[data-theme=sunset] {
    color-scheme: dark;
    --color-base-100: oklch(22% 0.019 237.69);
    --color-base-200: oklch(20% 0.019 237.69);
    --color-base-300: oklch(18% 0.019 237.69);
    --color-base-content: oklch(77.383% 0.043 245.096);
    --color-primary: oklch(74.703% 0.158 39.947);
    --color-primary-content: oklch(14.94% 0.031 39.947);
    --color-secondary: oklch(72.537% 0.177 2.72);
    --color-secondary-content: oklch(14.507% 0.035 2.72);
    --color-accent: oklch(71.294% 0.166 299.844);
    --color-accent-content: oklch(14.258% 0.033 299.844);
    --color-neutral: oklch(26% 0.019 237.69);
    --color-neutral-content: oklch(70% 0.019 237.69);
    --color-info: oklch(85.559% 0.085 206.015);
    --color-info-content: oklch(17.111% 0.017 206.015);
    --color-success: oklch(85.56% 0.085 144.778);
    --color-success-content: oklch(17.112% 0.017 144.778);
    --color-warning: oklch(85.569% 0.084 74.427);
    --color-warning-content: oklch(17.113% 0.016 74.427);
    --color-error: oklch(85.511% 0.078 16.886);
    --color-error-content: oklch(17.102% 0.015 16.886);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=caramellatte]:checked),[data-theme=caramellatte] {
    color-scheme: light;
    --color-base-100: oklch(98% 0.016 73.684);
    --color-base-200: oklch(95% 0.038 75.164);
    --color-base-300: oklch(90% 0.076 70.697);
    --color-base-content: oklch(40% 0.123 38.172);
    --color-primary: oklch(0% 0 0);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(22.45% 0.075 37.85);
    --color-secondary-content: oklch(90% 0.076 70.697);
    --color-accent: oklch(46.44% 0.111 37.85);
    --color-accent-content: oklch(90% 0.076 70.697);
    --color-neutral: oklch(55% 0.195 38.402);
    --color-neutral-content: oklch(98% 0.016 73.684);
    --color-info: oklch(42% 0.199 265.638);
    --color-info-content: oklch(90% 0.076 70.697);
    --color-success: oklch(43% 0.095 166.913);
    --color-success-content: oklch(90% 0.076 70.697);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(70% 0.191 22.216);
    --color-error-content: oklch(39% 0.141 25.723);
    --radius-selector: 2rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 2px;
    --depth: 1;
    --noise: 1;
  }
}
@layer base {
  :root:has(input.theme-controller[value=abyss]:checked),[data-theme=abyss] {
    color-scheme: dark;
    --color-base-100: oklch(20% 0.08 209);
    --color-base-200: oklch(15% 0.08 209);
    --color-base-300: oklch(10% 0.08 209);
    --color-base-content: oklch(90% 0.076 70.697);
    --color-primary: oklch(92% 0.2653 125);
    --color-primary-content: oklch(50% 0.2653 125);
    --color-secondary: oklch(83.27% 0.0764 298.3);
    --color-secondary-content: oklch(43.27% 0.0764 298.3);
    --color-accent: oklch(43% 0 0);
    --color-accent-content: oklch(98% 0 0);
    --color-neutral: oklch(30% 0.08 209);
    --color-neutral-content: oklch(90% 0.076 70.697);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(79% 0.209 151.711);
    --color-success-content: oklch(26% 0.065 152.934);
    --color-warning: oklch(84.8% 0.1962 84.62);
    --color-warning-content: oklch(44.8% 0.1962 84.62);
    --color-error: oklch(65% 0.1985 24.22);
    --color-error-content: oklch(27% 0.1985 24.22);
    --radius-selector: 2rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root:has(input.theme-controller[value=silk]:checked),[data-theme=silk] {
    color-scheme: light;
    --color-base-100: oklch(97% 0.0035 67.78);
    --color-base-200: oklch(95% 0.0081 61.42);
    --color-base-300: oklch(90% 0.0081 61.42);
    --color-base-content: oklch(40% 0.0081 61.42);
    --color-primary: oklch(23.27% 0.0249 284.3);
    --color-primary-content: oklch(94.22% 0.2505 117.44);
    --color-secondary: oklch(23.27% 0.0249 284.3);
    --color-secondary-content: oklch(73.92% 0.2135 50.94);
    --color-accent: oklch(23.27% 0.0249 284.3);
    --color-accent-content: oklch(88.92% 0.2061 189.9);
    --color-neutral: oklch(20% 0 0);
    --color-neutral-content: oklch(80% 0.0081 61.42);
    --color-info: oklch(80.39% 0.1148 241.68);
    --color-info-content: oklch(30.39% 0.1148 241.68);
    --color-success: oklch(83.92% 0.0901 136.87);
    --color-success-content: oklch(23.92% 0.0901 136.87);
    --color-warning: oklch(83.92% 0.1085 80);
    --color-warning-content: oklch(43.92% 0.1085 80);
    --color-error: oklch(75.1% 0.1814 22.37);
    --color-error-content: oklch(35.1% 0.1814 22.37);
    --radius-selector: 2rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 2px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@layer base {
  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
    overflow: hidden;
  }
}
@layer base {
  :where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {
    scrollbar-gutter: stable;
    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
    --root-bg: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
    }
  }
  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {
    scrollbar-gutter: stable;
  }
}
@layer base {
  :root, [data-theme] {
    background-color: var(--root-bg, var(--color-base-100));
    color: var(--color-base-content);
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=hrwc]:checked),[data-theme="hrwc"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(96.75% 0.0054 274.97);
    --color-base-300: oklch(90% 0.0054 274.97);
    --color-base-content: oklch(12.88% 0.0406 264.7);
    --color-primary: oklch(49.51% 0.28407196179220245 268.33493641717826);
    --color-secondary: oklch(78.69% 0.11115818584712096 252.0401606764097);
    --color-accent: oklch(0.546 0.245 262.881);
    --color-accent-content: oklch(30.86% 0.0232 264.15);
    --color-neutral: oklch(92.88% 0.0126 255.51);
    --color-neutral-content: oklch(12.88% 0.0406 264.7);
    --color-info: oklch(0.79 0.1135 241.68);
    --color-success: oklch(0.72 0.19 150);
    --color-warning: oklch(0.86 0.17 92);
    --color-error: oklch(0.58 0.22 27);
    --radius-selector: 0.375rem;
    --radius-field: 0.375rem;
    --radius-box: 0.375rem;
    --size-selector: 0.225rem;
    --size-field: 0.225rem;
  }
}
@layer base {
  :root:has(input.theme-controller[value=brand]:checked),[data-theme="brand"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(96.75% 0.0054 274.97);
    --color-base-300: oklch(90% 0.0054 274.97);
    --color-base-content: oklch(12.88% 0.0406 264.7);
    --color-primary: oklch(49.51% 0.28407196179220245 268.33493641717826);
    --color-secondary: oklch(78.69% 0.11115818584712096 252.0401606764097);
    --color-accent: oklch(0.546 0.245 262.881);
    --color-accent-content: oklch(30.86% 0.0232 264.15);
    --color-neutral: oklch(92.88% 0.0126 255.51);
    --color-neutral-content: oklch(12.88% 0.0406 264.7);
    --color-info: oklch(0.79 0.1135 241.68);
    --color-success: oklch(0.72 0.19 150);
    --color-warning: oklch(0.86 0.17 92);
    --color-error: oklch(0.58 0.22 27);
    --radius-selector: 0.375rem;
    --radius-field: 0.375rem;
    --radius-box: 0.375rem;
    --size-selector: 0.225rem;
    --size-field: 0.225rem;
  }
}
@layer base {
  :root:has(input.theme-controller[value=debug]:checked),[data-theme="debug"] {
    color-scheme: normal;
    --color-primary: oklch(70% 0.2787 331.41);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-divide-x-reverse: 0;
      --tw-content: "";
    }
  }
}