/* app/assets/esbuild/entrypoints/theme.scss */
:root {
  --color-global-grey-50:#fcfcfc;
  --color-global-grey-100:#f3f4f5;
  --color-global-grey-150:#ebeeef;
  --color-global-grey-200:#e1e3e6;
  --color-global-grey-200-rgb:220,223,227;
  --color-global-grey-300:#999b9b;
  --color-global-grey-400:#797d7d;
  --color-global-grey-500:#6f7272;
  --color-global-grey-600:#484d4d;
  --color-global-grey-700:#3f4751;
  --color-global-grey-800:#1f2727;
  --color-global-indigo-50:#eef2ff;
  --color-global-indigo-100:#e0e7ff;
  --color-global-indigo-200:#c7d2fe;
  --color-global-indigo-300:#a5b4fc;
  --color-global-indigo-400:#818cf8;
  --color-global-indigo-500:#6366f1;
  --color-global-indigo-600:#4f46e5;
  --color-global-indigo-700:#4338ca;
  --color-global-indigo-800:#3730a3;
  --color-global-indigo-900:#312e81;
  --color-global-error-100:#fceaea;
  --color-global-error-300:#c64840;
  --color-global-error-400:#ff898d;
  --color-global-error-500:#b95146;
  --color-global-error-600:#ff2336;
  --color-global-error-800:#f0000b;
  --color-global-success-100:#e1f6f0;
  --color-global-success-400:#52dfbe;
  --color-global-success-600:#00b98b;
  --color-global-success-800:#00a473;
  --color-global-warning-100:#fbf5e0;
  --color-global-warning-400:#ffea9b;
  --color-global-warning-600:#efca49;
  --color-global-warning-700:#c39d1c;
  --color-global-warning-800:#a85a11;
  --color-primary-200:#d4e3e8;
  --color-primary-300:#c6e3ef;
  --color-primary-400:#c6e3ef;
  --color-primary-400-rgb:185,224,238;
  --color-primary-500:#29718c;
  --color-primary-600:#71a5b9;
  --color-primary-800:#29718c;
  --color-primary-900:#00413e;
  --event-color-yellow-light:#fff3e2;
  --event-color-yellow-dark:#cf800f;
  --event-color-red-light:#fff0ec;
  --event-color-red-dark:#d3522b;
  --event-color-green-light:#d5e9e8;
  --event-color-green-dark:#00413e;
  --event-color-blue-light:#ecf5fb;
  --event-color-blue-dark:#1d5075;
  --event-color-purple-light:#e9ebf9;
  --event-color-purple-dark:#59608f;
  --event-color-gray-light:#f5f7f7;
  --event-color-gray-dark:#1f2727;
  --event-color-lightgray-light:#f5f7f7;
  --event-color-lightgray-dark:#3e4444;
  --color-base-100:#fbfbfb;
  --color-base-200:#e9ebeb;
  --color-base-300:#d5d8d8;
  --color-base-400:#a2a6a6;
  --color-base-500:#6f7272;
  --color-base-600:#515454;
  --color-base-700:#373a3a;
  --color-base-800:#252828;
  --color-base-900:#151818;
  --color-error-100:#ffedeb;
  --color-error-200:#ffd9d4;
  --color-error-300:#f5b2ab;
  --color-error-400:#e2887e;
  --color-error-500:#b95146;
  --color-error-600:#9e3836;
  --color-error-700:#842a2f;
  --color-error-800:#6a1d28;
  --color-error-900:#581523;
  --color-warning-100:#fdf9e1;
  --color-warning-200:#fcefa5;
  --color-warning-300:#f1e081;
  --color-warning-400:#e6ce64;
  --color-warning-500:#ccaa41;
  --color-warning-600:#b89835;
  --color-warning-700:#9a7c2a;
  --color-warning-800:#755c1c;
  --color-warning-900:#5e4612;
  --color-success-100:#ecf7ea;
  --color-success-200:#d5edd3;
  --color-success-300:#a3d5a7;
  --color-success-400:#7bad83;
  --color-success-500:#57845c;
  --color-success-600:#436a4b;
  --color-success-700:#2f513b;
  --color-success-800:#213e2e;
  --color-success-900:#182e23;
}
.calendar-page,
.inbox-page,
.time-tracking-page,
[data-controller=datepicker] {
  --color-primary-100:#e4f3f9;
  --color-primary-200:#b3deef;
  --color-primary-300:#82b6d2;
  --color-primary-400:#5987a9;
  --color-primary-500:#2a4f72;
  --color-primary-600:#1f3d61;
  --color-primary-700:#162e52;
  --color-primary-800:#0f2141;
  --color-primary-900:#081636;
}
body.engineer,
body.engineer-admin {
  --color-global-grey-200:#dadbdb;
  --color-global-grey-400:#646868;
  --color-primary-300:#f7ebf1;
  --color-primary-400:#dea0c0;
  --color-primary-400-rgb:220,173,198;
  --color-primary-500:#97386b;
  --color-primary-600:#782f5f;
  --color-primary-800:#97386b;
  --color-global-error-100:#fce8e7;
  --color-global-error-400:#c64840;
  --color-global-error-400-rgb:202,36,36;
  --color-global-error-600:#97130b;
  --color-global-success-100:#dcfdf5;
  --color-global-success-400:#35ac91;
  --color-global-success-600:#337062;
  --color-global-warning-100:#fff7e7;
  --color-global-warning-600:#a85a11;
  --input-focus-shadow-color:0 0 0 4px rgba(var(--color-primary-400-rgb),0.2);
}
body.engineer .calendar-page,
body.engineer .inbox-page,
body.engineer .time-tracking-page,
body.engineer [data-controller=datepicker] [data-view-component],
body.engineer-admin .calendar-page,
body.engineer-admin .inbox-page,
body.engineer-admin .time-tracking-page,
body.engineer-admin [data-controller=datepicker] [data-view-component] {
  --color-primary-100:#fbeef3;
  --color-primary-200:#f4dce7;
  --color-primary-300:#e3b3c9;
  --color-primary-400:#b56a8c;
  --color-primary-500:#8d3e69;
  --color-primary-600:#782f5f;
  --color-primary-700:#642255;
  --color-primary-800:#50174a;
  --color-primary-900:#420f42;
}
body.session {
  --color-primary-400:#dcadc6;
  --color-primary-400-rgb:220,173,198;
  --color-primary-800:#97386b;
  --color-primary-900:#00413e;
  --color-global-error-100:#fce8e7;
  --color-global-error-600:#97130b;
  --color-global-success-100:#dcfdf5;
  --color-global-success-600:#337062;
  --color-global-warning-100:#fff7e7;
  --color-global-warning-600:#a85a11;
  --input-focus-shadow-color:0 0 0 4px rgba(var(--color-primary-400-rgb),0.2);
}
.calendar-page,
.inbox-page,
.time-tracking-page,
[data-controller=datepicker],
[data-view-component],
body:not(.engineer):not(.engineer-admin):not(.bd):not(.bd-admin) {
  --color-global-grey-100:#fbfbfb;
  --color-global-grey-200:#e9ebeb;
  --color-global-grey-200-rgb:233,235,235;
  --color-global-grey-300:#d5d8d8;
  --color-global-grey-400:#a2a6a6;
  --color-global-grey-500:#6f7272;
  --color-global-grey-600:#515454;
  --color-global-grey-700:#373a3a;
  --color-global-grey-800:#252828;
  --color-global-grey-900:#151818;
  --color-global-error-100:#ffedeb;
  --color-global-error-200:#ffd9d4;
  --color-global-error-300:#f5b2ab;
  --color-global-error-400:#e2887e;
  --color-global-error-500:#b95146;
  --color-global-error-600:#9e3836;
  --color-global-error-700:#842a2f;
  --color-global-error-800:#6a1d28;
  --color-global-error-900:#581523;
  --color-global-warning-100:#fdf9e1;
  --color-global-warning-200:#fcefa5;
  --color-global-warning-300:#f1e081;
  --color-global-warning-400:#e6ce64;
  --color-global-warning-500:#ccaa41;
  --color-global-warning-600:#b89835;
  --color-global-warning-700:#9a7c2a;
  --color-global-warning-800:#755c1c;
  --color-global-warning-900:#5e4612;
  --color-global-success-100:#ecf7ea;
  --color-global-success-200:#d5edd3;
  --color-global-success-300:#a3d5a7;
  --color-global-success-400:#7bad83;
  --color-global-success-500:#57845c;
  --color-global-success-600:#436a4b;
  --color-global-success-700:#2f513b;
  --color-global-success-800:#213e2e;
  --color-global-success-900:#182e23;
}
body.super-admin,
body.super-admin .calendar-page,
body.super-admin .inbox-page,
body.super-admin .time-tracking-page,
body.super-admin [data-controller=datepicker] {
  --color-primary-100:#f4f9e6;
  --color-primary-200:#e3eec6;
  --color-primary-300:#bfd58e;
  --color-primary-400:#94ad66;
  --color-primary-500:#708c3c;
  --color-primary-600:#5a712f;
  --color-primary-700:#3c5621;
  --color-primary-800:#2c4517;
  --color-primary-900:#20350e;
}
body.engineer-0,
body.engineer-0 .calendar-page,
body.engineer-0 .inbox-page,
body.engineer-0 .time-tracking-page,
body.engineer-0 [data-controller=datepicker] {
  --color-primary-100:#f5f9ff;
  --color-primary-200:#d2e2ff;
  --color-primary-300:#b0c6f4;
  --color-primary-400:#7a95d7;
  --color-primary-500:#516dbf;
  --color-primary-600:#3b53a4;
  --color-primary-700:#2a3d88;
  --color-primary-800:#1b2a6e;
  --color-primary-900:#101c5a;
}
body.reporting,
body.reporting .calendar-page,
body.reporting .inbox-page,
body.reporting .time-tracking-page,
body.reporting [data-controller=datepicker] {
  --color-primary-100:#fbf5df;
  --color-primary-200:#f7e0a5;
  --color-primary-300:#eac678;
  --color-primary-400:#daab57;
  --color-primary-500:#c58431;
  --color-primary-600:#a96a27;
  --color-primary-700:#8d531e;
  --color-primary-800:#713e15;
  --color-primary-900:#552f0b;
  --input-focus-shadow-color:0 0 0 4px var(--color-global-grey-100);
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 900;
  src: url(/assets/Graphik-SuperItalic-Web-ZLWDAWYQ-fa64a081971d3c15549fdbfebda9b1eea2e7f6821c89ae0d6f68a3201826c67d.woff2) format("woff2"), url(/assets/Graphik-SuperItalic-Web-VR5463ON-947ecd9f11c96944c42afabc7ca50703976ba30b7a316426bf253fef5f53502d.woff) format("woff");
}
.Graphik-SuperItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/Graphik-Super-Web-JUOFPO57-50690af4818d3faf86ec5545feaf6156c76046c3ebb6d33d13430c9a39617154.woff2) format("woff2"), url(/assets/Graphik-Super-Web-QVLA2R4O-710005cc6767e991e342b47e694f1982c315bfa1e10f7609628dcef7c58808d2.woff) format("woff");
}
.Graphik-Super-Web,
.Graphik-SuperItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 900;
}
.Graphik-Super-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/Graphik-BlackItalic-Web-2X4IDWG5-145ded56ed250383794b02b99cf00b50fa3a152af8c75aa0e9f54490aabdafc3.woff2) format("woff2"), url(/assets/Graphik-BlackItalic-Web-7YBT5R2O-c58abc58e2b4d0bd90205fa1f33e49871aeba3796416d27b5107e4d7214ccf94.woff) format("woff");
}
.Graphik-BlackItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/Graphik-Black-Web-Y4Y6M3EG-072743683fa50b21c935f1e4a6890087697371e3c310eba242619282be60a3e1.woff2) format("woff2"), url(/assets/Graphik-Black-Web-LNQM6CNK-80f84bfd469d04a5e1458e77449b24af700965b154352cf4cf8ed80d98bb0352.woff) format("woff");
}
.Graphik-Black-Web,
.Graphik-BlackItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 800;
}
.Graphik-Black-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/Graphik-BoldItalic-Web-4IJOEYRY-fb1e6623dff786eca5e3f7c58f0e4f3999689643391282f0c829aee01882f14b.woff2) format("woff2"), url(/assets/Graphik-BoldItalic-Web-TOIH746K-e06ec02e87d4a04237fd2486ff4ffdaf4c37bff739464191a7b1b797144ec620.woff) format("woff");
}
.Graphik-BoldItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/Graphik-Bold-Web-SBDGWP5C-284a77b8badf56f756ff243c894f66b23e4b8a31731d012c4688c81061a35b49.woff2) format("woff2"), url(/assets/Graphik-Bold-Web-I2ORWDHU-407d9911f8928df2132b68fbe35266bb18561d843059caf74d7ece92d6baa84e.woff) format("woff");
}
.Graphik-Bold-Web,
.Graphik-BoldItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 700;
}
.Graphik-Bold-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/Graphik-SemiboldItalic-Web-6EQ6CPNX-f6c06915dec7b35d390bce9a71356b8568e2f74b57684e431d736d1d75fba799.woff2) format("woff2"), url(/assets/Graphik-SemiboldItalic-Web-P5ZFEQLW-2b5026a11d4e80309631e194781fd40123fceb530e510e14e8b945b69b481ffd.woff) format("woff");
}
.Graphik-SemiboldItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/Graphik-Semibold-Web-LTTF76B6-aba111102d22104f42c7d56ac1465b98c0736b54b8a7eec30575427cf2605f85.woff2) format("woff2"), url(/assets/Graphik-Semibold-Web-GJCTODJU-987bc302a5be0b1aba775d9de394868ac1a62e31b15794197a3d95c3fc9fcaac.woff) format("woff");
}
.Graphik-Semibold-Web,
.Graphik-SemiboldItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 600;
}
.Graphik-Semibold-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/Graphik-MediumItalic-Web-YOMVACUC-08849e0634ff510d83e746f4ef394fc843c5bf59922363d1c69434fefd40ac54.woff2) format("woff2"), url(/assets/Graphik-MediumItalic-Web-U373KASF-6821d2fcea1d3095b7220b7424cc57f42613bb66a5c16b7c7217d528827871f6.woff) format("woff");
}
.Graphik-MediumItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Graphik-Medium-Web-KV2R77V2-b9afc1c1e2ca8297303d22c09183423124b6095a2f1423187467ab99efeb48f9.woff2) format("woff2"), url(/assets/Graphik-Medium-Web-4YTHPG7G-ea8110efea3ed3bbf98e336d5b1b560e7f856842c754f5286efbc2ad5a3a919d.woff) format("woff");
}
.Graphik-Medium-Web,
.Graphik-MediumItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 500;
}
.Graphik-Medium-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/Graphik-RegularItalic-Web-GOTBNMNW-d6bd8239e9185acdf9a496f0eef45d3cc9d69df24a29fb41053d7d3e6fa3f5aa.woff2) format("woff2"), url(/assets/Graphik-RegularItalic-Web-POWGL6FD-f0efb8372bfe735e9a357face60604d6259b04257e4e360c3cf115170b7d717e.woff) format("woff");
}
.Graphik-RegularItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/Graphik-Regular-Web-IFMGK62T-8d183797d8b328557d366094b679bfb6dbe96df95043e19d584316a5f11950b0.woff2) format("woff2"), url(/assets/Graphik-Regular-Web-5XWCP5GO-c3fa0df36378e96f2fb4cd59187a00e79e87d23d03cc1fe0ff8fec11761ec436.woff) format("woff");
}
.Graphik-Regular-Web,
.Graphik-RegularItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 400;
}
.Graphik-Regular-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 300;
  src: url(/assets/Graphik-LightItalic-Web-PL3N3UFI-7db0df83441ad1e6b5ca68c5e324d8227bab686139714e86f24cc26a0ea93ca1.woff2) format("woff2"), url(/assets/Graphik-LightItalic-Web-GPH6I5OE-0006a4fcf9460e6265e034094a557a93a1218fd4319c7a1844a7fafbad635307.woff) format("woff");
}
.Graphik-LightItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/Graphik-Light-Web-2SYVNLUA-5e28772b6a9a7c4c811d3fc7fcd711501cc9dd060b58e7394339bf1a44e1c87a.woff2) format("woff2"), url(/assets/Graphik-Light-Web-RZTX7E3I-10206a59b4320bc34c2a4574f4d2dfabcaf52cf1e921fd11355fe4d569ed1dc6.woff) format("woff");
}
.Graphik-Light-Web,
.Graphik-LightItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 300;
}
.Graphik-Light-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 200;
  src: url(/assets/Graphik-ExtralightItalic-Web-4GSNNQQI-8bc451c94e48cdd74d0493170bb5e7ad0aa0802cbd0a18372a2d8dfd11506c1d.woff2) format("woff2"), url(/assets/Graphik-ExtralightItalic-Web-4AYSB2FJ-122714b72cf21e897ab31314d8b49c4946dce1770bad33cd7817f46f7ac2e825.woff) format("woff");
}
.Graphik-ExtralightItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/Graphik-Extralight-Web-AUXUFHIB-0a066059f1d34f5d1bdedf18c6b09d24200255892fa6ed1b9130f949cf338109.woff2) format("woff2"), url(/assets/Graphik-Extralight-Web-BWRVDPDS-d56686ca752d5195e74e00c50a75c6824cb68f062c7da58eeb6df6769581ae59.woff) format("woff");
}
.Graphik-Extralight-Web,
.Graphik-ExtralightItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 200;
}
.Graphik-Extralight-Web {
  font-style: normal;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: italic;
  font-weight: 100;
  src: url(/assets/Graphik-ThinItalic-Web-MOTNYWOA-5e9fb8e31a46eb9bc127d2dd8307bab95929d8cc1040a39ed3323159a333350f.woff2) format("woff2"), url(/assets/Graphik-ThinItalic-Web-MYKNWIP5-b2dc776a5e024a5127d46caa91622f77b85be3c2ebfcd0fce65c7b318c9b2045.woff) format("woff");
}
.Graphik-ThinItalic-Web {
  font-style: italic;
}
@font-face {
  font-family: Graphik Web;
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/Graphik-Thin-Web-ASFXYHYX-427b4ec847067e2869d29b0ecb27ebca4b35b9c4725eb40ff7368a4ac1dde319.woff2) format("woff2"), url(/assets/Graphik-Thin-Web-UTUFAD26-7e8fda4abde679f8f7f21bdefed7ad7e434220b09f1c7cd60afd99f732e02669.woff) format("woff");
}
.Graphik-Thin-Web,
.Graphik-ThinItalic-Web {
  font-family: Graphik Web;
  font-stretch: normal;
  font-weight: 100;
}
.Graphik-Thin-Web {
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/Roboto-MediumItalic-X7VW5CZA-0fb11e7366f0690646840198aed9e0c21902f2a9c4ed4985b7cab2214c51a699.ttf) format("ttf"), url(/assets/Roboto-MediumItalic-X7VW5CZA-0fb11e7366f0690646840198aed9e0c21902f2a9c4ed4985b7cab2214c51a699.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/Roboto-Black-900-N3JSMGNF-7d5b31853f879f9c089433e4f1f5328b77c8aa723956a89dc844834f068c0cba.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/Roboto-Bold-700-YNVD7YCC-b0786970a4e751b8f1794254733040ecbfaa7cc2ef8fa7f4eab4769bc98303e9.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/Roboto-Light-DLKQXCNL-2ad2b3958b10fead7e6b8acda5108d09d59192eac6e8a6c4837dad70b105c1fd.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-500-SICMFKQK-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/Roboto-MediumItalic-X7VW5CZA-0fb11e7366f0690646840198aed9e0c21902f2a9c4ed4985b7cab2214c51a699.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/Roboto-Regular-400-2C6IPKAZ-20000d75440612ea9275ebd2723e3fa8730d6bbfd445ed31bad745bec6164d8b.ttf) format("ttf");
}
@font-face {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/Roboto-Thin-300-SNTZUTYN-01e77ea3f6e5aef1034f0675a21dab8982d37b05cfd0fc16aa1f4148db472f51.ttf) format("ttf");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/Montserrat-Black-V3K45DD4-048a6d78d0b12e0725065733bee9540defbd97c1c37228cbbbeb9edf04ce062f.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/Montserrat-ExtraBold-3PXI42DS-1dc248f392180dc9a8c904b8a0068426f71bf2237f478cfb4147b05e2055da66.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/Montserrat-Light-VQBDBNAJ-684a003904a47ca4f300148f32d87e16ba3f55670da1864082ac0df68422ff58.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/Montserrat-Regular-400-KTDWECCU-0dfb5436223a483b90fd318d2bb163555911a6fe1d584e0aa401b644c3d0ab7d.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/Montserrat-Thin-300-INGLEL72-bec28d03e7667d70af8c2635244bf84b4a08e856d379e8a1c57230f7594f55da.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/Montserrat-Bold-700-ABTAPC2V-5adc2458bfa96238eee01198555c966fbe56067da27a559493baa8ac299cf29c.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/Montserrat-ExtraLight-ZAVEFSPL-c9251c1f9ccb05dddaf4e9e55daca47873d4b53008c10e7c060bb39f10265138.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Montserrat-Medium-500-MLSIMEIZ-288995a40cc1bf3cc64af44429974561e1b56224ce2bcbceeb1e9c933671238f.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/Montserrat-SemiBold-SQJZNN4B-374813cfa2a7288be9dd3a9783c98e5658a46696162032e1d85d098133c94dde.ttf) format("truetype");
}
.icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 3rem;
  margin-right: 1rem;
  min-width: 3rem;
  width: 3rem;
}
@media (min-width:768px) {
  .icon {
    height: 4rem;
    margin-right: 1.25rem;
    min-width: 4rem;
    width: 4rem;
  }
}
.icon.icon--admin {
  background-image: url(/assets/admin-DW5EBNJL-6db5a6004b44e36a1313f94323435b3f375063089e622e86e3847c6cc7de476c.svg);
}
.icon.icon--bd {
  background-image: url(/assets/bd-TXD7E2HK-0ae9dbf994183a81de9576b24ca322b000460a01236cfe0a8074a8f85af2031a.svg);
}
.icon.icon--bd-admin {
  background-image: url(/assets/bd_admin-UULHKDR6-645951869cf73e3f408f450735d6e5d85070c6f1b836652ddf00cb3c72443441.svg);
}
.icon.icon--engineer {
  background-image: url(/assets/engineer-ERDP5X6Z-1d1ac649d2cb8fea1061ec848bb4fb1e573736c5bee2ae910e7d793eeaefab17.svg);
}
.icon.icon--engineer-admin {
  background-image: url(/assets/admin-DW5EBNJL-6db5a6004b44e36a1313f94323435b3f375063089e622e86e3847c6cc7de476c.svg);
}
.icon.icon--scheduling {
  background-image: url(/assets/scheduling-MMOZGTD7-81862743129de7f3db7142c554642dbb3f70e2174c087fdb2cdb8f31d62bad65.svg);
}
.icon.icon--reporting {
  background-image: url(/assets/reporting-SUM2ATEP-dfeec934879fe643a5304e487294e3446f581a0e486a0664bc3425144077b4c5.svg);
}
.icon.icon--engineer-0 {
  background-image: url(/assets/engineer-ERDP5X6Z-1d1ac649d2cb8fea1061ec848bb4fb1e573736c5bee2ae910e7d793eeaefab17.svg);
}
.icon.icon--b2b {
  background-image: url(/assets/b2b-YS3R3ZWB-4969b31b2dacf9937074a8cb1884689ae3051e537cda9b93eb7b0bdf90b944bf.svg);
}
.calendar-page,
.inbox-page,
.time-tracking-page,
body:not(.engineer):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media (min-width:768px) {
  .calendar-page,
  .inbox-page,
  .time-tracking-page,
  body:not(.engineer):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) {
    font-size: 2rem;
    line-height: 3rem;
  }
}
h1 {
  font-size: 3.375rem;
  font-weight: 500;
  letter-spacing: -.5px;
}
.calendar-page h1,
.inbox-page h1,
.time-tracking-page h1,
body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h1 {
  font-size: 6rem;
  letter-spacing: -2px;
  line-height: 9.625rem;
}
@media (min-width:768px) {
  .calendar-page h1,
  .inbox-page h1,
  .time-tracking-page h1,
  body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h1 {
    font-size: 8.375rem;
    letter-spacing: -1px;
  }
}
h2 {
  font-size: 2.625rem;
}
.calendar-page h2,
.inbox-page h2,
.time-tracking-page h2,
body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h2 {
  font-size: 4.875rem;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 7.5rem;
}
@media (min-width:768px) {
  .calendar-page h2,
  .inbox-page h2,
  .time-tracking-page h2,
  body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h2 {
    font-size: 6.375rem;
  }
}
.calendar-page h3,
.inbox-page h3,
.time-tracking-page h3,
body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h3 {
  font-size: 3.875rem;
  font-weight: 500;
  line-height: 5.875rem;
}
@media (min-width:768px) {
  .calendar-page h3,
  .inbox-page h3,
  .time-tracking-page h3,
  body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h3 {
    font-size: 4.75rem;
  }
}
.calendar-page h4,
.inbox-page h4,
.time-tracking-page h4,
body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h4 {
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 4.75rem;
}
@media (min-width:768px) {
  .calendar-page h4,
  .inbox-page h4,
  .time-tracking-page h4,
  body:not(.engineer):not(.engineer-0):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) h4 {
    font-size: 3.5rem;
  }
}
.headline {
  font-size: 2.25rem;
  line-height: 3rem;
}
@media (min-width:768px) {
  .headline {
    font-size: 2.625rem;
    line-height: 4rem;
  }
}
.subtitle {
  font-size: 1.5rem;
  line-height: 3rem;
}
@media (min-width:768px) {
  .subtitle {
    font-size: 1.75rem;
  }
}
.caption {
  font-size: 1.25rem;
  letter-spacing: .2px;
  line-height: 2.75rem;
}
@media (min-width:768px) {
  .caption {
    font-size: 1.5rem;
  }
}
.overline {
  font-size: 1.5rem;
  font-size: 600;
  letter-spacing: 1.5px;
  line-height: 2rem;
  text-transform: uppercase;
}
@media (min-width:768px) {
  .overline {
    font-size: 1.75rem;
  }
}
@media not screen and (display-mode:standalone) {
  body,
  html {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: auto;
  }
}
strong {
  font-weight: 600;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
button {
  font-weight: 400;
}
input:disabled,
select:disabled,
textarea:disabled {
  -webkit-opacity: 1;
  opacity: 1;
}
.main-container {
  background-color: #f0f6f8;
  display: flex;
  flex-direction: column;
}
.layout-content {
  flex: 1 1;
}
.theme {
  color: #00f0ff;
}
@media print {
  html {
    overflow: visible;
  }
  body {
    page-break-after: always;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.disable-children-pointer-events * {
  pointer-events: none;
}
.grid-row-with-label {
  grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
}
.highlight-transparent {
  -webkit-tap-highlight-color: transparent;
}
.children-without-opacity * {
  opacity: 1;
}
.sliding-bg-gradient {
  overflow: hidden;
  position: relative;
}
.sliding-bg-gradient:before {
  animation: infiniteSlidingGradient 1.1s linear infinite forwards;
  background: #f5f7f7;
  background: linear-gradient(90deg, transparent 0, #f5f7f7 5%, #f0f0f0 15%, #f5f7f7 30%, transparent);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 533%;
}
@keyframes infiniteSlidingGradient {
  0% {
    transform: translateX(-56.25%);
  }
  to {
    transform: translateX(56.25%);
  }
}
.input-datepicker::-webkit-calendar-picker-indicator {
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.h-full-available-height {
  height: 100%;
}
@supports (-webkit-touch-callout:none) {
  .h-full-available-height {
    height: -webkit-fill-available;
  }
}
.table-row-transform {
  transform: scale(.997) perspective(1px);
}
.table-row-transform:hover {
  transform: scale(1) perspective(1px);
}
.global-nav {
  display: flex;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  position: relative;
  z-index: 40;
}
.global-nav:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.global-nav__container {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.global-nav__actions {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;
}
.banners {
  left: 0;
  position: sticky;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 49;
}
@keyframes colorchange {
  0% {
    background-color: #984a03;
  }
  50% {
    background-color: #ab6320;
  }
  to {
    background-color: #984a03;
  }
}
.banners.has-disabled-active-status .banners__content {
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
}
.banners__item {
  color: #fff;
  min-height: 30px;
  padding: 1.5rem 2.5rem;
  text-align: center;
}
.banners__item .animated {
  animation-delay: 1s;
  animation-duration: 5s;
}
.banners__item.staging {
  background-color: red;
}
.banners__item.development {
  background-color: #29718c;
  background-color: var(--color-primary-800);
}
body:not(.engineer):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) .banners__item.development {
  background-color: #71a5b9;
  background-color: var(--color-primary-600);
}
.banners__item.active-treatment {
  background-color: #666b92;
}
.banners__item.active-trip {
  background-color: #547d76;
}
.banners__item.masquerading {
  background-color: #1f2727;
  background-color: var(--color-global-grey-800);
}
.banners__item.super-user-masquerading {
  background-color: #c7842f;
}
.banners__item.active-status {
  animation: colorchange 2.5s ease 0s infinite;
  position: relative;
}
.button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 1rem;
  color: #1f2727;
  color: var(--color-global-grey-800);
  cursor: pointer;
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.button:not(.button--paddingless) {
  padding: 1.5rem 1.75rem 1.5rem 2.5rem;
}
.button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.button.button--active:before,
.button.is-active:before,
.button:focus:before,
.button:hover:before {
  opacity: .1;
}
.button:before {
  background-color: #71a5b9;
  background-color: var(--color-primary-600);
  border-radius: 1rem;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
  width: 100%;
}
.button * {
  pointer-events: none;
}
.button.hidden {
  display: none;
}
.button.disabled,
.button.is-disabled,
.button[disabled] {
  color: #999b9b !important;
  color: var(--color-global-grey-300) !important;
  pointer-events: none !important;
}
.button.disabled:before,
.button.is-disabled:before,
.button[disabled]:before {
  background-color: #eceff1 !important;
  opacity: 1 !important;
}
.button.button--full-width {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
}
.button.button--small {
  padding: 1rem 1.75rem;
}
.button.button--large {
  padding: 2rem;
}
.button.button--round-big {
  padding: 1.75rem;
}
.button.button--round-big:before {
  border-radius: 9999px;
}
.button.button--transparent-icon-active {
  color: #71a5b9;
  color: var(--color-primary-600);
  padding-left: 1.75rem;
  padding-right: 1.25rem;
}
@media (min-width:1024px) {
  .button.button--transparent-icon-active:before {
    opacity: 0;
  }
}
.button.button--transparent-icon-active:hover:before {
  opacity: .15;
}
.button.button--transparent-icon-active:before {
  background-color: #71a5b9;
  background-color: var(--color-primary-600);
  opacity: .1;
}
.button.button--primary {
  color: #fff;
}
.button.button--primary:hover:before {
  opacity: .75;
}
.button.button--primary:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  opacity: 1;
}
.button.button--secondary {
  color: #29718c;
  color: var(--color-primary-800);
}
.button.button--secondary:hover:before {
  opacity: .15;
}
.button.button--secondary:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  opacity: .1;
}
.button.button--secondary-alert {
  color: #ff898d;
  color: var(--color-global-error-400);
}
.button.button--secondary-alert:hover:before {
  opacity: .75;
}
.button.button--secondary-alert:before {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
  opacity: 1;
}
.button.button--tertiary {
  box-shadow: 0 0 0 2px #c6e3ef;
  box-shadow: 0 0 0 2px var(--color-primary-300);
  color: #29718c;
  color: var(--color-primary-800);
}
.button.button--tertiary:hover:before {
  opacity: .05;
}
.button.button--tertiary-icon-active {
  border-color: #c6e3ef;
  border-color: var(--color-primary-300);
  border-width: 2px;
  color: #29718c;
  color: var(--color-primary-800);
  padding-left: 2.5rem;
  padding-right: 1.75rem;
}
.button.button--tertiary-icon-active:hover:before {
  opacity: .05;
}
.button.button--tertiary-icon-active:before {
  height: calc(100% + 4px);
  margin-left: -2px;
  margin-top: -2px;
  width: calc(100% + 4px);
}
.button.button--tertiary-alert {
  border-color: #fceaea;
  border-color: var(--color-global-error-100);
  border-width: 2px;
  color: #ff898d;
  color: var(--color-global-error-400);
}
.button.button--tertiary-alert:hover:before {
  content: none;
}
.button.button--secondary-alert-error-text {
  color: #f0000b;
  color: var(--color-global-error-800);
}
.button.button--secondary-alert-error-text:hover:before {
  opacity: .15;
}
.button.button--secondary-alert-error-text:before {
  background-color: #f0000b;
  background-color: var(--color-global-error-800);
  opacity: .1;
}
.button.button--alert-error {
  color: #fff;
}
.button.button--alert-error:hover:before {
  opacity: .85;
}
.button.button--alert-error:before {
  background-color: #ff898d;
  background-color: var(--color-global-error-400);
  opacity: 1;
}
.button.button--quarternary {
  border-width: 0;
}
.button.button--quarternary:hover:before {
  opacity: 1;
}
.button.button--quarternary:before {
  background-color: #f3f4f5;
  background-color: var(--color-global-grey-100);
  opacity: 0;
}
.button.button--checkbox {
  height: 5rem;
  width: 5rem;
}
.button.button--checkbox:focus:before,
.button.button--checkbox:hover:before {
  opacity: .6;
}
.button.button--checkbox:before {
  background: transparent;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  border-width: 1px;
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
  opacity: 1;
}
.button.button--checkbox.checked:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-color: #29718c;
  border-color: var(--color-primary-800);
  opacity: .1;
}
.button.button--with-warning {
  color: #fff;
}
.button.button--with-warning:focus:before,
.button.button--with-warning:hover:before {
  opacity: .75;
}
.button.button--with-warning:before {
  background-color: #ff2336;
  background-color: var(--color-global-error-600);
  border-color: #ff2336;
  border-color: var(--color-global-error-600);
  opacity: 1;
}
.button__content {
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 10;
}
.button--active .button__content,
.button--active .button__content > *,
.button--with-hover-text:hover .button__content,
.button--with-hover-text:hover .button__content > * {
  color: #29718c;
  color: var(--color-primary-800);
}
.button__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-style: none;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.icon-button {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.icon-button.is-active,
.icon-button:focus,
.icon-button:hover {
  color: #29718c;
  color: var(--color-primary-800);
}
.icon-button__alert-wrapper {
  background-color: #fff;
  left: calc(100% - 2.125rem);
  padding: .25rem;
  position: absolute;
  top: 0;
}
.icon-button__alert,
.icon-button__alert-wrapper {
  align-items: center;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
}
.icon-button__alert {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 2rem;
  line-height: 2.25rem;
  min-width: 2rem;
  padding-left: .25rem;
  padding-right: .25rem;
  text-align: center;
}
.profile-button__avatar {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.profile-button.is-active .profile-button__avatar {
  border-color: #797d7d;
  border-color: var(--color-global-grey-400);
}
.checkbox {
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  border-radius: 1rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.checkbox:not(.checkbox--without-checked-border).is-checked {
  border-color: #c6e3ef;
  border-color: var(--color-primary-400);
  box-shadow: 0 0 0 1px #c6e3ef;
  box-shadow: 0 0 0 1px var(--color-primary-400);
}
.checkbox.checkbox--without-checked-border:not(.is-checked) {
  border-color: rgba(220, 223, 227, .5);
  border-color: rgba(var(--color-global-grey-200-rgb), .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
}
.checkbox__icon {
  color: #797d7d;
  color: var(--color-global-grey-400);
}
.checkbox.is-checked .checkbox__icon {
  color: #29718c;
  color: var(--color-primary-800);
}
.checkbox.is-checked .checkbox__unchecked-content,
.checkbox:not(.is-checked) .checkbox__checked-content {
  display: none;
}
.checkbox:not(.is-checked) .checkbox__unchecked-opaque {
  opacity: .5;
}
.table-grid {
  border-collapse: collapse;
  display: grid;
  min-width: 100%;
}
.table-grid__body {
  display: grid;
  gap: 1rem;
}
.table-grid__head {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  height: 100%;
  position: relative;
  width: 100%;
}
.table-grid__head th {
  font-size: 1.75rem;
  font-weight: 400;
}
.table-grid__row {
  align-items: center;
  color: #1f2727;
  color: var(--color-global-grey-800);
  display: grid;
  gap: 1.75rem;
  grid-auto-flow: column;
  min-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  transform: scale(.995) perspective(1px);
}
.table-grid__body .table-grid__row {
  background-color: #fff;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  border-radius: 1rem;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
  padding-bottom: 1.75rem;
  padding-top: 1.75rem;
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
}
.table-grid__body .table-grid__row:not(.table-grid__row--without-hover):hover {
  background-color: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  cursor: pointer;
  transform: scale(1) perspective(1px);
}
.table-grid__body .table-grid__row:not(.table-grid__row--without-hover):hover:after {
  opacity: 1;
}
.table-grid__body .table-grid__row:after {
  border-color: #fff;
  border-radius: 1rem;
  border-width: 1px;
  box-shadow: 0 8px 8px 1px rgba(0, 0, 0, .1);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .15s cubic-bezier(.4, 0, 1, 1);
  width: 100%;
  z-index: -1;
}
.table-grid__body .table-grid__row.error {
  border-color: #ff898d;
  border-color: var(--color-global-error-400);
}
.table-grid__body .table-grid__row.error,
.table-grid__body .table-grid__row.error:not(.table-grid__row--without-hover):hover {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
}
.table-grid__body .table-grid__row.error:after {
  border-color: #fceaea;
  border-color: var(--color-global-error-100);
}
.table-grid__head .table-grid__row {
  color: #484d4d;
  color: var(--color-global-grey-600);
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.dropdown,
.select__content {
  position: relative;
}
.dropdown__box,
.select__box {
  background-color: #fff;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  border-radius: 1rem;
  border-width: 1px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translate3d(0, -1rem, 0) scale(1.015);
  transform-origin: 50% 0;
  transition: opacity .1s ease, transform .1s ease;
  width: 100%;
  z-index: 20;
}
.dropdown:not(.dropdown--marginless) .dropdown__box,
.dropdown:not(.dropdown--marginless) .select__box,
.select__content:not(.dropdown--marginless) .dropdown__box,
.select__content:not(.dropdown--marginless) .select__box {
  margin-top: .5rem;
}
.dropdown__box.is-active,
.is-active.select__box {
  opacity: 1;
  pointer-events: auto;
  transform: translateZ(0);
  transition: opacity .15s ease, transform .15s ease;
}
.dropdown--centered.select__content .dropdown__box,
.dropdown--centered.select__content .select__box,
.dropdown.dropdown--centered .dropdown__box,
.dropdown.dropdown--centered .select__box {
  left: 50%;
  transform: translateX(-50%);
}
.dropdown--left-aligned.select__content .dropdown__box,
.dropdown--left-aligned.select__content .select__box,
.dropdown.dropdown--left-aligned .dropdown__box,
.dropdown.dropdown--left-aligned .select__box {
  left: 0;
}
body:not(.dropdown-enabled) .dropdown__box,
body:not(.dropdown-enabled) .select__box {
  display: none;
}
.dropdown__box--large.select__box,
.dropdown__box.dropdown__box--large {
  min-width: 30rem;
}
.dropdown--filter.select__content .dropdown__box,
.dropdown--filter.select__content .select__box,
.dropdown.dropdown--filter .dropdown__box,
.dropdown.dropdown--filter .select__box {
  max-height: 49.25rem;
  min-width: 35rem;
}
.dropdown--filter.select__content .dropdown__box--large.select__box,
.dropdown--filter.select__content .dropdown__box.dropdown__box--large,
.dropdown.dropdown--filter .dropdown__box--large.select__box,
.dropdown.dropdown--filter .dropdown__box.dropdown__box--large {
  max-height: 62rem;
}
.dropdown__box--datepicker.select__box,
.dropdown__box.dropdown__box--datepicker {
  left: 0;
  max-width: 35rem;
  min-width: 35rem;
}
@media (min-width:1024px) {
  .dropdown__box--datepicker.select__box,
  .dropdown__box.dropdown__box--datepicker {
    left: 50%;
    transform: translateX(-50%);
  }
}
.calendar-page .dropdown__box,
.calendar-page .select__box,
body.engineer-0 .dropdown__box,
body.engineer-0 .select__box,
body.scheduling .dropdown__box,
body.scheduling .select__box {
  z-index: 26;
}
.dropdown-parent.is-active,
.is-active.select-parent {
  z-index: 99;
}
.dropdown__check {
  align-items: center;
  bottom: 0;
  color: #29718c;
  color: var(--color-primary-800);
  display: flex;
  font-size: 2.5rem;
  left: 0;
  margin-bottom: auto;
  margin-left: .25rem;
  margin-top: auto;
  position: absolute;
  top: 0;
}
.dropdown__check.hidden {
  display: none;
}
.dropdown__option {
  padding: .5rem .5rem .5rem 3.75rem;
  position: relative;
}
.select__content {
  display: none;
}
@media (min-width:1024px) {
  .select__content {
    display: block;
  }
}
.select__option {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 1rem;
  color: #797d7d;
  color: var(--color-global-grey-400);
  cursor: pointer;
  display: flex;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 1.25rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select__option:focus:before {
  opacity: .1;
}
.select__option:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-radius: 1rem;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
  width: 100%;
}
.select__native-fallback {
  position: relative;
}
@media (min-width:1024px) {
  .select__native-fallback {
    display: none;
  }
}
.select__native {
  position: relative;
}
.select__trigger {
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-right: 2.25rem;
}
.select--simple {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  color: #29718c;
  color: var(--color-primary-800);
}
.select--simple:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.radio {
  align-items: center;
  border-radius: 1rem;
  display: flex;
}
.radio:not(.radio--plain) {
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  padding: 2rem 1.75rem;
}
.radio:not(.radio--plain).is-selected {
  border-color: #c6e3ef;
  border-color: var(--color-primary-400);
  box-shadow: 0 0 0 1px #c6e3ef, 0 2px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 1px var(--color-primary-400), 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.radio:not(.radio--plain).disabled {
  border-color: #ebeeef;
  border-color: var(--color-global-grey-150);
  box-shadow: 0 0 transparent;
}
.radio.disabled {
  color: #797d7d;
  color: var(--color-global-grey-400);
}
.radio__icon {
  color: #e1e3e6;
  color: var(--color-global-grey-200);
}
.radio.is-selected .radio__icon {
  color: #29718c;
  color: var(--color-primary-800);
}
body:not(.engineer):not(.engineer-admin):not(.bd):not(.bd-admin):not(.session) .radio.is-selected .radio__icon {
  color: #71a5b9;
  color: var(--color-primary-600);
}
.search_field {
  position: relative;
  z-index: 0;
}
.search_field:before {
  background-color: #000;
  content: "";
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
@supports (-webkit-touch-callout:none) {
  .search_field:before {
    height: -webkit-fill-available;
  }
}
.search_field.is-expanded {
  z-index: 1000;
}
.search_field.is-expanded:before {
  opacity: .1;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
  transition-delay: 0;
}
.search__content {
  background-color: #fff;
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  border-radius: 1rem;
  display: flex;
  height: 62px;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: -4.75rem;
  padding: 1rem;
  position: relative;
  z-index: 1001;
}
.search.is-expanded:not(.has-content) .search__content {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search.has-content .search__content,
.search:not(.is-expanded) .search__content {
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
}
.search__popover {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  left: -1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  transition: opacity 75ms ease, transform 75ms ease;
  width: calc(100% + 2px);
  will-change: opacity, transform;
}
.search__popover:before {
  border-radius: 1rem;
  content: "";
  display: block;
  height: 62px;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1;
}
.search__popover.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 75ms ease, transform .15s ease;
}
.search.has-content .search__popover {
  transform: translateY(1rem);
}
.search:not(.has-content) .search__popover {
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
}
.search__popover-content {
  border-radius: 1rem;
  font-size: 2rem;
}
.search.has-content .search__popover-content {
  background-color: #fff;
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
}
.search.is-expanded:not(.has-content) .search__popover-content {
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  border-top: none;
}
.search__results {
  background-color: #fff;
  border-radius: 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: grid;
  width: 100%;
}
.search.has-results .search__results {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.search__result {
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  border-radius: 1rem;
  display: none;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: 1.25rem;
  pointer-events: auto;
}
.search__result:focus,
.search__result:hover {
  background-color: #edf4f6;
}
.search__result.is-visible {
  display: block;
}
.search__input {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-backface-visibility: hidden !important;
  background-color: #f3f4f5 !important;
  background-color: var(--color-global-grey-100) !important;
  border-color: transparent !important;
  border-radius: 1rem !important;
  border-width: 1px !important;
  color: #1f2727 !important;
  color: var(--color-global-grey-800) !important;
  display: block !important;
  font-size: 2rem !important;
  padding: 1.25rem 1.75rem 1.25rem 6.25rem !important;
  width: 100% !important;
}
.search__input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.search.has-content .search__input {
  padding-right: 5.5rem;
}
.search__icon {
  left: 0;
  padding-left: 1.75rem;
  z-index: 10;
}
.search__clear,
.search__icon {
  align-items: center;
  bottom: 0;
  display: flex;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.search__clear {
  margin-bottom: auto;
  margin-right: .5rem;
  margin-top: auto;
  opacity: 0;
  padding: 1.25rem;
  right: 0;
  transition: opacity 175ms cubic-bezier(.19, 1, .22, 1);
  z-index: 1;
}
.search__clear.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 75ms ease;
}
.search__view-all {
  color: #29718c;
  color: var(--color-primary-800);
  display: block;
  padding: 1.5rem 1.75rem;
  position: relative;
  z-index: 1001;
}
.search__view-all:focus:before,
.search__view-all:hover:before {
  background-color: #dceaee;
}
.search__view-all:before {
  background-color: #edf4f6;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search.has-content:not(.has-results) .search__view-all:before {
  border-radius: 1rem;
}
.search.has-content.has-results .search__view-all:before,
.search.is-expanded:not(.has-content):not(.has-results) .search__view-all:before {
  border-radius: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tabs__triggers {
  border-bottom: 2px solid #e1e3e6;
  border-bottom: 2px solid var(--color-global-grey-200);
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  width: 100%;
}
.tabs__trigger {
  display: flex;
  position: relative;
}
.tabs__trigger-text {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: .05rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  text-transform: uppercase;
}
@media (min-width:375px) {
  .tabs__trigger-text {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (min-width:1024px) {
  .tabs__trigger-text {
    font-size: 1.5rem;
  }
}
.tabs__trigger.tabs__trigger--active .tabs__trigger-text {
  color: #29718c;
  color: var(--color-primary-800);
}
.tabs__trigger.tabs__trigger--active .tabs__trigger-text:after {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  bottom: 0;
  bottom: -2px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tabs__trigger--with-alert .tabs__trigger-text:after {
  background-color: #f0000b;
  background-color: var(--color-global-error-800);
  border-radius: 9999px;
  content: "";
  height: .75rem;
  left: calc(100% + .375rem);
  position: absolute;
  top: -1px;
  width: .75rem;
}
.contact {
  display: grid;
}
.contact + .contact {
  margin-top: 2.5rem;
}
.contact__info {
  color: #797d7d;
  color: var(--color-global-grey-400);
  display: flex;
  font-size: 2rem;
}
.patient-list-actions {
  align-items: center;
  background-color: #fcfcfc;
  background-color: var(--color-global-grey-50);
  display: grid;
  left: 0;
  left: 6rem;
  opacity: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
  width: 100%;
  width: calc(100% - 6rem);
  z-index: 10;
}
body.patient-master-checkbox-active .patient-list-actions {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 175ms cubic-bezier(.19, 1, .22, 1);
}
.patient-list-actions__grid {
  align-items: center;
  display: grid;
  gap: 1.25rem;
  grid-auto-flow: column;
}
.patient-list-actions__item {
  padding: .5rem 1.25rem;
}
.filter,
.patient-list-actions__item {
  align-items: center;
  color: #29718c;
  color: var(--color-primary-800);
  display: flex;
}
.filter {
  font-size: 2rem;
  margin: .5rem;
  padding: 1rem 1.25rem 1rem 2.5rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.filter:focus:before,
.filter:hover:before {
  opacity: .2;
}
.filter:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-radius: 2.5rem;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: .1;
  position: absolute;
  top: 0;
  transition: opacity 125ms cubic-bezier(.19, 1, .22, 1);
  width: 100%;
}
.filter__close-button {
  color: #29718c;
  color: var(--color-primary-800);
  margin-left: 1.25rem;
}
body.drawer-active,
html.drawer-active {
  height: 100%;
  overflow: hidden;
}
.drawer {
  height: 100vh;
  left: 0;
  opacity: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}
@supports (-webkit-touch-callout:none) {
  .drawer {
    height: -webkit-fill-available;
  }
}
.drawer.is-active-drawer {
  opacity: 1;
  pointer-events: auto;
  will-change: transform, opacity;
}
.drawer.is-transitioning {
  opacity: 1;
}
body:not(.drawer-enabled) .drawer {
  display: none;
}
.drawer.drawer--slideleft,
.drawer.drawer--slideright {
  z-index: 30;
}
.drawer.drawer--over-everything {
  z-index: 75;
}
.drawer.drawer--before-over-everything {
  z-index: 70;
}
@media (max-width:1023px) {
  .drawer.drawer--slideup {
    height: 100%;
    overflow: auto;
    overflow: unset;
  }
  .drawer.drawer--slideup:not(.hidden) {
    display: flex;
  }
}
@media (min-width:1024px) {
  .drawer.drawer--slideup:not(.drawer--over-everything):not(.drawer--before-over-everything) {
    z-index: 50;
  }
  .drawer__content {
    width: 100%;
  }
}
.drawer__content .drawer__overlay {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
  width: 100%;
  z-index: 0;
}
@media (min-width:1024px) {
  .drawer__content .drawer__overlay {
    transition: opacity 75ms cubic-bezier(.19, 1, .22, 1);
  }
}
.drawer.is-active-drawer > .drawer__content .drawer__overlay {
  opacity: .4;
}
@media (min-width:1024px) {
  .drawer.is-active-drawer > .drawer__content .drawer__overlay {
    transition-duration: .2s;
  }
}
@media (max-width:1023px) {
  .drawer.drawer--slideup .drawer__content {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    padding-top: 20px;
    width: 100%;
  }
}
.drawer.drawer--centered .drawer__content {
  align-items: center;
  align-self: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.drawer__bg-wrapper {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(7.5rem, 0, 0);
  transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .2s cubic-bezier(.165, .84, .44, 1);
  width: 100%;
}
@media (max-width:1023px) {
  .drawer.drawer--slideup:not(.is-active-drawer) .drawer__bg-wrapper {
    transform: translate3d(0, 90px, 0);
  }
}
.drawer.drawer--centered:not(.is-active-drawer) .drawer__bg-wrapper {
  transform: translate3d(0, 90px, 0);
}
.drawer.is-active-drawer .drawer__bg-wrapper {
  opacity: 1;
  transform: translateZ(0);
  transition: transform .2s cubic-bezier(.165, .84, .44, 1), opacity .15s cubic-bezier(.19, 1, .22, 1);
}
@media (min-width:1024px) {
  .drawer.drawer--slideup .drawer__bg-wrapper {
    left: auto;
    max-width: 76.25rem;
    right: 0;
  }
}
.drawer__box {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin-left: auto;
  max-width: 38.75rem;
  min-height: 100vh;
  opacity: 0;
  position: relative;
  transform: translate3d(7.5rem, 0, 0);
  transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .2s cubic-bezier(.165, .84, .44, 1);
  width: auto;
}
@supports (-webkit-touch-callout:none) {
  .drawer__box {
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
  }
}
@media (min-width:1024px) {
  .drawer__box {
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), opacity 75ms cubic-bezier(.165, .84, .44, 1);
  }
}
.drawer:not(.drawer--backgroundless) .drawer__box {
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}
.drawer.drawer--slideright .drawer__box {
  margin-left: 0;
  margin-right: auto;
  transform: translate(-7.5rem);
}
.drawer.drawer--slideleft .drawer__box {
  height: calc(100vh - 7.5rem);
  margin-left: auto;
  margin-right: 0;
  transform: translate(7.5rem);
}
.drawer.is-active-drawer > .drawer__content > .drawer__box {
  opacity: 1;
  transform: translateZ(0);
  transition: transform .2s cubic-bezier(.165, .84, .44, 1), opacity .15s cubic-bezier(.19, 1, .22, 1);
}
@media (max-width:1023px) {
  .drawer.drawer--slideup .drawer__box {
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    display: grid;
    height: 100%;
    margin-left: 0;
    margin-top: auto;
    max-width: 100%;
    min-height: 0;
    width: 100%;
  }
  .drawer.drawer--slideup .drawer__box .drawer__box-loading-screen {
    height: 100%;
    margin-top: 8rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 50;
  }
  .drawer.drawer--slideup .drawer__box .drawer__box-loading-screen:before {
    background-color: #fff;
    content: "";
    height: 100%;
    opacity: .3;
    position: absolute;
    width: 100%;
  }
  .drawer.drawer--slideup .drawer__box .drawer__box-loading-screen.is-active-drawer {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width:1024px) {
  .drawer.drawer--slideup .drawer__box {
    margin-left: auto;
    margin-right: 0;
    max-width: 76.25rem;
    overflow: hidden;
    transform: translate(7.5rem);
  }
}
.drawer.drawer--centered .drawer__box {
  border-radius: 1rem;
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  min-height: 34.25rem;
  min-width: 36rem;
  right: 0;
  top: 0;
}
@media (min-width:375px) {
  .drawer.drawer--centered .drawer__box {
    min-width: 44rem;
  }
}
@media (min-width:414px) {
  .drawer.drawer--centered .drawer__box {
    min-width: 49rem;
  }
}
@media (min-width:1024px) {
  .drawer.drawer--centered .drawer__box {
    min-width: 56rem;
  }
}
@media (max-width:1023px) {
  .drawer.drawer--slideup:not(.is-active-drawer) .drawer__box {
    transform: translate3d(0, 90px, 0);
  }
}
.drawer.drawer--centered:not(.is-active-drawer) .drawer__box {
  transform: translate3d(0, 30px, 0);
}
.drawer__header {
  border-bottom-width: 1px;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  padding: 2.5rem 7.5rem;
  text-align: center;
}
@media (max-width:1023px) {
  .drawer.drawer--slideup.is-active-drawer .drawer__scrollable-content-wrapper {
    display: grid;
    grid-template-rows: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content);
    height: 100%;
  }
}
@media (min-width:1024px) {
  .drawer.drawer--slideup.is-active-drawer .drawer__scrollable-content-wrapper {
    display: grid;
    grid-template-rows: minmax(0, max-content) minmax(0, 1fr);
    max-height: 100vh;
  }
  @supports (-webkit-touch-callout:none) {
    .drawer.drawer--slideup.is-active-drawer .drawer__scrollable-content-wrapper {
      max-height: -webkit-fill-available;
    }
  }
}
.drawer__body {
  position: relative;
}
.drawer.drawer--slideup.is-active-drawer .drawer__scrollable-content,
.drawer__body {
  overflow-y: auto;
}
.drawer__back-button,
.drawer__close-with-confirmation-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  display: flex;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
}
.drawer__back-button i,
.drawer__close-with-confirmation-button i {
  color: #1f2727;
  color: var(--color-global-grey-800);
  font-size: 3.75rem;
}
.drawer__delete-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  display: flex;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.drawer-trigger {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form__row {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form__row.form__row--1x1x1 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.form__row.form__row--full {
  grid-template-columns: minmax(0, 1fr);
}
.form__field {
  display: flex;
  flex-direction: column;
  position: relative;
}
.form__field.form__field--double {
  grid-column: 1/span 2;
}
.form__label {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: .5rem;
}
.field_with_errors .form__label {
  color: #ff898d;
  color: var(--color-global-error-400);
}
.calendar-page .form__label,
body.engineer-0 .field_with_errors .form__label,
body.scheduling .field_with_errors .form__label {
  color: inherit;
}
.form__box,
.form__select {
  align-items: center;
  background-color: #fff;
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 1rem;
  color: #1f2727;
  color: var(--color-global-grey-800);
  display: flex;
  font-size: inherit;
  height: 7.5rem;
  line-height: inherit;
  padding: 2rem 2.5rem;
}
.form__box.is-active,
.form__box:focus,
.form__select:focus,
.is-active.form__select {
  border-color: #797d7d;
  border-color: var(--color-global-grey-400);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.calendar-page .form__box,
.calendar-page .form__select,
body.engineer-0 .form__box,
body.engineer-0 .form__select,
body.scheduling .form__box,
body.scheduling .form__select {
  height: 7rem;
  padding-bottom: 1.75rem;
  padding-top: 1.75rem;
}
.form__select {
  font-size: 2rem;
}
.form__paddingless-select,
.form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 4.25rem;
}
.form__paddingless-select {
  align-items: center;
  background-color: #fff;
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 1rem;
  color: #1f2727;
  color: var(--color-global-grey-800);
  display: flex;
  font-size: inherit;
  line-height: inherit;
}
.form__paddingless-select.is-active,
.form__paddingless-select:focus {
  border-color: #797d7d;
  border-color: var(--color-global-grey-400);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form__select-pointer {
  align-items: center;
  bottom: 0;
  display: flex;
  margin-right: 1.5rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.form__text-area {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 1rem;
  color: #1f2727;
  color: var(--color-global-grey-800);
  height: 16.25rem;
  padding: 1.75rem 2.5rem;
  width: 100%;
}
.form__text-area:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form__text-area:not(.form__text-area--without-focus-border):focus {
  border-color: #797d7d;
  border-color: var(--color-global-grey-400);
}
.form__text-area:disabled {
  -webkit-text-fill-color: #797d7d;
  -webkit-text-fill-color: var(--color-global-grey-400);
  background-color: #ebeeef;
  background-color: var(--color-global-grey-150);
  border-style: none;
  color: #797d7d;
  color: var(--color-global-grey-400);
}
.form__text-area.form__text-area--with-focus-shadow:focus {
  box-shadow: var(--input-focus-shadow-color);
}
.field_with_errors .form__text-area {
  border-color: #ff898d;
  border-color: var(--color-global-error-400);
}
.calendar-page .form__text-area,
body.engineer-0 .form__text-area,
body.scheduling .form__text-area {
  height: 12.5rem;
  padding: 1.5rem 2rem;
}
.calendar-page .field_with_errors .form__text-area,
body.engineer-0 .field_with_errors .form__text-area,
body.scheduling .field_with_errors .form__text-area {
  border-color: #c64840;
  border-color: var(--color-global-error-300);
}
.form__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 1rem;
  box-shadow: 0 0 transparent;
  color: #1f2727;
  color: var(--color-global-grey-800);
  font-size: inherit;
  line-height: inherit;
  width: 100%;
}
.form__input:focus {
  background-color: #fff;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form__input:not(.form__input--without-focus-border):focus {
  border-color: #999b9b;
  border-color: var(--color-global-grey-300);
}
.form__input:disabled {
  background-color: #ebeeef;
  background-color: var(--color-global-grey-150);
  border-color: #ebeeef;
  border-color: var(--color-global-grey-150);
}
.calendar-page .form__input,
body.engineer-0 .form__input,
body.scheduling .form__input {
  border-color: #999b9b;
  border-color: var(--color-global-grey-300);
}
.field_with_errors .form__input {
  border-color: #ff898d;
  border-color: var(--color-global-error-400);
}
.calendar-page .field_with_errors .form__input,
body.engineer-0 .field_with_errors .form__input,
body.scheduling .field_with_errors .form__input {
  border-color: #c64840;
  border-color: var(--color-global-error-300);
}
.form__input.form__input--with-focus-shadow:focus {
  box-shadow: var(--input-focus-shadow-color);
}
.material-icons-outlined.material-icons--extra-large,
.material-icons.material-icons--extra-large {
  font-size: 6rem;
}
.material-icons-outlined.material-icons--large,
.material-icons.material-icons--large {
  font-size: 4rem;
}
.material-icons-outlined.material-icons--medium-large,
.material-icons.material-icons--medium-large {
  font-size: 3.75rem;
}
.datepicker-dropdown {
  background-color: #fff;
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
  margin-bottom: 2rem;
  padding: 0;
  position: absolute;
  width: 35rem;
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
  content: none;
}
.datepicker .datepicker-switch {
  align-items: center;
  color: #484d4d;
  color: var(--color-global-grey-600);
  display: flex;
  justify-content: center;
  width: 100%;
}
.datepicker-inline {
  width: 35rem;
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
  font-size: 16px !important;
  line-height: 1.25;
}
.datepicker .datepicker-days thead tr:last-child th {
  height: 3rem;
  max-height: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  min-width: 3rem;
}
.datepicker .datepicker-days thead tr:last-child,
.datepicker .datepicker-days tr {
  grid-gap: 1.75rem;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 3rem));
  padding-left: 1.5rem;
  padding-right: 1rem;
  place-content: auto;
  width: 100%;
}
.datepicker .datepicker-centuries thead tr,
.datepicker .datepicker-days thead tr:not(:last-child),
.datepicker .datepicker-decades thead tr,
.datepicker .datepicker-months thead tr,
.datepicker .datepicker-years thead tr {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  padding-left: 1rem;
  padding-right: 1rem;
  place-content: center;
  width: 100%;
}
.datepicker .datepicker-centuries tbody,
.datepicker .datepicker-decades tbody,
.datepicker .datepicker-months tbody,
.datepicker .datepicker-years tbody {
  margin-top: .5rem;
}
.datepicker .datepicker-centuries tr td,
.datepicker .datepicker-decades tr td,
.datepicker .datepicker-months tr td,
.datepicker .datepicker-years tr td {
  grid-gap: .5rem;
  display: grid;
  grid-template-columns: repeat(4, 6.75rem);
  height: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  place-content: center;
  width: 100%;
}
.datepicker .datepicker-centuries tr td span,
.datepicker .datepicker-decades tr td span,
.datepicker .datepicker-months tr td span,
.datepicker .datepicker-years tr td span {
  float: unset;
  height: 6.75rem;
  margin: 0;
  position: relative;
  width: 6.75rem;
}
[data-controller=datepicker] .datepicker .datepicker-centuries tr td span:hover,
[data-controller=datepicker] .datepicker .datepicker-decades tr td span:hover,
[data-controller=datepicker] .datepicker .datepicker-months tr td span:hover,
[data-controller=datepicker] .datepicker .datepicker-years tr td span:hover,
body.abaadmin .datepicker .datepicker-centuries tr td span:hover,
body.abaadmin .datepicker .datepicker-decades tr td span:hover,
body.abaadmin .datepicker .datepicker-months tr td span:hover,
body.abaadmin .datepicker .datepicker-years tr td span:hover,
body.engineer-0 .datepicker .datepicker-centuries tr td span:hover,
body.engineer-0 .datepicker .datepicker-decades tr td span:hover,
body.engineer-0 .datepicker .datepicker-months tr td span:hover,
body.engineer-0 .datepicker .datepicker-years tr td span:hover,
body.scheduling .datepicker .datepicker-centuries tr td span:hover,
body.scheduling .datepicker .datepicker-decades tr td span:hover,
body.scheduling .datepicker .datepicker-months tr td span:hover,
body.scheduling .datepicker .datepicker-years tr td span:hover {
  background: transparent;
  text-shadow: none;
}
[data-controller=datepicker] .datepicker .datepicker-centuries tr td span:hover:before,
[data-controller=datepicker] .datepicker .datepicker-decades tr td span:hover:before,
[data-controller=datepicker] .datepicker .datepicker-months tr td span:hover:before,
[data-controller=datepicker] .datepicker .datepicker-years tr td span:hover:before,
body.abaadmin .datepicker .datepicker-centuries tr td span:hover:before,
body.abaadmin .datepicker .datepicker-decades tr td span:hover:before,
body.abaadmin .datepicker .datepicker-months tr td span:hover:before,
body.abaadmin .datepicker .datepicker-years tr td span:hover:before,
body.engineer-0 .datepicker .datepicker-centuries tr td span:hover:before,
body.engineer-0 .datepicker .datepicker-decades tr td span:hover:before,
body.engineer-0 .datepicker .datepicker-months tr td span:hover:before,
body.engineer-0 .datepicker .datepicker-years tr td span:hover:before,
body.scheduling .datepicker .datepicker-centuries tr td span:hover:before,
body.scheduling .datepicker .datepicker-decades tr td span:hover:before,
body.scheduling .datepicker .datepicker-months tr td span:hover:before,
body.scheduling .datepicker .datepicker-years tr td span:hover:before {
  opacity: .5;
}
[data-controller=datepicker] .datepicker .datepicker-centuries tr td span:before,
[data-controller=datepicker] .datepicker .datepicker-decades tr td span:before,
[data-controller=datepicker] .datepicker .datepicker-months tr td span:before,
[data-controller=datepicker] .datepicker .datepicker-years tr td span:before,
body.abaadmin .datepicker .datepicker-centuries tr td span:before,
body.abaadmin .datepicker .datepicker-decades tr td span:before,
body.abaadmin .datepicker .datepicker-months tr td span:before,
body.abaadmin .datepicker .datepicker-years tr td span:before,
body.engineer-0 .datepicker .datepicker-centuries tr td span:before,
body.engineer-0 .datepicker .datepicker-decades tr td span:before,
body.engineer-0 .datepicker .datepicker-months tr td span:before,
body.engineer-0 .datepicker .datepicker-years tr td span:before,
body.scheduling .datepicker .datepicker-centuries tr td span:before,
body.scheduling .datepicker .datepicker-decades tr td span:before,
body.scheduling .datepicker .datepicker-months tr td span:before,
body.scheduling .datepicker .datepicker-years tr td span:before {
  background-color: #d4e3e8;
  background-color: var(--color-primary-200);
  border-radius: .5rem;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .15s ease;
  width: 100%;
  z-index: -1;
}
[data-controller=datepicker] .datepicker .datepicker-centuries tr td span.focused,
[data-controller=datepicker] .datepicker .datepicker-decades tr td span.focused,
[data-controller=datepicker] .datepicker .datepicker-months tr td span.focused,
[data-controller=datepicker] .datepicker .datepicker-years tr td span.focused,
body.abaadmin .datepicker .datepicker-centuries tr td span.focused,
body.abaadmin .datepicker .datepicker-decades tr td span.focused,
body.abaadmin .datepicker .datepicker-months tr td span.focused,
body.abaadmin .datepicker .datepicker-years tr td span.focused,
body.engineer-0 .datepicker .datepicker-centuries tr td span.focused,
body.engineer-0 .datepicker .datepicker-decades tr td span.focused,
body.engineer-0 .datepicker .datepicker-months tr td span.focused,
body.engineer-0 .datepicker .datepicker-years tr td span.focused,
body.scheduling .datepicker .datepicker-centuries tr td span.focused,
body.scheduling .datepicker .datepicker-decades tr td span.focused,
body.scheduling .datepicker .datepicker-months tr td span.focused,
body.scheduling .datepicker .datepicker-years tr td span.focused {
  background-color: #c6e3ef;
  background-color: var(--color-primary-300);
  border-color: #c6e3ef;
  border-color: var(--color-primary-300);
  transition: opacity 125ms cubic-bezier(.19, 1, .22, 1);
}
[data-controller=datepicker] .datepicker .datepicker-centuries tr td span.focused:hover,
[data-controller=datepicker] .datepicker .datepicker-decades tr td span.focused:hover,
[data-controller=datepicker] .datepicker .datepicker-months tr td span.focused:hover,
[data-controller=datepicker] .datepicker .datepicker-years tr td span.focused:hover,
body.abaadmin .datepicker .datepicker-centuries tr td span.focused:hover,
body.abaadmin .datepicker .datepicker-decades tr td span.focused:hover,
body.abaadmin .datepicker .datepicker-months tr td span.focused:hover,
body.abaadmin .datepicker .datepicker-years tr td span.focused:hover,
body.engineer-0 .datepicker .datepicker-centuries tr td span.focused:hover,
body.engineer-0 .datepicker .datepicker-decades tr td span.focused:hover,
body.engineer-0 .datepicker .datepicker-months tr td span.focused:hover,
body.engineer-0 .datepicker .datepicker-years tr td span.focused:hover,
body.scheduling .datepicker .datepicker-centuries tr td span.focused:hover,
body.scheduling .datepicker .datepicker-decades tr td span.focused:hover,
body.scheduling .datepicker .datepicker-months tr td span.focused:hover,
body.scheduling .datepicker .datepicker-years tr td span.focused:hover {
  background-color: #c6e3ef;
  background-color: var(--color-primary-300);
  border-color: #c6e3ef;
  border-color: var(--color-primary-300);
  opacity: .75;
}
.datepicker table {
  border-collapse: collapse;
  margin: 1.25rem auto 1rem;
  table-layout: fixed;
  width: 35rem;
}
.datepicker table,
.datepicker table tbody {
  grid-gap: 1rem;
  display: grid;
}
.datepicker table tr td.day {
  align-items: center;
  border-radius: 9999px;
  display: flex;
  height: 3rem;
  justify-content: center;
  max-height: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  padding: 0;
  position: relative;
  width: 3rem;
}
.datepicker table tr td.day:first-child:not(.active),
.datepicker table tr td.day:nth-child(7):not(.active) {
  color: #999b9b;
  color: var(--color-global-grey-300);
}
[data-controller=datepicker] .datepicker table tr td.day,
body.abaadmin .datepicker table tr td.day,
body.engineer-0 .datepicker table tr td.day,
body.scheduling .datepicker table tr td.day {
  color: #484d4d;
  color: var(--color-global-grey-600);
}
[data-controller=datepicker] .datepicker table tr td.day:before,
body.abaadmin .datepicker table tr td.day:before,
body.engineer-0 .datepicker table tr td.day:before,
body.scheduling .datepicker table tr td.day:before {
  background-color: #d4e3e8;
  background-color: var(--color-primary-200);
  border-radius: 9999px;
  content: "";
  height: 4rem;
  left: -.5rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -.5rem;
  transition: opacity .15s ease;
  width: 4rem;
  z-index: -1;
}
.datepicker table tr td.day.active {
  text-shadow: none;
}
[data-controller=datepicker] .datepicker table tr td.day.active,
body.abaadmin .datepicker table tr td.day.active,
body.engineer-0 .datepicker table tr td.day.active,
body.scheduling .datepicker table tr td.day.active {
  color: #fff;
}
[data-controller=datepicker] .datepicker table tr td.day:hover,
[data-controller=datepicker] .datepicker table tr td.focused,
body.abaadmin .datepicker table tr td.day:hover,
body.abaadmin .datepicker table tr td.focused,
body.engineer-0 .datepicker table tr td.day:hover,
body.engineer-0 .datepicker table tr td.focused,
body.scheduling .datepicker table tr td.day:hover,
body.scheduling .datepicker table tr td.focused {
  background-color: transparent;
  border-color: transparent;
}
[data-controller=datepicker] .datepicker table tr td.day:hover:before,
[data-controller=datepicker] .datepicker table tr td.focused:before,
body.abaadmin .datepicker table tr td.day:hover:before,
body.abaadmin .datepicker table tr td.focused:before,
body.engineer-0 .datepicker table tr td.day:hover:before,
body.engineer-0 .datepicker table tr td.focused:before,
body.scheduling .datepicker table tr td.day:hover:before,
body.scheduling .datepicker table tr td.focused:before {
  opacity: .5;
}
.datepicker table tr td span.active.active,
.datepicker table tr td.active.day {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-color: #29718c;
  border-color: var(--color-primary-800);
  transition: opacity 125ms cubic-bezier(.19, 1, .22, 1);
}
.datepicker table tr td span.active.active:hover,
.datepicker table tr td.active.day:hover {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-color: #29718c;
  border-color: var(--color-primary-800);
  opacity: .75;
}
[data-controller=datepicker] .datepicker table tr td span.active.active,
[data-controller=datepicker] .datepicker table tr td.active.day,
body.abaadmin .datepicker table tr td span.active.active,
body.abaadmin .datepicker table tr td.active.day,
body.engineer-0 .datepicker table tr td span.active.active,
body.engineer-0 .datepicker table tr td.active.day,
body.scheduling .datepicker table tr td span.active.active,
body.scheduling .datepicker table tr td.active.day {
  background-color: #71a5b9;
  background-color: var(--color-primary-600);
  border-color: #71a5b9;
  border-color: var(--color-primary-600);
}
[data-controller=datepicker] .datepicker table tr td span.active.active:hover,
[data-controller=datepicker] .datepicker table tr td.active.day:hover,
body.abaadmin .datepicker table tr td span.active.active:hover,
body.abaadmin .datepicker table tr td.active.day:hover,
body.engineer-0 .datepicker table tr td span.active.active:hover,
body.engineer-0 .datepicker table tr td.active.day:hover,
body.scheduling .datepicker table tr td span.active.active:hover,
body.scheduling .datepicker table tr td.active.day:hover {
  background-color: transparent;
  border-color: transparent;
  color: #484d4d;
  color: var(--color-global-grey-600);
  opacity: 1;
}
.datepicker table tr td span.active:hover.active:hover {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-color: #29718c;
  border-color: var(--color-primary-800);
  opacity: .75;
}
.datepicker table tr td.today {
  transition: opacity 125ms cubic-bezier(.19, 1, .22, 1);
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover {
  background-color: #c6e3ef;
  background-color: var(--color-primary-300);
  border-color: #c6e3ef;
  border-color: var(--color-primary-300);
}
.datepicker table tr td.today:hover {
  opacity: .75;
}
[data-controller=datepicker] .datepicker table tr td.today,
body.abaadmin .datepicker table tr td.today,
body.engineer-0 .datepicker table tr td.today,
body.scheduling .datepicker table tr td.today {
  background-color: #d4e3e8;
  background-color: var(--color-primary-200);
  border-color: #d4e3e8;
  border-color: var(--color-primary-200);
}
[data-controller=datepicker] .datepicker table tr td.today:hover,
body.abaadmin .datepicker table tr td.today:hover,
body.engineer-0 .datepicker table tr td.today:hover,
body.scheduling .datepicker table tr td.today:hover {
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}
.datepicker table td.new:first-child,
.datepicker table td.new:first-child ~ td.new {
  display: none;
}
.datepicker table td.old {
  opacity: 0;
  pointer-events: none;
}
.datepicker table td,
.datepicker table th {
  font-size: 1.75rem;
}
.datepicker table th.dow {
  color: #999b9b;
  color: var(--color-global-grey-300);
  font-weight: 400;
}
.datepicker table tfoot {
  display: none;
}
.datepicker-switch {
  color: #1f2727;
  color: var(--color-global-grey-800);
  font-weight: 500;
}
.datepicker .next,
.datepicker .prev {
  display: flex;
  justify-content: center;
}
.datepicker .prev {
  margin-left: .25rem;
}
.datepicker .next {
  margin-right: .25rem;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background-color: #e1e3e6;
  background-color: var(--color-global-grey-200);
}
.applyBtn {
  background-color: #29718c;
  border-radius: 8px;
  color: #fff;
  padding: 12px !important;
}
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #29728c !important;
}
.hero {
  overflow: hidden;
  padding: 3rem 2rem 9.75rem;
  position: relative;
}
.hero:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero.hero--backgroundless:before {
  background-color: transparent;
}
.hero__image {
  bottom: 3.125rem;
  margin-right: -7.25rem;
  max-width: 61.5%;
  position: absolute;
  right: 0;
  width: 22rem;
}
@media (min-width:375px) {
  .hero__image {
    width: 32rem;
  }
}
.hero__content {
  max-width: 27rem;
  position: relative;
}
.hero__text {
  font-size: 2rem;
  margin-top: 1rem;
}
.bip-modal__bip {
  border-bottom-width: 1px;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  padding: 3rem 2rem;
}
.bip-modal__bip-btn {
  min-height: 7rem;
}
.bip-modal__bip-btn.disabled:before {
  background-color: #f3f4f5 !important;
  background-color: var(--color-global-grey-100) !important;
}
.bip-modal__bip-btn.disabled > * {
  color: #484d4d;
  color: var(--color-global-grey-600);
}
.bip-modal__counter,
.bip-modal__timer {
  font-size: 4.75rem;
  font-weight: 500;
  line-height: 5.875rem;
}
.bip-modal__timer {
  grid-column: 1/3;
}
.bip-modal__counter-row {
  align-items: center;
  display: grid;
  gap: 3rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 5.5rem) minmax(0, 1fr);
}
.bip-modal__entry-detail-running-label {
  align-items: center;
  color: #29718c;
  color: var(--color-primary-800);
  display: flex;
  font-weight: 500;
  margin-left: .5rem;
  padding: .25rem 1rem;
  position: relative;
}
.bip-modal__entry-detail-running-label:before {
  background-color: #29718c;
  background-color: var(--color-primary-800);
  border-radius: 1rem;
  content: "";
  height: 100%;
  left: 0;
  opacity: .1;
  position: absolute;
  top: 0;
  width: 100%;
}
.bip-modal__entry-detail-running-label i {
  font-size: 2.5rem;
}
.bip-modal__close-btn {
  margin-top: auto;
}
.bip-modal__close-btn:not(.bip-modal__close-btn--paddingless) {
  padding: 2rem;
}
.bip-modal__textarea {
  height: calc(50vh - 19.25rem);
}
.card {
  align-items: center;
  background-color: #fff;
  border-radius: 1rem;
}
.card:not(.card--shadowless) {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.card:not(.card--paddingless) {
  padding: 2rem;
}
.card:not(.card--borderless) {
  border: 1px solid #e1e3e6;
  border: 1px solid var(--color-global-grey-200);
}
.card.error:not(.card--bordeless) {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
  border-color: #ff898d;
  border-color: var(--color-global-error-400);
}
.card.card--icon-row {
  display: grid;
  font-weight: 500;
  gap: 2rem;
  grid-template-columns: minmax(0, 24px) minmax(min-content, 1fr) minmax(0, max-content);
}
.card.card--large-icon-row {
  display: grid;
  font-weight: 500;
  gap: 2rem;
  grid-template-columns: minmax(0, 4rem) minmax(0, 1fr) minmax(0, max-content);
}
.card__wrapper.card__wrapper--large-icon-row {
  display: grid;
  font-weight: 500;
  gap: 2rem;
  grid-auto-columns: minmax(0, max-content);
  grid-template-columns: minmax(4rem, 4rem) minmax(0, 1fr);
}
.card__hr {
  margin-left: -2rem;
  margin-right: -2rem;
}
.card__row {
  display: grid;
  gap: 1.25rem;
}
@media (min-width:375px) {
  .card__row {
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
  }
}
.card__row.card__row--with-spacing {
  padding-bottom: 2rem;
}
.card__row.card__row--with-spacing ~ .card__row.card__row--with-spacing,
div + .card__row.card__row--with-spacing {
  padding-top: 2rem;
}
.card__row.card__row--with-spacing:last-of-type {
  padding-bottom: 0;
}
.card__number {
  font-size: 3.375rem;
}
.card__hours {
  color: #797d7d;
  color: var(--color-global-grey-400);
  font-size: 2.625rem;
  line-height: 1.8;
  margin-left: .5rem;
}
.active-card {
  padding-bottom: 3rem;
  padding-top: 2rem;
}
.active-card__header {
  display: grid;
  font-weight: 500;
  gap: 1.75rem;
  grid-template-columns: minmax(0, 24px) minmax(0, 1fr) minmax(0, max-content);
}
.active-card__content {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 4rem) minmax(0, 1fr);
  margin-top: 3.25rem;
}
.active-card__thumbnail-wrapper {
  border-radius: 9999px;
  height: 4rem;
  width: 4rem;
}
.active-card__thumbnail {
  align-items: center;
  background-color: #e1e3e6;
  background-color: var(--color-global-grey-200);
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 9999px;
  color: #484d4d;
  color: var(--color-global-grey-600);
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.active-card__description {
  color: #797d7d;
  color: var(--color-global-grey-400);
  font-size: 1.875rem;
  margin-top: .5rem;
}
.css-loading-spinner {
  bottom: 0;
  height: 5.125rem;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 5.125rem;
}
.css-loading-spinner:before {
  border-color: #29718c;
  border-color: var(--color-primary-800);
  border-radius: 9999px;
  border-width: .75rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.css-loading-spinner.css-loading-spinner--button {
  height: 3.25rem;
  width: 3.25rem;
}
.css-loading-spinner.css-loading-spinner--button:before {
  border-width: .5rem;
}
.css-loading-spinner.css-loading-spinner--small {
  height: 2.75rem;
  width: 2.75rem;
}
.css-loading-spinner.css-loading-spinner--small:before {
  border-width: .5rem;
}
.button--alert-error .css-loading-spinner.css-loading-spinner--button:before {
  border-color: #f0000b;
  border-color: var(--color-global-error-800);
}
.css-loading-spinner__item {
  animation: spinner 1.333s cubic-bezier(.61, .32, .38, .66) infinite;
  background-color: transparent;
  border-color: #c6e3ef transparent transparent;
  border-color: var(--color-primary-400) transparent transparent transparent;
  border-radius: 9999px;
  border-width: .5rem;
  height: calc(100% - .25rem);
  left: 0;
  margin: .125rem;
  position: absolute;
  top: 0;
  width: calc(100% - .25rem);
}
.css-loading-spinner__item:first-child {
  animation-delay: -.12s;
}
.css-loading-spinner__item:nth-child(2) {
  animation-delay: -.05s;
}
.css-loading-spinner__item .css-loading-spinner:not(.hidden) {
  will-change: transform;
}
.css-loading-spinner.css-loading-spinner--button .css-loading-spinner__item,
.css-loading-spinner.css-loading-spinner--small .css-loading-spinner__item {
  border-width: .25rem;
}
.button--alert-error .css-loading-spinner.css-loading-spinner--button .css-loading-spinner__item {
  border-color: #ff898d transparent transparent;
  border-color: var(--color-global-error-400) transparent transparent transparent;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(2turn);
  }
}
.loading-spinner {
  background-image: url(/assets/loading_spinner-63XYROI7-5fa7616c3fdd2234f12be15a6c39a2e6781c44c0324f9777bb2b609b8a651abe.svg);
  background-repeat: no-repeat;
  pointer-events: none;
}
.loading-spinner.loading-spinner--section {
  background-image: none;
  background-position: 50%;
  height: 100%;
  width: 100%;
}
.loading-spinner.loading-spinner--section:after {
  background-color: hsla(0, 0%, 100%, .4);
  background-image: url(/assets/loading_spinner-63XYROI7-5fa7616c3fdd2234f12be15a6c39a2e6781c44c0324f9777bb2b609b8a651abe.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 6.25rem 6.25rem;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.loading-spinner.loading-spinner--button {
  background-position: 50%;
  bottom: 0;
  height: 4.375rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.375rem;
}
.loading-spinner.loading-spinner--button:before {
  border-radius: 1rem;
}
.loading-spinner.loading-spinner--with-overlay:after {
  background-color: hsla(0, 0%, 100%, .5);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.timer-spinner {
  background-image: url(/assets/timer_spinner-GJYOIETB-6faf76f77497f080b966a2d73b10bc179c9c04de77cb6f1b6de43f609df25b3d.svg);
}
.snackbar {
  margin-top: 2.5rem;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateY(-3.125rem);
  transition: transform .15s ease, opacity .15s ease;
  width: 100%;
  z-index: 9999;
}
.snackbar.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0);
}
.snackbar.snackbar--secondary {
  margin-top: 1rem;
}
.snackbar__body {
  border-radius: 1rem;
  color: #fff;
  height: 100%;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  margin-inline: auto;
  padding: 1.75rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
.snackbar.is-active .snackbar__body {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
}
.snackbar__body.snackbar__body--success {
  background-color: #00b98b;
  background-color: var(--color-global-success-600);
}
.snackbar.snackbar--secondary .snackbar__body.snackbar__body--success {
  background-color: #e1f6f0;
  background-color: var(--color-global-success-100);
  border: 1px solid #00b98b;
  border: 1px solid var(--color-global-success-600);
  color: #00b98b;
  color: var(--color-global-success-600);
}
.snackbar__body.snackbar__body--warning {
  background-color: #efca49;
  background-color: var(--color-global-warning-600);
}
.snackbar.snackbar--secondary .snackbar__body.snackbar__body--warning {
  background-color: #fbf5e0;
  background-color: var(--color-global-warning-100);
  border: 1px solid #efca49;
  border: 1px solid var(--color-global-warning-600);
  color: #efca49;
  color: var(--color-global-warning-600);
}
.snackbar__body.snackbar__body--error {
  background-color: #ff2336;
  background-color: var(--color-global-error-600);
}
.snackbar.snackbar--secondary .snackbar__body.snackbar__body--error {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
  border: 1px solid #ff2336;
  border: 1px solid var(--color-global-error-600);
  color: #ff2336;
  color: var(--color-global-error-600);
}
.snackbar__body.snackbar__body--delete {
  background-color: #1f2727;
  background-color: var(--color-global-grey-800);
}
.snackbar.snackbar--secondary .snackbar__body {
  margin-left: 1rem;
  margin-right: 1rem;
}
.snackbar__content {
  display: flex;
  font-weight: 500;
}
.snackbar.snackbar--secondary .snackbar__content {
  align-items: flex-start;
  font-weight: 400;
}
.snackbar__icon {
  align-items: center;
  display: flex;
  font-size: 2.25rem;
  padding-right: .5rem;
}
.snackbar.snackbar--secondary .snackbar__icon {
  margin-top: .25rem;
  padding-right: 2rem;
}
.snackbar__close {
  cursor: pointer;
  display: none;
}
.snackbar.snackbar--secondary.is-active .snackbar__close:not(.hidden) {
  display: flex;
  margin: -2rem -2rem -2rem auto;
  padding: 2rem;
}
.observation__sticky-header-mask {
  background-color: #fff;
  height: 20px;
  position: sticky;
  top: 60px;
}
.observation__field-label {
  font-size: 1.75rem;
  font-weight: 500;
}
.timer-entry {
  border-bottom: 1px solid #e1e3e6;
  border-bottom: 1px solid var(--color-global-grey-200);
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, max-content));
}
.meeting-log__sticky-header-mask {
  background-color: #fff;
  height: 20px;
  position: sticky;
  top: 60px;
}
.meeting-log__basic-info {
  font-size: 1.625rem;
}
.meeting-log__field-label {
  font-size: 1.75rem;
  font-weight: 500;
}
.meeting-log__supervisor-select {
  text-indent: 30px;
}
.meeting-log__checkbox {
  align-items: center;
  color: #797d7d;
  color: var(--color-global-grey-400);
  display: flex;
}
.meeting-log__checkbox.disabled {
  opacity: .3;
  pointer-events: none;
}
.meeting-log__radio {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  border-radius: 1rem;
  box-shadow: 0 2px 4px 0 rgba(33, 43, 54, .1);
  display: flex;
  font-size: 2rem;
  padding: 1.5rem 1.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
@media (min-width:375px) {
  .meeting-log__radio {
    padding: 2.25rem 2rem;
  }
}
.meeting-log__supervision-fields {
  height: 0;
  transition: height .25s ease;
}
.meeting-log__supervision-fields:not(.is-visible) {
  overflow: hidden;
}
.meeting-log__supervision-fields.is-visible {
  height: auto;
}
.meeting-log__split-row {
  display: grid;
}
@media (min-width:414px) {
  .meeting-log__split-row {
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.75rem) minmax(0, 1fr);
  }
}
.task {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.task:not(.hidden) + .task {
  border-top: 2px solid #e1e3e6;
  border-top: 2px solid var(--color-global-grey-200);
}
.task__description {
  padding-bottom: 1.75rem;
  padding-top: 1rem;
}
.task__header {
  display: grid;
  gap: 1.75rem;
}
@media (min-width:414px) {
  .task__header {
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
  }
}
.treatment__sticky-header-mask {
  background-color: #fff;
  height: 20px;
  position: sticky;
  top: 60px;
}
.treatment__basic-info {
  font-size: 1.625rem;
}
.treatment__field-label {
  font-size: 1.625rem;
  font-weight: 500;
}
.treatment__checkbox {
  align-items: center;
  color: #797d7d;
  color: var(--color-global-grey-400);
  display: flex;
}
.treatment__checkbox.disabled {
  opacity: .3;
  pointer-events: none;
}
.treatment__select {
  height: 7.5rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.treatment__reason-container {
  transition: height .25s ease;
}
.treatment__reason-container:not(.is-visible) {
  overflow: hidden;
}
.fuzzy-select {
  position: relative;
}
.fuzzy-select__content {
  display: flex;
}
.fuzzy-select__search-wrapper {
  width: 100%;
}
.fuzzy-select__icon {
  align-items: center;
  bottom: 0;
  padding-left: 1.75rem;
  top: 0;
  z-index: 10;
}
.fuzzy-select__icon,
.fuzzy-select__popover {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
}
.fuzzy-select__popover {
  border-radius: 1rem;
  border-width: 1px;
  flex-direction: column;
  opacity: 0;
  overflow-y: auto;
  top: 100%;
  transition: opacity 75ms ease, transform 75ms ease;
  width: 100%;
  will-change: opacity, transform;
}
.fuzzy-select__popover.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(.75rem);
}
.fuzzy-select--tall .fuzzy-select__popover.is-visible {
  transform: translateY(1.5rem);
}
.fuzzy-select.has-content:not(.has-results) .fuzzy-select__popover.is-visible {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0);
}
.calendar-page .fuzzy-select__popover,
body.engineer-0 .fuzzy-select__popover,
body.scheduling .fuzzy-select__popover {
  max-height: 26rem;
}
.fuzzy-select__input {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  background-color: #fff;
  border-radius: 1rem;
  border-style: solid;
  border-width: 2px;
  display: flex;
  height: 7.5rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  width: 100%;
}
.fuzzy-select__input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.fuzzy-select.has-content .fuzzy-select__input {
  padding-right: 5.5rem;
}
.calendar-page .fuzzy-select__input,
body.engineer-0 .fuzzy-select__input,
body.scheduling .fuzzy-select__input {
  height: 7rem;
  padding-bottom: 1.75rem;
  padding-top: 1.75rem;
}
.fuzzy-select__input .fuzzy-select__input:not([class~=border-]) {
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
}
.disabled .fuzzy-select__input {
  background-color: #ebeeef;
  background-color: var(--color-global-grey-150);
  border-color: #ebeeef;
  border-color: var(--color-global-grey-150);
  color: #797d7d;
  color: var(--color-global-grey-400);
  pointer-events: none;
}
.fuzzy-select__selected-wrapper {
  align-items: center;
  background-color: #fff;
  border: 2px solid #e1e3e6;
  border: 2px solid var(--color-global-grey-200);
  border-radius: 1rem;
  color: #1f2727;
  color: var(--color-global-grey-800);
  cursor: pointer;
  display: flex;
  min-height: 7.5rem;
  padding: 1.25rem 6.25rem 1.25rem 2rem;
  width: 100%;
}
.fuzzy-select__selected-wrapper.hidden {
  display: none;
}
.disabled .fuzzy-select__selected-wrapper {
  background-color: #ebeeef;
  background-color: var(--color-global-grey-150);
  border-color: #ebeeef;
  border-color: var(--color-global-grey-150);
  color: #797d7d;
  color: var(--color-global-grey-400);
  cursor: auto;
}
.calendar-page .fuzzy-select__selected-wrapper,
body.engineer-0 .fuzzy-select__selected-wrapper,
body.scheduling .fuzzy-select__selected-wrapper {
  border-width: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  min-height: 7rem;
}
.calendar-page .disabled .fuzzy-select__selected-wrapper,
body.engineer-0 .disabled .fuzzy-select__selected-wrapper,
body.scheduling .disabled .fuzzy-select__selected-wrapper {
  box-shadow: 0 0 transparent;
}
.fuzzy-select__clear-text {
  align-items: center;
  bottom: 0;
  display: flex;
  margin-bottom: auto;
  margin-right: .5rem;
  margin-top: auto;
  opacity: 0;
  padding: 1.25rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 175ms cubic-bezier(.19, 1, .22, 1);
  z-index: 1;
}
.fuzzy-select__clear-text.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 75ms ease;
}
.fuzzy-select__clear-selected {
  align-items: center;
  bottom: 0;
  color: #797d7d;
  color: var(--color-global-grey-400);
  display: flex;
  margin-bottom: auto;
  margin-right: .5rem;
  margin-top: auto;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.calendar-page .fuzzy-select__clear-selected,
body.engineer-0 .fuzzy-select__clear-selected,
body.scheduling .fuzzy-select__clear-selected {
  color: #999b9b;
  color: var(--color-global-grey-300);
}
.fuzzy-select__item {
  display: none;
}
.fuzzy-select .fuzzy-select__item.is-visible {
  display: block;
}
.fuzzy-select .fuzzy-select__item.flex.is-visible {
  display: flex;
}
.fuzzy-select.is-expanded .fuzzy-select__item.is-visible {
  pointer-events: auto;
}
.fuzzy-select__popover .fuzzy-select__item.is-visible:before {
  background-color: #e1e3e6;
  background-color: var(--color-global-grey-200);
  content: "";
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
}
.fuzzy-select__popover .fuzzy-select__item.is-visible ~ .fuzzy-select__item.is-visible:before {
  content: none;
}
.fuzzy-select__selected-wrapper .fuzzy-select__item {
  display: block !important;
  padding: 0;
}
.disabled .fuzzy-select__item {
  cursor: default;
}
.fuzzy-select__selected-item .fuzzy-select__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fuzzy-select:not(.has-content) .fuzzy-select__item {
  display: block;
}
.fuzzy-select:not(.has-content) .fuzzy-select__item.flex {
  display: flex;
}
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section {
  border-bottom: 1px;
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  border-style: solid;
  margin-bottom: -1px;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.fuzzy-select__selected-section-label {
  display: none;
}
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section-label {
  display: block;
}
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section-label.flex {
  display: flex;
}
.fuzzy-select__selected-item {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fuzzy-select__selected-item .fuzzy-select__hidden-on-select {
  display: none;
}
.fuzzy-select__selected-item .fuzzy-select__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fuzzy-select__selected-item .fuzzy-select__text span {
  font-weight: 400 !important;
}
.drawer.slidable-drawer {
  place-items: end;
}
.drawer.slidable-drawer:not(.hidden) {
  display: grid;
}
.drawer.slidable-drawer.slidable-drawer--with-full-height-panes .slidable-drawer__content {
  align-self: auto;
  display: block;
  width: 100%;
}
@media (max-width:1023px) {
  .drawer.slidable-drawer.slidable-drawer--with-full-height-panes .slidable-drawer__box {
    height: calc(100vh - 20px);
  }
}
.slidable-drawer__background {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  top: 20px;
  width: 100%;
}
@media (min-width:1024px) {
  .slidable-drawer__background {
    top: 0 !important;
    transform: none !important;
  }
}
.drawer.slidable-drawer.is-active-drawer .slidable-drawer__container-wrapper {
  overflow-y: visible;
}
@media (max-width:1023px) {
  .drawer.slidable-drawer.slidable-drawer--with-full-height-panes .slidable-drawer__container {
    height: 100%;
  }
}
.slidable-drawer__scrollable-content {
  overflow-y: auto;
}
.slidable-drawer__panes-wrapper {
  display: grid;
  grid-template-rows: minmax(0, max-content);
}
@media (max-width:1023px) {
  .slidable-drawer__panes-wrapper {
    grid-auto-columns: 100%;
    grid-auto-flow: column;
  }
}
@media (min-width:1024px) {
  .slidable-drawer__panes-wrapper {
    grid-template-rows: minmax(0, max-content) minmax(0, 1fr);
    max-height: 100vh;
  }
  @supports (-webkit-touch-callout:none) {
    .slidable-drawer__panes-wrapper {
      max-height: -webkit-fill-available;
    }
  }
}
@media (max-width:1023px) {
  .drawer.slidable-drawer.slidable-drawer--with-full-height-panes .slidable-drawer__panes-wrapper {
    height: 100%;
    position: relative;
  }
}
.slidable-drawer__header {
  background-color: #fff;
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
}
@media (min-width:1024px) {
  .slidable-drawer__header {
    border-radius: 0;
  }
}
.slidable-drawer__header.slidable-drawer__header--float {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slidable-drawer__pane {
  opacity: 0;
  pointer-events: none;
}
@media (min-width:1024px) {
  .slidable-drawer__pane {
    height: calc(100vh - 8.125rem);
    overflow-y: auto;
  }
}
.slidable-drawer__pane:not(.is-active-pane) {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.slidable-drawer__pane.is-active-pane {
  left: auto;
  opacity: 1;
  right: auto;
}
.drawer.is-active-drawer .slidable-drawer__pane.is-active-pane {
  pointer-events: auto;
}
.slidable-drawer__pane.is-next-pane,
.slidable-drawer__pane.is-previous-pane {
  opacity: 1;
}
.slidable-drawer__pane.is-previous-pane {
  left: auto;
  right: 100%;
}
.slidable-drawer__pane.is-next-pane {
  left: 100%;
  right: auto;
}
@media (max-width:1023px) {
  .drawer.slidable-drawer.slidable-drawer--with-full-height-panes .slidable-drawer__pane {
    display: grid;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content);
  }
}
.slidable-drawer__pane-content {
  bottom: 0;
  left: 0;
  position: absolute;
}
.slidable-drawer__pane.is-active-pane .slidable-drawer__pane-content {
  position: relative;
}
.form-errors {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
  border-color: rgba(198, 72, 64, .3);
  border-radius: 1rem;
  border-width: 1px;
  color: #ff2336;
  color: var(--color-global-error-600);
  padding: 1.5rem 2.5rem;
}
body.engineer-0 .form-errors {
  min-height: 6rem;
  padding: 1.25rem 2rem;
}
.trix-button-row {
  flex-wrap: wrap !important;
}
.no_attachment .trix-button-group--file-tools {
  display: none !important;
}
.attachment--preview {
  margin: .6em 0;
  text-align: center;
  width: 100%;
}
.attachment {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  padding: 0;
  position: relative;
}
.tribute-container {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 5px 20px rgba(0, 0, 0, .05);
  margin-left: 10px;
  max-height: 150px !important;
  overflow: auto;
  z-index: 99;
}
.tribute-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tribute-container li {
  background: #fff;
  max-width: 100%;
  min-width: 15em;
  padding: .2em 1em;
}
.tribute-container .highlight {
  background: #1b6ac9;
  color: #fff;
}
.tribute-container .highlight span {
  font-weight: 700;
}
.mentioned-user {
  color: #4d94d1;
  font-weight: 500;
  padding-left: 5px;
}
.sender-comments {
  background-color: #f6f6f6 !important;
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.alert {
  background-color: #fcfcfc;
  background-color: var(--color-global-grey-50);
  border-color: #e1e3e6;
  border-color: var(--color-global-grey-200);
  border-radius: 1rem;
  border-width: 1px;
  display: grid;
  gap: 2rem;
  padding: 2rem;
}
.alert.hidden {
  display: none;
}
.alert.alert--with-icon {
  grid-template-columns: minmax(0, 3rem) minmax(0, 1fr);
}
.alert.alert-warning,
.alert.warning {
  background-color: #fbf5e0;
  background-color: var(--color-global-warning-100);
  border-color: rgba(220, 150, 85, .3);
  color: #efca49;
  color: var(--color-global-warning-600);
}
body.homecare .alert.alert-warning,
body.homecare .alert.warning {
  background-color: #fff7e7;
  color: #a85a11;
}
.alert.alert-danger,
.alert.error {
  background-color: #fceaea;
  background-color: var(--color-global-error-100);
  border-color: rgba(198, 72, 64, .3);
  color: #ff2336;
  color: var(--color-global-error-600);
}
.alert.alert-success,
.alert.success {
  background-color: #e1f6f0;
  background-color: var(--color-global-success-100);
  border-color: rgba(53, 172, 145, .3);
  color: #00b98b;
  color: var(--color-global-success-600);
}
.form-errors .alert {
  border-color: transparent;
  color: inherit;
  padding: .5rem 0;
}
body.engineer-0 .form-errors .alert {
  padding: 0;
}
.floating-accordion {
  animation-duration: .2s;
  animation-timing-function: step-end;
  contain: content;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: top left;
  width: 100%;
  will-change: transform;
}
.floating-accordion.is-expanded {
  animation-name: accordionExpandAnimation;
}
.floating-accordion.is-collapsed {
  animation-name: accordionCollapseAnimation;
}
.floating-accordion__trigger {
  cursor: pointer;
}
.floating-accordion__wrapper {
  animation-duration: .2s;
  animation-timing-function: step-end;
  contain: content;
  transform-origin: top left;
  width: 100%;
  will-change: transform;
}
.floating-accordion.is-expanded .floating-accordion__wrapper {
  animation-name: accordionContentExpandAnimation;
}
.floating-accordion.is-collapsed .floating-accordion__wrapper {
  animation-name: accordionContentCollapseAnimation;
}
.floating-accordion__content {
  position: relative;
  transition: opacity .2s ease;
  width: 100%;
}
.floating-accordion.is-expanded .floating-accordion__content {
  opacity: 1;
}
.floating-accordion.is-collapsed .floating-accordion__content {
  opacity: 0;
}
.sliding-accordion {
  position: relative;
}
.sliding-accordion__trigger {
  cursor: pointer;
}
.sliding-accordion__content {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: -1;
}
.sliding-accordion[data-sliding-accordion-animate-content] .sliding-accordion__content {
  bottom: 0;
  top: auto;
}
.sliding-accordion.is-transitioning .sliding-accordion__content {
  opacity: 1;
  transition: transform .2s ease;
  will-change: transform;
}
.sliding-accordion.is-visible .sliding-accordion__content {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  top: auto;
}
.sliding-accordion.is-transitioning .sliding-accordion__next-sibling {
  overflow: hidden;
  transition: transform .2s ease;
  will-change: transform;
}
.sliding-accordion__icon {
  transition: transform .2s ease;
}
.sliding-accordion.is-visible .sliding-accordion__icon {
  transform: rotate(180deg);
}
.sliding-accordion.is-visible .sliding-accordion__is-hidden-text,
.sliding-accordion:not(.is-visible) .sliding-accordion__is-visible-text {
  display: none;
}
.popper__preview {
  max-width: 37.5rem;
  min-width: 37.5rem;
}
@media (min-width:375px) {
  .popper__preview {
    max-width: 41.75rem;
    min-width: 41.75rem;
  }
}
.popper__popup {
  max-width: 37.5rem;
  min-width: 37.5rem;
}
@media (min-width:375px) {
  .popper__popup {
    max-width: 44.5rem;
    min-width: 44.5rem;
  }
}
@media (min-width:414px) {
  .popper__popup {
    max-width: 49.5rem;
    min-width: 49.5rem;
  }
}
@media (min-width:1024px) {
  .popper__popup {
    max-width: 56rem;
    min-width: 56rem;
  }
}
.popper__scrollable-content {
  max-height: calc(100vh - 53.25rem);
  overflow-y: auto;
}
.popper__arrow {
  height: 1.875rem;
  width: 1.875rem;
}
.popper__arrow-left-border,
.popper__arrow-right-border {
  background-image: -webkit-radial-gradient(2rem 2.5rem, circle closest-corner, transparent 0, transparent 2.5rem, #fff 0);
  background-image: radial-gradient(2rem 2.5rem, circle closest-corner, transparent 0, transparent 2.5rem, #fff 0);
}
.popper__arrow-left-border {
  left: -.3rem;
  top: 1rem;
  transform: rotateY(180deg);
}
.popper__arrow-right-border {
  right: -.3rem;
  top: 1rem;
}
.toggle__content {
  cursor: pointer;
  height: 3rem;
}
.toggle__content input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.toggle__indicator {
  background-color: #e1e3e6;
  background-color: var(--color-global-grey-200);
  border-radius: 9999px;
  height: 3rem;
  position: relative;
  width: 5.25rem;
}
.toggle__indicator:after {
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 9999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  content: "";
  display: block;
  height: 2.5rem;
  left: 0;
  margin: .25rem;
  position: absolute;
  top: 0;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1);
  width: 2.5rem;
}
.toggle input:checked ~ .toggle__indicator {
  background-color: #29718c;
  background-color: var(--color-primary-800);
}
.toggle input:checked ~ .toggle__indicator:after {
  transform: translateX(2.24rem);
}
.pill {
  position: relative;
}
.pill__content {
  background-color: #c6e3ef;
  background-color: var(--color-primary-300);
  border-radius: 2rem;
  color: #29718c;
  color: var(--color-primary-800);
  cursor: pointer;
}
.pill__content:focus {
  background-color: #fff;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.pill.yellow .pill__content {
  background-color: #fff3e2;
  background-color: var(--event-color-yellow-light);
  color: #cf800f;
  color: var(--event-color-yellow-dark);
}
.pill.yellow .pill__content:focus {
  background-color: #fff;
  border-color: #cf800f;
  border-color: var(--event-color-yellow-dark);
}
.pill.purple .pill__content {
  background-color: #e9ebf9;
  background-color: var(--event-color-purple-light);
  color: #59608f;
  color: var(--event-color-purple-dark);
}
.pill.purple .pill__content:focus {
  background-color: #fff;
  border-color: #59608f;
  border-color: var(--event-color-purple-dark);
}
.pill.red .pill__content {
  background-color: #fff0ec;
  background-color: var(--event-color-red-light);
  color: #d3522b;
  color: var(--event-color-red-dark);
}
.pill.red .pill__content:focus {
  background-color: #fff;
  border-color: #d3522b;
  border-color: var(--event-color-red-dark);
}
.pill.green .pill__content {
  background-color: #d5e9e8;
  background-color: var(--event-color-green-light);
  color: #00413e;
  color: var(--event-color-green-dark);
}
.pill.green .pill__content:focus {
  background-color: #fff;
  border-color: #00413e;
  border-color: var(--event-color-green-dark);
}
.pill.blue .pill__content {
  background-color: #ecf5fb;
  background-color: var(--event-color-blue-light);
  color: #1d5075;
  color: var(--event-color-blue-dark);
}
.pill.blue .pill__content:focus {
  background-color: #fff;
  border-color: #1d5075;
  border-color: var(--event-color-blue-dark);
}
.pill.gray .pill__content {
  background-color: #f5f7f7;
  background-color: var(--event-color-gray-light);
  color: #1f2727;
  color: var(--event-color-gray-dark);
}
.pill.gray .pill__content:focus {
  background-color: #fff;
  border-color: #1f2727;
  border-color: var(--event-color-gray-dark);
}
.pill.lightgray .pill__content {
  background-color: #f5f7f7;
  background-color: var(--event-color-lightgray-light);
  color: #3e4444;
  color: var(--event-color-lightgray-dark);
}
.pill.lightgray .pill__content:focus {
  background-color: #fff;
  border-color: #3e4444;
  border-color: var(--event-color-lightgray-dark);
}
.pill.default .pill__content {
  background-color: #f3f4f5;
  background-color: var(--color-global-grey-100);
  color: var(--color-global-grey-900);
}
.pill__indicator {
  align-items: center;
  bottom: 0;
  display: flex;
  margin-right: 1rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.pill.yellow .pill__indicator {
  color: #cf800f;
  color: var(--event-color-yellow-dark);
}
.pill.purple .pill__indicator {
  color: #59608f;
  color: var(--event-color-purple-dark);
}
.pill.red .pill__indicator {
  color: #d3522b;
  color: var(--event-color-red-dark);
}
.pill.green .pill__indicator {
  color: #00413e;
  color: var(--event-color-green-dark);
}
.pill.blue .pill__indicator {
  color: #1d5075;
  color: var(--event-color-blue-dark);
}
.pill.gray .pill__indicator {
  color: #1f2727;
  color: var(--event-color-gray-dark);
}
.pill.lightgray .pill__indicator {
  color: #3e4444;
  color: var(--event-color-lightgray-dark);
}
.pill.default .pill__indicator {
  color: var(--color-global-grey-900);
}
.filters {
  display: flex;
  flex-wrap: wrap;
}
.filters__clear-all-button {
  display: none;
  margin: .5rem;
  padding: 1rem 1.5rem;
}
.filter + .filter + .filters__clear-all-button {
  display: block;
}
.job-card {
  --tw-bg-opacity:1;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 1rem;
  padding: 3rem 7.5rem;
  width: 100%;
}
.job-card,
.job-card:hover {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 #0000),
    var(--tw-ring-shadow,0 0 #0000),
    var(--tw-shadow);
}
.job-card:hover {
  --tw-scale-x:.99;
  --tw-scale-y:.99;
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .15s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
@media (min-width:768px) {
  .job-card {
    min-height: 300px;
  }
}
.company-info {
  align-items: center;
  display: flex;
  font-size: 2.25rem;
  gap: 1rem;
  margin-left: -1rem;
}
.fuzzy-select .fuzzy-select__item.company-info.is-visible,
.fuzzy-select:not(.has-content) .fuzzy-select__item.company-info,
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section-label.company-info {
  display: flex;
}
.creation-info {
  color: #797d7d;
  color: var(--color-global-grey-400);
  cursor: help;
  font-size: 1.75rem;
}
.job-link {
  display: inline-block;
  font-size: 2.25rem;
  font-weight: 500;
  max-width: 200px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
}
.job-title {
  align-items: center;
  display: flex;
  font-size: 2.75rem;
  font-weight: 600;
  gap: 1rem;
}
.fuzzy-select .fuzzy-select__item.job-title.is-visible,
.fuzzy-select:not(.has-content) .fuzzy-select__item.job-title,
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section-label.job-title {
  display: flex;
}
.job-details {
  align-items: center;
  display: flex;
  font-size: 2rem;
  gap: 1rem;
  padding: .5rem 1rem;
}
.fuzzy-select .fuzzy-select__item.job-details.is-visible,
.fuzzy-select:not(.has-content) .fuzzy-select__item.job-details,
.fuzzy-select:not(.has-content) .fuzzy-select__selected-section-label.job-details {
  display: flex;
}
/*# sourceMappingURL=theme.css.map */