/*
Baseado em
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  text-decoration:none;
  outline: none;
}

*:before,
*:after {
  box-sizing: inherit;
}

button:selected{
  outline: none;
}

html {
  font-family: var(--font-book);
  font-size: 100%;
}

b, strong {
  font-family: var(--font-bold);
}


:root {
  --zindex-dialog: 120;
  --zindex-popover: 110;
  --zindex-modal: 100;

  --zindex-high: 10;
  --zindex-medium: 5;
  --zindex-low: 1;

  --zindex-editor: 60;
  --zindex-editor-low: 70;
  --zindex-editor-medium: 80;
  --zindex-editor-high: 90;
}

:root {
  --font-bold: 'CentraleSansBold';
  --font-light: 'CentraleSansLight';
  --font-book: 'CentraleSansBook';
  --font-book-cnd: 'CentraleSansCndBook';
  --font-medium: 'CentraleSansMedium';
  --font-bookitalic: 'CentraleSansBookItalic';
}



:root {
  --color-100: var(--color-gray-100);
  --color-90: var(--color-gray-90);
  --color-85: var(--color-gray-85);
  --color-80: var(--color-gray-80);
  --color-75: var(--color-gray-75);
  --color-70: var(--color-gray-70);
  --color-65: var(--color-gray-65);
  --color-60: var(--color-gray-60);
  --color-55: var(--color-gray-55);
  --color-50: var(--color-gray-50);
  --color-45: var(--color-gray-45);
  --color-40: var(--color-gray-40);
  --color-35: var(--color-gray-35);
  --color-30: var(--color-gray-30);
  --color-25: var(--color-gray-25);
  --color-20: var(--color-gray-20);
  --color-15: var(--color-gray-15);
  --color-10: var(--color-gray-10);
  --color-5: var(--color-gray-5);
  --color-0: var(--color-gray-0);

  --color-accent-100: var(--color-accent-gray-100);
  --color-accent-90: var(--color-accent-gray-90);
  --color-accent-85: var(--color-accent-gray-85);
  --color-accent-80: var(--color-accent-gray-80);
  --color-accent-75: var(--color-accent-gray-75);
  --color-accent-70: var(--color-accent-gray-70);
  --color-accent-65: var(--color-accent-gray-65);
  --color-accent-60: var(--color-accent-gray-60);
  --color-accent-55: var(--color-accent-gray-55);
  --color-accent-50: var(--color-accent-gray-50);
  --color-accent-45: var(--color-accent-gray-45);
  --color-accent-40: var(--color-accent-gray-40);
  --color-accent-35: var(--color-accent-gray-35);
  --color-accent-30: var(--color-accent-gray-30);
  --color-accent-25: var(--color-accent-gray-25);
  --color-accent-20: var(--color-accent-gray-20);
  --color-accent-15: var(--color-accent-gray-15);
  --color-accent-10: var(--color-accent-gray-10);
  --color-accent-5: var(--color-accent-gray-5);
  --color-accent-0: var(--color-accent-gray-0);

  --color-signal-60: var(--color-signal-orange-60);
  --color-signal-50: var(--color-signal-orange-50);
  --color-signal-45: var(--color-signal-orange-45);
  --color-signal-40: var(--color-signal-orange-40);
  --color-signal-30: var(--color-signal-orange-30);

  --color-safety-red: #ff5454;
  --color-safety-green: #3fb763;
  --color-safety-blue: #008ee8;
  --color-safety-yellow: #ffdb1f;
  --color-safety-orange: #ff9514;
  --color-safety-neutral: hsl(var(--color-gray-30));

  --color-yellow: #f0bb29;
  --color-lime-green: hsl(var(--color-signal-lime-60));

  --color-alert: #f2bE00;
  --color-birthday: #939393;
  --color-preventive: hsl(var(--color-green-40));
  --color-vip: hsl(var(--color-blue-35));

  --color-white: 0, 0%, 100%;
  --color-black: 0, 0%, 0%;
}

:root {
  --color-accent-philips-blue: 216, 91%, 45%;

  --color-accent-group-blue-100: 0, 0%, 0%;
  --color-accent-group-blue-90: 234, 50%, 8%;
  --color-accent-group-blue-85: 236, 52%, 21%;
  --color-accent-group-blue-80: 232, 54%, 24%;
  --color-accent-group-blue-75: 227, 57%, 26%;
  --color-accent-group-blue-70: 221, 63%, 28%;
  --color-accent-group-blue-65: 217, 63%, 30%;
  --color-accent-group-blue-60: 213, 64%, 32%;
  --color-accent-group-blue-55: 209, 69%, 34%;
  --color-accent-group-blue-50: 205, 74%, 35%;
  --color-accent-group-blue-45: 200, 79%, 37%;
  --color-accent-group-blue-40: 200, 62%, 44%;
  --color-accent-group-blue-35: 199, 51%, 51%;
  --color-accent-group-blue-30: 198, 56%, 60%;
  --color-accent-group-blue-25: 197, 56%, 67%;
  --color-accent-group-blue-20: 194, 56%, 76%;
  --color-accent-group-blue-15: 193, 53%, 84%;
  --color-accent-group-blue-10: 193, 65%, 92%;
  --color-accent-group-blue-5: 192, 50%, 97%;
  --color-accent-group-blue-0: 0, 0%, 100%;

  --color-accent-blue-100: 0, 0%, 0%;
  --color-accent-blue-90: 207, 87%, 6%;
  --color-accent-blue-85: 209, 88%, 16%;
  --color-accent-blue-80: 209, 81%, 18%;
  --color-accent-blue-75: 210, 75%, 20%;
  --color-accent-blue-70: 210, 71%, 24%;
  --color-accent-blue-65: 210, 69%, 28%;
  --color-accent-blue-60: 209, 66%, 32%;
  --color-accent-blue-55: 208, 63%, 37%;
  --color-accent-blue-50: 208, 62%, 42%;
  --color-accent-blue-45: 208, 58%, 48%;
  --color-accent-blue-40: 209, 58%, 54%;
  --color-accent-blue-35: 210, 64%, 61%;
  --color-accent-blue-30: 212, 76%, 69%;
  --color-accent-blue-25: 214, 76%, 75%;
  --color-accent-blue-20: 215, 83%, 82%;
  --color-accent-blue-15: 217, 88%, 88%;
  --color-accent-blue-10: 219, 100%, 94%;
  --color-accent-blue-5: 222, 100%, 98%;
  --color-accent-blue-0: 0, 0%, 100%;

  --color-accent-aqua-100: 0, 0%, 0%;
  --color-accent-aqua-90: 192, 58%, 6%;
  --color-accent-aqua-85: 195, 60%, 15%;
  --color-accent-aqua-80: 195, 47%, 18%;
  --color-accent-aqua-75: 192, 52%, 20%;
  --color-accent-aqua-70: 189, 57%, 21%;
  --color-accent-aqua-65: 185, 63%, 22%;
  --color-accent-aqua-60: 180, 68%, 24%;
  --color-accent-aqua-55: 177, 71%, 27%;
  --color-accent-aqua-50: 173, 73%, 30%;
  --color-accent-aqua-45: 173, 72%, 34%;
  --color-accent-aqua-40: 172, 60%, 40%;
  --color-accent-aqua-35: 174, 45%, 47%;
  --color-accent-aqua-30: 177, 42%, 55%;
  --color-accent-aqua-25: 179, 42%, 63%;
  --color-accent-aqua-20: 182, 42%, 73%;
  --color-accent-aqua-15: 184, 43%, 83%;
  --color-accent-aqua-10: 183, 48%, 91%;
  --color-accent-aqua-5: 186, 50%, 97%;
  --color-accent-aqua-0: 0, 0%, 100%;

  --color-accent-green-100: 0, 0%, 0%;
  --color-accent-green-90: 160, 50%, 5%;
  --color-accent-green-85: 164, 49%, 13%;
  --color-accent-green-80: 163, 65%, 14%;
  --color-accent-green-75: 159, 84%, 15%;
  --color-accent-green-70: 157, 100%, 16%;
  --color-accent-green-65: 154, 100%, 18%;
  --color-accent-green-60: 150, 100%, 21%;
  --color-accent-green-55: 131, 60%, 30%;
  --color-accent-green-50: 108, 55%, 36%;
  --color-accent-green-45: 89, 66%, 37%;
  --color-accent-green-40: 81, 66%, 39%;
  --color-accent-green-35: 72, 65%, 43%;
  --color-accent-green-30: 66, 59%, 47%;
  --color-accent-green-25: 67, 58%, 54%;
  --color-accent-green-20: 66, 62%, 62%;
  --color-accent-green-15: 66, 68%, 72%;
  --color-accent-green-10: 66, 73%, 82%;
  --color-accent-green-5: 65, 80%, 91%;
  --color-accent-green-0: 0, 0%, 100%;

  --color-accent-orange-100: 0, 0%, 0%;
  --color-accent-orange-90: 341, 54%, 8%;
  --color-accent-orange-85: 340, 51%, 20%;
  --color-accent-orange-80: 343, 55%, 24%;
  --color-accent-orange-75: 350, 55%, 28%;
  --color-accent-orange-70: 1, 55%, 33%;
  --color-accent-orange-65: 9, 62%, 36%;
  --color-accent-orange-60: 13, 67%, 40%;
  --color-accent-orange-55: 18, 73%, 43%;
  --color-accent-orange-50: 25, 81%, 45%;
  --color-accent-orange-45: 30, 87%, 47%;
  --color-accent-orange-40: 35, 87%, 48%;
  --color-accent-orange-35: 41, 81%, 50%;
  --color-accent-orange-30: 44, 84%, 54%;
  --color-accent-orange-25: 45, 87%, 61%;
  --color-accent-orange-20: 45, 90%, 69%;
  --color-accent-orange-15: 46, 95%, 78%;
  --color-accent-orange-10: 47, 92%, 86%;
  --color-accent-orange-5: 48, 91%, 92%;
  --color-accent-orange-0: 0, 0%, 100%;

  --color-accent-pink-100: 0, 0%, 0%;
  --color-accent-pink-90: 324, 77%, 7%;
  --color-accent-pink-85: 323, 78%, 18%;
  --color-accent-pink-80: 324, 77%, 21%;
  --color-accent-pink-75: 329, 77%, 24%;
  --color-accent-pink-70: 332, 77%, 29%;
  --color-accent-pink-65: 335, 77%, 34%;
  --color-accent-pink-60: 336, 73%, 40%;
  --color-accent-pink-55: 340, 64%, 46%;
  --color-accent-pink-50: 343, 62%, 53%;
  --color-accent-pink-45: 345, 71%, 59%;
  --color-accent-pink-40: 345, 76%, 64%;
  --color-accent-pink-35: 346, 72%, 68%;
  --color-accent-pink-30: 347, 72%, 74%;
  --color-accent-pink-25: 347, 69%, 79%;
  --color-accent-pink-20: 348, 69%, 84%;
  --color-accent-pink-15: 349, 68%, 90%;
  --color-accent-pink-10: 349, 67%, 95%;
  --color-accent-pink-5: 350, 43%, 98%;
  --color-accent-pink-0: 0, 0%, 100%;

  --color-accent-purple-100: 0, 0%, 0%;
  --color-accent-purple-90: 293, 55%, 7%;
  --color-accent-purple-85: 293, 54%, 15%;
  --color-accent-purple-80: 298, 54%, 17%;
  --color-accent-purple-75: 304, 54%, 20%;
  --color-accent-purple-70: 309, 57%, 24%;
  --color-accent-purple-65: 312, 58%, 28%;
  --color-accent-purple-60: 312, 58%, 33%;
  --color-accent-purple-55: 311, 54%, 37%;
  --color-accent-purple-50: 308, 48%, 42%;
  --color-accent-purple-45: 305, 42%, 48%;
  --color-accent-purple-40: 301, 37%, 53%;
  --color-accent-purple-35: 296, 38%, 60%;
  --color-accent-purple-30: 287, 46%, 70%;
  --color-accent-purple-25: 285, 46%, 75%;
  --color-accent-purple-20: 279, 48%, 82%;
  --color-accent-purple-15: 269, 54%, 89%;
  --color-accent-purple-10: 262, 79%, 95%;
  --color-accent-purple-5: 252, 100%, 99%;
  --color-accent-purple-0: 0, 0%, 100%;

  --color-accent-gray-100: 0, 0%, 0%;
  --color-accent-gray-90: 0, 0%, 2%;
  --color-accent-gray-85: 0, 0%, 6%;
  --color-accent-gray-80: 0, 0%, 10%;
  --color-accent-gray-75: 0, 0%, 13%;
  --color-accent-gray-70: 0, 0%, 17%;
  --color-accent-gray-65: 0, 0%, 22%;
  --color-accent-gray-60: 0, 0%, 28%;
  --color-accent-gray-55: 0, 0%, 31%;
  --color-accent-gray-50: 0, 0%, 35%;
  --color-accent-gray-45: 0, 0%, 42%;
  --color-accent-gray-40: 0, 0%, 48%;
  --color-accent-gray-35: 0, 0%, 55%;
  --color-accent-gray-30: 0, 0%, 62%;
  --color-accent-gray-25: 0, 0%, 70%;
  --color-accent-gray-20: 0, 0%, 77%;
  --color-accent-gray-15: 0, 0%, 84%;
  --color-accent-gray-10: 0, 0%, 91%;
  --color-accent-gray-5: 0, 0%, 97%;
  --color-accent-gray-0: 0, 0%, 100%;

  --color-accent-signal-indigo-60: 223, 71%, 53%;
  --color-accent-signal-indigo-50: 221, 84%, 58%;
  --color-accent-signal-indigo-45: 220, 97%, 65%;
  --color-accent-signal-indigo-40: 216, 100%, 70%;
  --color-accent-signal-indigo-30: 215, 100%, 76%;

  --color-accent-signal-blue-60: 204, 100%, 46%;
  --color-accent-signal-blue-50: 203, 100%, 49%;
  --color-accent-signal-blue-45: 200, 100%, 51%;
  --color-accent-signal-blue-40: 199, 100%, 57%;
  --color-accent-signal-blue-30: 197, 99%, 63%;

  --color-accent-signal-cyan-60: 169, 100%, 40%;
  --color-accent-signal-cyan-50: 171, 100%, 43%;
  --color-accent-signal-cyan-45: 172, 100%, 46%;
  --color-accent-signal-cyan-40: 173, 81%, 66%;
  --color-accent-signal-cyan-30: 174, 79%, 76%;

  --color-accent-signal-green-60: 155, 100%, 30%;
  --color-accent-signal-green-50: 152, 100%, 34%;
  --color-accent-signal-green-45: 150, 100%, 38%;
  --color-accent-signal-green-40: 149, 71%, 47%;
  --color-accent-signal-green-30: 146, 70%, 58%;

  --color-accent-signal-lime-60: 84, 100%, 40%;
  --color-accent-signal-lime-50: 82, 100%, 44%;
  --color-accent-signal-lime-45: 80, 95%, 48%;
  --color-accent-signal-lime-40: 79, 86%, 59%;
  --color-accent-signal-lime-30: 79, 91%, 66%;

  --color-accent-signal-yellow-60: 41, 100%, 48%;
  --color-accent-signal-yellow-50: 44, 100%, 50%;
  --color-accent-signal-yellow-45: 48, 100%, 51%;
  --color-accent-signal-yellow-40: 52, 100%, 55%;
  --color-accent-signal-yellow-30: 54, 100%, 69%;

  --color-accent-signal-orange-60: 23, 100%, 46%;
  --color-accent-signal-orange-50: 26, 100%, 49%;
  --color-accent-signal-orange-45: 29, 100%, 53%;
  --color-accent-signal-orange-40: 35, 100%, 55%;
  --color-accent-signal-orange-30: 38, 100%, 63%;

  --color-accent-signal-red-60: 2, 72%, 54%;
  --color-accent-signal-red-50: 3, 88%, 60%;
  --color-accent-signal-red-45: 6, 95%, 64%;
  --color-accent-signal-red-40: 8, 100%, 68%;
  --color-accent-signal-red-30: 8, 100%, 72%;

  --color-accent-signal-pink-60: 330, 88%, 60%;
  --color-accent-signal-pink-50: 326, 100%, 65%;
  --color-accent-signal-pink-45: 324, 100%, 71%;
  --color-accent-signal-pink-40: 322, 100%, 78%;
  --color-accent-signal-pink-30: 322, 100%, 81%;

  --color-accent-signal-purple-60: 277, 85%, 55%;
  --color-accent-signal-purple-50: 280, 84%, 59%;
  --color-accent-signal-purple-45: 280, 100%, 65%;
  --color-accent-signal-purple-40: 282, 100%, 70%;
  --color-accent-signal-purple-30: 282, 100%, 76%;
}

.t-color-accent-group-blue {
  --color-accent-100: var(--color-accent-group-blue-100);
  --color-accent-90: var(--color-accent-group-blue-90);
  --color-accent-85: var(--color-accent-group-blue-85);
  --color-accent-80: var(--color-accent-group-blue-80);
  --color-accent-75: var(--color-accent-group-blue-75);
  --color-accent-70: var(--color-accent-group-blue-70);
  --color-accent-65: var(--color-accent-group-blue-65);
  --color-accent-60: var(--color-accent-group-blue-60);
  --color-accent-55: var(--color-accent-group-blue-55);
  --color-accent-50: var(--color-accent-group-blue-50);
  --color-accent-45: var(--color-accent-group-blue-45);
  --color-accent-40: var(--color-accent-group-blue-40);
  --color-accent-35: var(--color-accent-group-blue-35);
  --color-accent-30: var(--color-accent-group-blue-30);
  --color-accent-25: var(--color-accent-group-blue-25);
  --color-accent-20: var(--color-accent-group-blue-20);
  --color-accent-15: var(--color-accent-group-blue-15);
  --color-accent-10: var(--color-accent-group-blue-10);
  --color-accent-5: var(--color-accent-group-blue-5);
  --color-accent-0: var(--color-accent-group-blue-0);
}

.t-color-accent-blue {
  --color-accent-100: var(--color-accent-blue-100);
  --color-accent-90: var(--color-accent-blue-90);
  --color-accent-85: var(--color-accent-blue-85);
  --color-accent-80: var(--color-accent-blue-80);
  --color-accent-75: var(--color-accent-blue-75);
  --color-accent-70: var(--color-accent-blue-70);
  --color-accent-65: var(--color-accent-blue-65);
  --color-accent-60: var(--color-accent-blue-60);
  --color-accent-55: var(--color-accent-blue-55);
  --color-accent-50: var(--color-accent-blue-50);
  --color-accent-45: var(--color-accent-blue-45);
  --color-accent-40: var(--color-accent-blue-40);
  --color-accent-35: var(--color-accent-blue-35);
  --color-accent-30: var(--color-accent-blue-30);
  --color-accent-25: var(--color-accent-blue-25);
  --color-accent-20: var(--color-accent-blue-20);
  --color-accent-15: var(--color-accent-blue-15);
  --color-accent-10: var(--color-accent-blue-10);
  --color-accent-5: var(--color-accent-blue-5);
  --color-accent-0: var(--color-accent-blue-0);
}

.t-color-accent-aqua {
  --color-accent-100: var(--color-accent-aqua-100);
  --color-accent-90: var(--color-accent-aqua-90);
  --color-accent-85: var(--color-accent-aqua-85);
  --color-accent-80: var(--color-accent-aqua-80);
  --color-accent-75: var(--color-accent-aqua-75);
  --color-accent-70: var(--color-accent-aqua-70);
  --color-accent-65: var(--color-accent-aqua-65);
  --color-accent-60: var(--color-accent-aqua-60);
  --color-accent-55: var(--color-accent-aqua-55);
  --color-accent-50: var(--color-accent-aqua-50);
  --color-accent-45: var(--color-accent-aqua-45);
  --color-accent-40: var(--color-accent-aqua-40);
  --color-accent-35: var(--color-accent-aqua-35);
  --color-accent-30: var(--color-accent-aqua-30);
  --color-accent-25: var(--color-accent-aqua-25);
  --color-accent-20: var(--color-accent-aqua-20);
  --color-accent-15: var(--color-accent-aqua-15);
  --color-accent-10: var(--color-accent-aqua-10);
  --color-accent-5: var(--color-accent-aqua-5);
  --color-accent-0: var(--color-accent-aqua-0);
}

.t-color-accent-green {
  --color-accent-100: var(--color-accent-green-100);
  --color-accent-90: var(--color-accent-green-90);
  --color-accent-85: var(--color-accent-green-85);
  --color-accent-80: var(--color-accent-green-80);
  --color-accent-75: var(--color-accent-green-75);
  --color-accent-70: var(--color-accent-green-70);
  --color-accent-65: var(--color-accent-green-65);
  --color-accent-60: var(--color-accent-green-60);
  --color-accent-55: var(--color-accent-green-55);
  --color-accent-50: var(--color-accent-green-50);
  --color-accent-45: var(--color-accent-green-45);
  --color-accent-40: var(--color-accent-green-40);
  --color-accent-35: var(--color-accent-green-35);
  --color-accent-30: var(--color-accent-green-30);
  --color-accent-25: var(--color-accent-green-25);
  --color-accent-20: var(--color-accent-green-20);
  --color-accent-15: var(--color-accent-green-15);
  --color-accent-10: var(--color-accent-green-10);
  --color-accent-5: var(--color-accent-green-5);
  --color-accent-0: var(--color-accent-green-0);
}

.t-color-accent-orange {
  --color-accent-100: var(--color-accent-orange-100);
  --color-accent-90: var(--color-accent-orange-90);
  --color-accent-85: var(--color-accent-orange-85);
  --color-accent-80: var(--color-accent-orange-80);
  --color-accent-75: var(--color-accent-orange-75);
  --color-accent-70: var(--color-accent-orange-70);
  --color-accent-65: var(--color-accent-orange-65);
  --color-accent-60: var(--color-accent-orange-60);
  --color-accent-55: var(--color-accent-orange-55);
  --color-accent-50: var(--color-accent-orange-50);
  --color-accent-45: var(--color-accent-orange-45);
  --color-accent-40: var(--color-accent-orange-40);
  --color-accent-35: var(--color-accent-orange-35);
  --color-accent-30: var(--color-accent-orange-30);
  --color-accent-25: var(--color-accent-orange-25);
  --color-accent-20: var(--color-accent-orange-20);
  --color-accent-15: var(--color-accent-orange-15);
  --color-accent-10: var(--color-accent-orange-10);
  --color-accent-5: var(--color-accent-orange-5);
  --color-accent-0: var(--color-accent-orange-0);
}

.t-color-accent-pink {
  --color-accent-100: var(--color-accent-pink-100);
  --color-accent-90: var(--color-accent-pink-90);
  --color-accent-85: var(--color-accent-pink-85);
  --color-accent-80: var(--color-accent-pink-80);
  --color-accent-75: var(--color-accent-pink-75);
  --color-accent-70: var(--color-accent-pink-70);
  --color-accent-65: var(--color-accent-pink-65);
  --color-accent-60: var(--color-accent-pink-60);
  --color-accent-55: var(--color-accent-pink-55);
  --color-accent-50: var(--color-accent-pink-50);
  --color-accent-45: var(--color-accent-pink-45);
  --color-accent-40: var(--color-accent-pink-40);
  --color-accent-35: var(--color-accent-pink-35);
  --color-accent-30: var(--color-accent-pink-30);
  --color-accent-25: var(--color-accent-pink-25);
  --color-accent-20: var(--color-accent-pink-20);
  --color-accent-15: var(--color-accent-pink-15);
  --color-accent-10: var(--color-accent-pink-10);
  --color-accent-5: var(--color-accent-pink-5);
  --color-accent-0: var(--color-accent-pink-0);
}

.t-color-accent-purple {
  --color-accent-100: var(--color-accent-purple-100);
  --color-accent-90: var(--color-accent-purple-90);
  --color-accent-85: var(--color-accent-purple-85);
  --color-accent-80: var(--color-accent-purple-80);
  --color-accent-75: var(--color-accent-purple-75);
  --color-accent-70: var(--color-accent-purple-70);
  --color-accent-65: var(--color-accent-purple-65);
  --color-accent-60: var(--color-accent-purple-60);
  --color-accent-55: var(--color-accent-purple-55);
  --color-accent-50: var(--color-accent-purple-50);
  --color-accent-45: var(--color-accent-purple-45);
  --color-accent-40: var(--color-accent-purple-40);
  --color-accent-35: var(--color-accent-purple-35);
  --color-accent-30: var(--color-accent-purple-30);
  --color-accent-25: var(--color-accent-purple-25);
  --color-accent-20: var(--color-accent-purple-20);
  --color-accent-15: var(--color-accent-purple-15);
  --color-accent-10: var(--color-accent-purple-10);
  --color-accent-5: var(--color-accent-purple-5);
  --color-accent-0: var(--color-accent-purple-0);
}

.t-color-accent-grey {
  --color-accent-100: var(--color-accent-gray-100);
  --color-accent-90: var(--color-accent-gray-90);
  --color-accent-85: var(--color-accent-gray-85);
  --color-accent-80: var(--color-accent-gray-80);
  --color-accent-75: var(--color-accent-gray-75);
  --color-accent-70: var(--color-accent-gray-70);
  --color-accent-65: var(--color-accent-gray-65);
  --color-accent-60: var(--color-accent-gray-60);
  --color-accent-55: var(--color-accent-gray-55);
  --color-accent-50: var(--color-accent-gray-50);
  --color-accent-45: var(--color-accent-gray-45);
  --color-accent-40: var(--color-accent-gray-40);
  --color-accent-35: var(--color-accent-gray-35);
  --color-accent-30: var(--color-accent-gray-30);
  --color-accent-25: var(--color-accent-gray-25);
  --color-accent-20: var(--color-accent-gray-20);
  --color-accent-15: var(--color-accent-gray-15);
  --color-accent-10: var(--color-accent-gray-10);
  --color-accent-5: var(--color-accent-gray-5);
  --color-accent-0: var(--color-accent-gray-0);
}

.t-color-accent-signal-indigo {
  --color-accent-signal-60: var(--color-accent-signal-indigo--60);
  --color-accent-signal-50: var(--color-accent-signal-indigo--50);
  --color-accent-signal-45: var(--color-accent-signal-indigo--45);
  --color-accent-signal-40: var(--color-accent-signal-indigo--40);
  --color-accent-signal-30: var(--color-accent-signal-indigo--30);
}

.t-color-accent-signal-blue {
  --color-accent-signal-60: var(--color-accent-signal-blue-60);
  --color-accent-signal-50: var(--color-accent-signal-blue-50);
  --color-accent-signal-45: var(--color-accent-signal-blue-45);
  --color-accent-signal-40: var(--color-accent-signal-blue-40);
  --color-accent-signal-30: var(--color-accent-signal-blue-30);
}

.t-color-accent-signal-cyan {
  --color-accent-signal-60: var(--color-accent-signal-cyan-60);
  --color-accent-signal-50: var(--color-accent-signal-cyan-50);
  --color-accent-signal-45: var(--color-accent-signal-cyan-45);
  --color-accent-signal-40: var(--color-accent-signal-cyan-40);
  --color-accent-signal-30: var(--color-accent-signal-cyan-30);
}


.t-color-accent-signal-green {
  --color-accent-signal-60: var(--color-accent-signal-green-60);
  --color-accent-signal-50: var(--color-accent-signal-green-50);
  --color-accent-signal-45: var(--color-accent-signal-green-45);
  --color-accent-signal-40: var(--color-accent-signal-green-40);
  --color-accent-signal-30: var(--color-accent-signal-green-30);
}

.t-color-accent-signal-lime {
  --color-accent-signal-60: var(--color-accent-signal-lime-60);
  --color-accent-signal-50: var(--color-accent-signal-lime-50);
  --color-accent-signal-45: var(--color-accent-signal-lime-45);
  --color-accent-signal-40: var(--color-accent-signal-lime-40);
  --color-accent-signal-30: var(--color-accent-signal-lime-30);
}

.t-color-accent-signal-yellow {
  --color-accent-signal-60: var(--color-accent-signal-yellow-60);
  --color-accent-signal-50: var(--color-accent-signal-yellow-50);
  --color-accent-signal-45: var(--color-accent-signal-yellow-45);
  --color-accent-signal-40: var(--color-accent-signal-yellow-40);
  --color-accent-signal-30: var(--color-accent-signal-yellow-30);
}

.t-color-accent-signal-orange {
  --color-accent-signal-60: var(--color-accent-signal-orange-60);
  --color-accent-signal-50: var(--color-accent-signal-orange-50);
  --color-accent-signal-45: var(--color-accent-signal-orange-45);
  --color-accent-signal-40: var(--color-accent-signal-orange-40);
  --color-accent-signal-30: var(--color-accent-signal-orange-30);
}


.t-color-accent-signal-red {
  --color-accent-signal-60: var(--color-accent-signal-red-60);
  --color-accent-signal-50: var(--color-accent-signal-red-50);
  --color-accent-signal-45: var(--color-accent-signal-red-45);
  --color-accent-signal-40: var(--color-accent-signal-red-40);
  --color-accent-signal-30: var(--color-accent-signal-red-30);
}

.t-color-accent-signal-pink {
  --color-accent-signal-60: var(--color-accent-signal-pink-60);
  --color-accent-signal-50: var(--color-accent-signal-pink-50);
  --color-accent-signal-45: var(--color-accent-signal-pink-45);
  --color-accent-signal-40: var(--color-accent-signal-pink-40);
  --color-accent-signal-30: var(--color-accent-signal-pink-30);
}

.t-color-accent-signal-purple {
  --color-accent-signal-60: var(--color-accent-signal-purple-60);
  --color-accent-signal-50: var(--color-accent-signal-purple-50);
  --color-accent-signal-45: var(--color-accent-signal-purple-45);
  --color-accent-signal-40: var(--color-accent-signal-purple-40);
  --color-accent-signal-30: var(--color-accent-signal-purple-30);
}

:root {
  --color-philips-blue: 216, 91%, 45%;

  --color-group-blue-100: 0, 0%, 0%;
  --color-group-blue-90: 234, 50%, 8%;
  --color-group-blue-85: 236, 52%, 21%;
  --color-group-blue-80: 232, 54%, 24%;
  --color-group-blue-75: 227, 57%, 26%;
  --color-group-blue-70: 221, 63%, 28%;
  --color-group-blue-65: 217, 63%, 30%;
  --color-group-blue-60: 213, 64%, 32%;
  --color-group-blue-55: 209, 69%, 34%;
  --color-group-blue-50: 205, 74%, 35%;
  --color-group-blue-45: 200, 79%, 37%;
  --color-group-blue-40: 200, 62%, 44%;
  --color-group-blue-35: 199, 51%, 51%;
  --color-group-blue-30: 198, 56%, 60%;
  --color-group-blue-25: 197, 56%, 67%;
  --color-group-blue-20: 194, 56%, 76%;
  --color-group-blue-15: 193, 53%, 84%;
  --color-group-blue-10: 193, 65%, 92%;
  --color-group-blue-5: 192, 50%, 97%;
  --color-group-blue-0: 0, 0%, 100%;

  --color-blue-100: 0, 0%, 0%;
  --color-blue-90: 207, 87%, 6%;
  --color-blue-85: 209, 88%, 16%;
  --color-blue-80: 209, 81%, 18%;
  --color-blue-75: 210, 75%, 20%;
  --color-blue-70: 210, 71%, 24%;
  --color-blue-65: 210, 69%, 28%;
  --color-blue-60: 209, 66%, 32%;
  --color-blue-55: 208, 63%, 37%;
  --color-blue-50: 208, 62%, 42%;
  --color-blue-45: 208, 58%, 48%;
  --color-blue-40: 209, 58%, 54%;
  --color-blue-35: 210, 64%, 61%;
  --color-blue-30: 212, 76%, 69%;
  --color-blue-25: 214, 76%, 75%;
  --color-blue-20: 215, 83%, 82%;
  --color-blue-15: 217, 88%, 88%;
  --color-blue-10: 219, 100%, 94%;
  --color-blue-5: 222, 100%, 98%;
  --color-blue-0: 0, 0%, 100%;

  --color-aqua-100: 0, 0%, 0%;
  --color-aqua-90: 192, 58%, 6%;
  --color-aqua-85: 195, 60%, 15%;
  --color-aqua-80: 195, 47%, 18%;
  --color-aqua-75: 192, 52%, 20%;
  --color-aqua-70: 189, 57%, 21%;
  --color-aqua-65: 185, 63%, 22%;
  --color-aqua-60: 180, 68%, 24%;
  --color-aqua-55: 177, 71%, 27%;
  --color-aqua-50: 173, 73%, 30%;
  --color-aqua-45: 173, 72%, 34%;
  --color-aqua-40: 172, 60%, 40%;
  --color-aqua-35: 174, 45%, 47%;
  --color-aqua-30: 177, 42%, 55%;
  --color-aqua-25: 179, 42%, 63%;
  --color-aqua-20: 182, 42%, 73%;
  --color-aqua-15: 184, 43%, 83%;
  --color-aqua-10: 183, 48%, 91%;
  --color-aqua-5: 186, 50%, 97%;
  --color-aqua-0: 0, 0%, 100%;

  --color-green-100: 0, 0%, 0%;
  --color-green-90: 160, 50%, 5%;
  --color-green-85: 164, 49%, 13%;
  --color-green-80: 163, 65%, 14%;
  --color-green-75: 159, 84%, 15%;
  --color-green-70: 157, 100%, 16%;
  --color-green-65: 154, 100%, 18%;
  --color-green-60: 150, 100%, 21%;
  --color-green-55: 131, 60%, 30%;
  --color-green-50: 108, 55%, 36%;
  --color-green-45: 89, 66%, 37%;
  --color-green-40: 81, 66%, 39%;
  --color-green-35: 72, 65%, 43%;
  --color-green-30: 66, 59%, 47%;
  --color-green-25: 67, 58%, 54%;
  --color-green-20: 66, 62%, 62%;
  --color-green-15: 66, 68%, 72%;
  --color-green-10: 66, 73%, 82%;
  --color-green-5: 65, 80%, 91%;
  --color-green-0: 0, 0%, 100%;

  --color-orange-100: 0, 0%, 0%;
  --color-orange-90: 341, 54%, 8%;
  --color-orange-85: 340, 51%, 20%;
  --color-orange-80: 343, 55%, 24%;
  --color-orange-75: 350, 55%, 28%;
  --color-orange-70: 1, 55%, 33%;
  --color-orange-65: 9, 62%, 36%;
  --color-orange-60: 13, 67%, 40%;
  --color-orange-55: 18, 73%, 43%;
  --color-orange-50: 25, 81%, 45%;
  --color-orange-45: 30, 87%, 47%;
  --color-orange-40: 35, 87%, 48%;
  --color-orange-35: 41, 81%, 50%;
  --color-orange-30: 44, 84%, 54%;
  --color-orange-25: 45, 87%, 61%;
  --color-orange-20: 45, 90%, 69%;
  --color-orange-15: 46, 95%, 78%;
  --color-orange-10: 47, 92%, 86%;
  --color-orange-5: 48, 91%, 92%;
  --color-orange-0: 0, 0%, 100%;

  --color-pink-100: 0, 0%, 0%;
  --color-pink-90: 324, 77%, 7%;
  --color-pink-85: 323, 78%, 18%;
  --color-pink-80: 324, 77%, 21%;
  --color-pink-75: 329, 77%, 24%;
  --color-pink-70: 332, 77%, 29%;
  --color-pink-65: 335, 77%, 34%;
  --color-pink-60: 336, 73%, 40%;
  --color-pink-55: 340, 64%, 46%;
  --color-pink-50: 343, 62%, 53%;
  --color-pink-45: 345, 71%, 59%;
  --color-pink-40: 345, 76%, 64%;
  --color-pink-35: 346, 72%, 68%;
  --color-pink-30: 347, 72%, 74%;
  --color-pink-25: 347, 69%, 79%;
  --color-pink-20: 348, 69%, 84%;
  --color-pink-15: 349, 68%, 90%;
  --color-pink-10: 349, 67%, 95%;
  --color-pink-5: 350, 43%, 98%;
  --color-pink-0: 0, 0%, 100%;

  --color-purple-100: 0, 0%, 0%;
  --color-purple-90: 293, 55%, 7%;
  --color-purple-85: 293, 54%, 15%;
  --color-purple-80: 298, 54%, 17%;
  --color-purple-75: 304, 54%, 20%;
  --color-purple-70: 309, 57%, 24%;
  --color-purple-65: 312, 58%, 28%;
  --color-purple-60: 312, 58%, 33%;
  --color-purple-55: 311, 54%, 37%;
  --color-purple-50: 308, 48%, 42%;
  --color-purple-45: 305, 42%, 48%;
  --color-purple-40: 301, 37%, 53%;
  --color-purple-35: 296, 38%, 60%;
  --color-purple-30: 287, 46%, 70%;
  --color-purple-25: 285, 46%, 75%;
  --color-purple-20: 279, 48%, 82%;
  --color-purple-15: 269, 54%, 89%;
  --color-purple-10: 262, 79%, 95%;
  --color-purple-5: 252, 100%, 99%;
  --color-purple-0: 0, 0%, 100%;

  --color-gray-100: 0, 0%, 0%;
  --color-gray-90: 0, 0%, 2%;
  --color-gray-85: 0, 0%, 6%;
  --color-gray-80: 0, 0%, 10%;
  --color-gray-75: 0, 0%, 13%;
  --color-gray-70: 0, 0%, 17%;
  --color-gray-65: 0, 0%, 22%;
  --color-gray-60: 0, 0%, 28%;
  --color-gray-55: 0, 0%, 31%;
  --color-gray-50: 0, 0%, 35%;
  --color-gray-45: 0, 0%, 42%;
  --color-gray-40: 0, 0%, 48%;
  --color-gray-35: 0, 0%, 55%;
  --color-gray-30: 0, 0%, 62%;
  --color-gray-25: 0, 0%, 70%;
  --color-gray-20: 0, 0%, 77%;
  --color-gray-15: 0, 0%, 84%;
  --color-gray-10: 0, 0%, 91%;
  --color-gray-5: 0, 0%, 97%;
  --color-gray-0: 0, 0%, 100%;
}

.t-color-group-blue {
  --color-100: var(--color-group-blue-100);
  --color-90: var(--color-group-blue-90);
  --color-85: var(--color-group-blue-85);
  --color-80: var(--color-group-blue-80);
  --color-75: var(--color-group-blue-75);
  --color-70: var(--color-group-blue-70);
  --color-65: var(--color-group-blue-65);
  --color-60: var(--color-group-blue-60);
  --color-55: var(--color-group-blue-55);
  --color-50: var(--color-group-blue-50);
  --color-45: var(--color-group-blue-45);
  --color-40: var(--color-group-blue-40);
  --color-35: var(--color-group-blue-35);
  --color-30: var(--color-group-blue-30);
  --color-25: var(--color-group-blue-25);
  --color-20: var(--color-group-blue-20);
  --color-15: var(--color-group-blue-15);
  --color-10: var(--color-group-blue-10);
  --color-5: var(--color-group-blue-5);
  --color-0: var(--color-group-blue-0);
}

.t-color-blue {
  --color-100: var(--color-blue-100);
  --color-90: var(--color-blue-90);
  --color-85: var(--color-blue-85);
  --color-80: var(--color-blue-80);
  --color-75: var(--color-blue-75);
  --color-70: var(--color-blue-70);
  --color-65: var(--color-blue-65);
  --color-60: var(--color-blue-60);
  --color-55: var(--color-blue-55);
  --color-50: var(--color-blue-50);
  --color-45: var(--color-blue-45);
  --color-40: var(--color-blue-40);
  --color-35: var(--color-blue-35);
  --color-30: var(--color-blue-30);
  --color-25: var(--color-blue-25);
  --color-20: var(--color-blue-20);
  --color-15: var(--color-blue-15);
  --color-10: var(--color-blue-10);
  --color-5: var(--color-blue-5);
  --color-0: var(--color-blue-0);
}

.t-color-aqua {
  --color-100: var(--color-aqua-100);
  --color-90: var(--color-aqua-90);
  --color-85: var(--color-aqua-85);
  --color-80: var(--color-aqua-80);
  --color-75: var(--color-aqua-75);
  --color-70: var(--color-aqua-70);
  --color-65: var(--color-aqua-65);
  --color-60: var(--color-aqua-60);
  --color-55: var(--color-aqua-55);
  --color-50: var(--color-aqua-50);
  --color-45: var(--color-aqua-45);
  --color-40: var(--color-aqua-40);
  --color-35: var(--color-aqua-35);
  --color-30: var(--color-aqua-30);
  --color-25: var(--color-aqua-25);
  --color-20: var(--color-aqua-20);
  --color-15: var(--color-aqua-15);
  --color-10: var(--color-aqua-10);
  --color-5: var(--color-aqua-5);
  --color-0: var(--color-aqua-0);
}

.t-color-green {
  --color-100: var(--color-green-100);
  --color-90: var(--color-green-90);
  --color-85: var(--color-green-85);
  --color-80: var(--color-green-80);
  --color-75: var(--color-green-75);
  --color-70: var(--color-green-70);
  --color-65: var(--color-green-65);
  --color-60: var(--color-green-60);
  --color-55: var(--color-green-55);
  --color-50: var(--color-green-50);
  --color-45: var(--color-green-45);
  --color-40: var(--color-green-40);
  --color-35: var(--color-green-35);
  --color-30: var(--color-green-30);
  --color-25: var(--color-green-25);
  --color-20: var(--color-green-20);
  --color-15: var(--color-green-15);
  --color-10: var(--color-green-10);
  --color-5: var(--color-green-5);
  --color-0: var(--color-green-0);
}

.t-color-orange {
  --color-100: var(--color-orange-100);
  --color-90: var(--color-orange-90);
  --color-85: var(--color-orange-85);
  --color-80: var(--color-orange-80);
  --color-75: var(--color-orange-75);
  --color-70: var(--color-orange-70);
  --color-65: var(--color-orange-65);
  --color-60: var(--color-orange-60);
  --color-55: var(--color-orange-55);
  --color-50: var(--color-orange-50);
  --color-45: var(--color-orange-45);
  --color-40: var(--color-orange-40);
  --color-35: var(--color-orange-35);
  --color-30: var(--color-orange-30);
  --color-25: var(--color-orange-25);
  --color-20: var(--color-orange-20);
  --color-15: var(--color-orange-15);
  --color-10: var(--color-orange-10);
  --color-5: var(--color-orange-5);
  --color-0: var(--color-orange-0);
}

.t-color-pink {
  --color-100: var(--color-pink-100);
  --color-90: var(--color-pink-90);
  --color-85: var(--color-pink-85);
  --color-80: var(--color-pink-80);
  --color-75: var(--color-pink-75);
  --color-70: var(--color-pink-70);
  --color-65: var(--color-pink-65);
  --color-60: var(--color-pink-60);
  --color-55: var(--color-pink-55);
  --color-50: var(--color-pink-50);
  --color-45: var(--color-pink-45);
  --color-40: var(--color-pink-40);
  --color-35: var(--color-pink-35);
  --color-30: var(--color-pink-30);
  --color-25: var(--color-pink-25);
  --color-20: var(--color-pink-20);
  --color-15: var(--color-pink-15);
  --color-10: var(--color-pink-10);
  --color-5: var(--color-pink-5);
  --color-0: var(--color-pink-0);
}

.t-color-purple {
  --color-100: var(--color-purple-100);
  --color-90: var(--color-purple-90);
  --color-85: var(--color-purple-85);
  --color-80: var(--color-purple-80);
  --color-75: var(--color-purple-75);
  --color-70: var(--color-purple-70);
  --color-65: var(--color-purple-65);
  --color-60: var(--color-purple-60);
  --color-55: var(--color-purple-55);
  --color-50: var(--color-purple-50);
  --color-45: var(--color-purple-45);
  --color-40: var(--color-purple-40);
  --color-35: var(--color-purple-35);
  --color-30: var(--color-purple-30);
  --color-25: var(--color-purple-25);
  --color-20: var(--color-purple-20);
  --color-15: var(--color-purple-15);
  --color-10: var(--color-purple-10);
  --color-5: var(--color-purple-5);
  --color-0: var(--color-purple-0);
}

.t-color-grey {
  --color-100: var(--color-gray-100);
  --color-90: var(--color-gray-90);
  --color-85: var(--color-gray-85);
  --color-80: var(--color-gray-80);
  --color-75: var(--color-gray-75);
  --color-70: var(--color-gray-70);
  --color-65: var(--color-gray-65);
  --color-60: var(--color-gray-60);
  --color-55: var(--color-gray-55);
  --color-50: var(--color-gray-50);
  --color-45: var(--color-gray-45);
  --color-40: var(--color-gray-40);
  --color-35: var(--color-gray-35);
  --color-30: var(--color-gray-30);
  --color-25: var(--color-gray-25);
  --color-20: var(--color-gray-20);
  --color-15: var(--color-gray-15);
  --color-10: var(--color-gray-10);
  --color-5: var(--color-gray-5);
  --color-0: var(--color-gray-0);
}

:root {
  --color-signal-blue-60: 204, 100%, 46%;
  --color-signal-blue-50: 203, 100%, 49%;
  --color-signal-blue-45: 200, 100%, 51%;
  --color-signal-blue-40: 199, 100%, 57%;
  --color-signal-blue-30: 197, 99%, 63%;

  --color-signal-cyan-60: 169, 100%, 40%;
  --color-signal-cyan-50: 171, 100%, 43%;
  --color-signal-cyan-45: 172, 100%, 46%;
  --color-signal-cyan-40: 173, 81%, 66%;
  --color-signal-cyan-30: 174, 79%, 76%;

  --color-signal-green-60: 155, 100%, 30%;
  --color-signal-green-50: 152, 100%, 34%;
  --color-signal-green-45: 150, 100%, 38%;
  --color-signal-green-40: 149, 71%, 47%;
  --color-signal-green-30: 146, 70%, 58%;

  --color-signal-indigo-60: 223, 71%, 53%;
  --color-signal-indigo-50: 221, 84%, 58%;
  --color-signal-indigo-45: 220, 97%, 65%;
  --color-signal-indigo-40: 216, 100%, 70%;
  --color-signal-indigo-30: 215, 100%, 76%;

  --color-signal-lime-60: 84, 100%, 40%;
  --color-signal-lime-50: 82, 100%, 44%;
  --color-signal-lime-45: 80, 95%, 48%;
  --color-signal-lime-40: 79, 86%, 59%;
  --color-signal-lime-30: 79, 91%, 66%;

  --color-signal-orange-60: 23, 100%, 46%;
  --color-signal-orange-50: 26, 100%, 49%;
  --color-signal-orange-45: 29, 100%, 53%;
  --color-signal-orange-40: 35, 100%, 55%;
  --color-signal-orange-30: 38, 100%, 63%;

  --color-signal-pink-60: 330, 88%, 60%;
  --color-signal-pink-50: 326, 100%, 65%;
  --color-signal-pink-45: 324, 100%, 71%;
  --color-signal-pink-40: 322, 100%, 78%;
  --color-signal-pink-30: 322, 100%, 81%;

  --color-signal-purple-60: 277, 85%, 55%;
  --color-signal-purple-50: 280, 84%, 59%;
  --color-signal-purple-45: 280, 100%, 65%;
  --color-signal-purple-40: 282, 100%, 70%;
  --color-signal-purple-30: 282, 100%, 76%;

  --color-signal-red-60: 2, 72%, 54%;
  --color-signal-red-50: 3, 88%, 60%;
  --color-signal-red-45: 6, 95%, 64%;
  --color-signal-red-40: 8, 100%, 68%;
  --color-signal-red-30: 8, 100%, 72%;

  --color-signal-yellow-60: 41, 100%, 48%;
  --color-signal-yellow-50: 44, 100%, 50%;
  --color-signal-yellow-45: 48, 100%, 51%;
  --color-signal-yellow-40: 52, 100%, 55%;
  --color-signal-yellow-30: 54, 100%, 69%;
}

.t-color-signal-blue {
  --color-signal-60: var(--color-signal-blue-60);
  --color-signal-50: var(--color-signal-blue-50);
  --color-signal-45: var(--color-signal-blue-45);
  --color-signal-40: var(--color-signal-blue-40);
  --color-signal-30: var(--color-signal-blue-30);
}

.t-color-signal-cyan {
  --color-signal-60: var(--color-signal-cyan-60);
  --color-signal-50: var(--color-signal-cyan-50);
  --color-signal-45: var(--color-signal-cyan-45);
  --color-signal-40: var(--color-signal-cyan-40);
  --color-signal-30: var(--color-signal-cyan-30);
}

.t-color-signal-green {
  --color-signal-60: var(--color-signal-green-60);
  --color-signal-50: var(--color-signal-green-50);
  --color-signal-45: var(--color-signal-green-45);
  --color-signal-40: var(--color-signal-green-40);
  --color-signal-30: var(--color-signal-green-30);
}

.t-color-signal-indigo {
  --color-sindigo-60: var(--color-signal-indigo-60);
  --color-sindigo-50: var(--color-signal-indigo-50);
  --color-sindigo-45: var(--color-signal-indigo-45);
  --color-sindigo-40: var(--color-signal-indigo-40);
  --color-sindigo-30: var(--color-signal-indigo-30);
}

.t-color-signal-lime {
  --color-signal-60: var(--color-signal-lime-60);
  --color-signal-50: var(--color-signal-lime-50);
  --color-signal-45: var(--color-signal-lime-45);
  --color-signal-40: var(--color-signal-lime-40);
  --color-signal-30: var(--color-signal-lime-30);
}

.t-color-signal-orange {
  --color-signal-60: var(--color-signal-orange-60);
  --color-signal-50: var(--color-signal-orange-50);
  --color-signal-45: var(--color-signal-orange-45);
  --color-signal-40: var(--color-signal-orange-40);
  --color-signal-30: var(--color-signal-orange-30);
}

.t-color-signal-pink {
  --color-signal-60: var(--color-signal-pink-60);
  --color-signal-50: var(--color-signal-pink-50);
  --color-signal-45: var(--color-signal-pink-45);
  --color-signal-40: var(--color-signal-pink-40);
  --color-signal-30: var(--color-signal-pink-30);
}

.t-color-signal-purple {
  --color-signal-60: var(--color-signal-purple-60);
  --color-signal-50: var(--color-signal-purple-50);
  --color-signal-45: var(--color-signal-purple-45);
  --color-signal-40: var(--color-signal-purple-40);
  --color-signal-30: var(--color-signal-purple-30);
}

.t-color-signal-red {
  --color-signal-60: var(--color-signal-red-60);
  --color-signal-50: var(--color-signal-red-50);
  --color-signal-45: var(--color-signal-red-45);
  --color-signal-40: var(--color-signal-red-40);
  --color-signal-30: var(--color-signal-red-30);
}

.t-color-signal-yellow {
  --color-signal-60: var(--color-signal-yellow-60);
  --color-signal-50: var(--color-signal-yellow-50);
  --color-signal-45: var(--color-signal-yellow-45);
  --color-signal-40: var(--color-signal-yellow-40);
  --color-signal-30: var(--color-signal-yellow-30);
}

/*
  Since we're dealing with CSS, we have to remember about the Cascading part,
  and because of it, the order in which the imports are done matters.

  So the `default-theme` file should always be imported first, as its default values
  can and will be overwriten be other files.
*/

/* placeholder for the future sass demise */



/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

/* px 2 rem */
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

@font-face {
  font-family: "CentraleSansBook";
  font-style: normal;
  font-weight: normal;
  src: url(/../../static/media/CentraleSansBook.7df8edc6.woff) format("woff"), url(/../../static/media/CentraleSansBook.5492e2a7.ttf) format("truetype"); }

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: normal;
  src: url(/../../static/media/CentraleSansCndBook.8308488a.woff) format("woff"), url(/../../static/media/CentraleSansCndBook.e1474e36.ttf) format("truetype"); }

@font-face {
  font-family: "CentraleSansLight";
  font-style: normal;
  font-weight: normal;
  src: url(/../../static/media/CentraleSansLight.d7d45c2c.woff) format("woff"), url(/../../static/media/CentraleSansLight.7300e430.ttf) format("truetype"); }

@font-face {
  font-family: "CentraleSansBold";
  font-style: normal;
  font-weight: normal;
  src: url(/../../static/media/CentraleSansBold.4e4a4595.woff) format("woff"), url(/../../static/media/CentraleSansBold.74a0ccd0.ttf) format("truetype"); }

@font-face {
  font-family: "CentraleSansMedium";
  font-style: normal;
  font-weight: normal;
  src: url(/../../static/media/CentraleSansMedium.c8957e63.woff) format("woff"), url(/../../static/media/CentraleSansMedium.aec23f95.ttf) format("truetype"); }

/* Utilities */
.u-no-select {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  -webkit-tap-highlight-color: transparent !important; }

/* FLEXBOX */
[class*="u-flex-jc"]:not([class*="@"]),
[class*="u-flex-ai"]:not([class*="@"]) {
  display: flex !important; }

.u-flex {
  flex: 1 !important; }

.u-flex-row {
  flex-direction: row !important; }

.u-flex-column {
  flex-direction: column !important; }

.u-flex-wrap {
  flex-wrap: wrap !important; }

.u-flex-nowrap {
  flex-wrap: nowrap !important; }

.u-flex-shrink {
  flex-shrink: 1 !important; }

@media (max-width: 767px) {
  .u-flex-shrink\@xsm {
    flex-shrink: 1 !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .u-flex-shrink\@sm {
    flex-shrink: 1 !important; } }

.u-flex-jc-center {
  justify-content: center !important; }

.u-flex-jc-end {
  justify-content: flex-end !important; }

.u-flex-jc-start {
  justify-content: flex-start !important; }

.u-flex-jc-around {
  justify-content: space-around !important; }

.u-flex-jc-between {
  justify-content: space-between !important; }

.u-flex-ai-center {
  align-items: center !important; }

.u-flex-ai-end {
  align-items: flex-end !important; }

.u-flex-ai-start {
  align-items: flex-start !important; }

.u-flex-pull-top {
  margin-bottom: auto !important; }

.u-flex-pull-bottom {
  margin-top: auto !important; }

.u-flex-pull-left {
  margin-right: auto !important; }

.u-flex-pull-right {
  margin-left: auto !important; }

.u-flex-pull-ho-center {
  margin-left: auto !important;
  margin-right: auto !important; }

.u-flex-pull-ve-center {
  margin-top: auto;
  margin-bottom: auto; }

.u-flex-pull-center {
  margin: auto !important; }

.u-grid-column {
  grid-auto-flow: column !important; }

/* TEXT */
.u-text-left {
  text-align: left !important; }

.u-text-center {
  text-align: center !important; }

.u-text-right {
  text-align: right !important; }

.u-text-bold {
  font-family: var(--font-bold) !important; }

.u-text-light {
  font-family: var(--font-light) !important; }

.u-text-medium {
  font-family: var(--font-medium) !important; }

.u-nowrap {
  white-space: nowrap !important; }

.u-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

/* COLORS */
.u-color-safety-red {
  color: #ff5454 !important; }

.u-color-safety-green {
  color: #3fb763 !important; }

.u-color-safety-blue {
  color: #008ee8 !important; }

.u-color-safety-yellow {
  color: #ffdb1f !important; }

.u-color-safety-orange {
  color: #ff9514 !important; }

.u-color-safety-neutral {
  color: #9e9e9e !important; }

/* BOX SIZING */
.u-no-padding {
  padding: 0 !important; }

.u-no-spacing {
  padding: 0 !important;
  margin: 0 !important; }

/* CLEARFIX */
.u-clear {
  *zoom: 1; }
  .u-clear:before, .u-clear:after {
    content: " ";
    display: table; }
  .u-clear:after {
    clear: both; }

.u-prevent-scroll {
  overflow: hidden !important; }

.u-hide-scroll::-webkit-scrollbar {
  -webkit-appearance: none !important;
  display: none !important; }

/* HIDE */
.u-hide {
  display: none !important; }

@media (max-width: 767px) {
  .u-hide\@xsm {
    display: none !important; } }

@media (min-width: 768px) {
  .u-hide\@gxsm {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .u-hide\@sm {
    display: none !important; } }

@media (min-width: 1024px) {
  .u-hide\@gsm {
    display: none !important; } }

.u-hidden {
  visibility: hidden !important; }

.u-hide\@empty:empty,
.is-loading .u-hide\@loading,
.is-viewing .u-hide\@view,
.is-editing .u-hide\@edit {
  display: none !important; }

.u-center {
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.u-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

.u-fill-available-space {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: auto; }

.u-overflow-auto {
  overflow: auto !important; }

.u-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background: #696969;
  height: 1rem; }

.u-scrollbar::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent; }

.u-flag-icon--background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.u-flag-icon {
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.625em;
  line-height: 1em;
  background-color: #d8d8d8; }

.u-flag-icon:before {
  content: "\00a0"; }

.u-flag-icon--ao {
  background-image: url(/../../static/media/ao.1b995675.jpeg); }

.u-flag-icon--ad {
  background-image: url(/../../static/media/ad.0cc6e395.jpeg); }

.u-flag-icon--ae {
  background-image: url(/../../static/media/ae.33c54cf8.jpeg); }

.u-flag-icon--af {
  background-image: url(/../../static/media/af.832a7d27.jpeg); }

.u-flag-icon--ag {
  background-image: url(/../../static/media/ag.b9cd4601.jpeg); }

.u-flag-icon--ai {
  background-image: url(/../../static/media/ai.da74c370.jpeg); }

.u-flag-icon--al {
  background-image: url(/../../static/media/al.9e431c34.jpeg); }

.u-flag-icon--am {
  background-image: url(/../../static/media/am.219ec092.jpeg); }

.u-flag-icon--an {
  background-image: url(/../../static/media/an.81c9d717.jpeg); }

.u-flag-icon--aq {
  background-image: url(/../../static/media/aq.dfaeab56.jpeg); }

.u-flag-icon--ar {
  background-image: url(/../../static/media/ar.5ed8d83c.jpeg); }

.u-flag-icon--as {
  background-image: url(/../../static/media/as.56aa4fe5.jpeg); }

.u-flag-icon--at {
  background-image: url(/../../static/media/at.c0b393e1.jpeg); }

.u-flag-icon--au {
  background-image: url(/../../static/media/au.44b02ecc.jpeg); }

.u-flag-icon--aw {
  background-image: url(/../../static/media/aw.ffdbb716.jpeg); }

.u-flag-icon--ax {
  background-image: url(/../../static/media/ax.e64f9f16.jpeg); }

.u-flag-icon--az {
  background-image: url(/../../static/media/az.0da56dec.jpeg); }

.u-flag-icon--ba {
  background-image: url(/../../static/media/ba.74075fa2.jpeg); }

.u-flag-icon--bb {
  background-image: url(/../../static/media/bb.84a8dcb3.jpeg); }

.u-flag-icon--bd {
  background-image: url(/../../static/media/bd.a3d26f8e.jpeg); }

.u-flag-icon--be {
  background-image: url(/../../static/media/be.19e5cb1e.jpeg); }

.u-flag-icon--bf {
  background-image: url(/../../static/media/bf.d482c5b7.jpeg); }

.u-flag-icon--bg {
  background-image: url(/../../static/media/bg.46c0ab7e.jpeg); }

.u-flag-icon--bh {
  background-image: url(/../../static/media/bh.8fb1b2ad.jpeg); }

.u-flag-icon--bi {
  background-image: url(/../../static/media/bi.fc8d0793.jpeg); }

.u-flag-icon--bj {
  background-image: url(/../../static/media/bj.b45bafd3.jpeg); }

.u-flag-icon--bl {
  background-image: url(/../../static/media/bl.58f12186.jpeg); }

.u-flag-icon--bm {
  background-image: url(/../../static/media/bm.9df2fda9.jpeg); }

.u-flag-icon--bn {
  background-image: url(/../../static/media/bn.07aa1631.jpeg); }

.u-flag-icon--bo {
  background-image: url(/../../static/media/bo.1b4cffb0.jpeg); }

.u-flag-icon--bq {
  background-image: url(/../../static/media/bq.4bde4033.jpeg); }

.u-flag-icon--br {
  background-image: url(/../../static/media/br.932d302b.jpeg); }

.u-flag-icon--bs {
  background-image: url(/../../static/media/bs.f2b3487e.jpeg); }

.u-flag-icon--bt {
  background-image: url(/../../static/media/bt.7abf784e.jpeg); }

.u-flag-icon--bv {
  background-image: url(/../../static/media/bv.c0ffd577.jpeg); }

.u-flag-icon--bw {
  background-image: url(/../../static/media/bw.172be312.jpeg); }

.u-flag-icon--by {
  background-image: url(/../../static/media/by.53d6b9f0.jpeg); }

.u-flag-icon--bz {
  background-image: url(/../../static/media/bz.176dfab1.jpeg); }

.u-flag-icon--ca {
  background-image: url(/../../static/media/ca.d09e6f02.jpeg); }

.u-flag-icon--cc {
  background-image: url(/../../static/media/cc.64a3dc15.jpeg); }

.u-flag-icon--cd {
  background-image: url(/../../static/media/cd.b2a76910.jpeg); }

.u-flag-icon--cf {
  background-image: url(/../../static/media/cf.ab4a8872.jpeg); }

.u-flag-icon--cg {
  background-image: url(/../../static/media/cg.664aa045.jpeg); }

.u-flag-icon--ch {
  background-image: url(/../../static/media/ch.8148529e.jpeg); }

.u-flag-icon--ci {
  background-image: url(/../../static/media/ci.1f2bfba7.jpeg); }

.u-flag-icon--ck {
  background-image: url(/../../static/media/ck.e43eed88.jpeg); }

.u-flag-icon--cl {
  background-image: url(/../../static/media/cl.070e0e6a.jpeg); }

.u-flag-icon--cm {
  background-image: url(/../../static/media/cm.8384a0bd.jpeg); }

.u-flag-icon--cn {
  background-image: url(/../../static/media/cn.7146f10d.jpeg); }

.u-flag-icon--co {
  background-image: url(/../../static/media/co.2bde646f.jpeg); }

.u-flag-icon--cr {
  background-image: url(/../../static/media/cr.1d9e37f6.jpeg); }

.u-flag-icon--cu {
  background-image: url(/../../static/media/cu.98fa815f.jpeg); }

.u-flag-icon--cv {
  background-image: url(/../../static/media/cv.569b993a.jpeg); }

.u-flag-icon--cw {
  background-image: url(/../../static/media/cw.7e27b156.jpeg); }

.u-flag-icon--cx {
  background-image: url(/../../static/media/cx.30ac27b7.jpeg); }

.u-flag-icon--cy {
  background-image: url(/../../static/media/cy.a0cac622.jpeg); }

.u-flag-icon--cz {
  background-image: url(/../../static/media/cz.f5761dec.jpeg); }

.u-flag-icon--de {
  background-image: url(/../../static/media/de.6e2b735b.jpeg); }

.u-flag-icon--dj {
  background-image: url(/../../static/media/dj.de7a48d7.jpeg); }

.u-flag-icon--dk {
  background-image: url(/../../static/media/dk.0a2f0e6b.jpeg); }

.u-flag-icon--dm {
  background-image: url(/../../static/media/dm.f61e22a8.jpeg); }

.u-flag-icon--do {
  background-image: url(/../../static/media/do.1a8f4736.jpeg); }

.u-flag-icon--dz {
  background-image: url(/../../static/media/dz.e0e75349.jpeg); }

.u-flag-icon--ec {
  background-image: url(/../../static/media/ec.3926a1e6.jpeg); }

.u-flag-icon--ee {
  background-image: url(/../../static/media/ee.0cdcc91e.jpeg); }

.u-flag-icon--eg {
  background-image: url(/../../static/media/eg.847a4dda.jpeg); }

.u-flag-icon--eh {
  background-image: url(/../../static/media/eh.c4a01adc.jpeg); }

.u-flag-icon--er {
  background-image: url(/../../static/media/er.70d7482b.jpeg); }

.u-flag-icon--es {
  background-image: url(/../../static/media/es.b89ebded.jpeg); }

.u-flag-icon--et {
  background-image: url(/../../static/media/et.b50fd3a0.jpeg); }

.u-flag-icon--fi {
  background-image: url(/../../static/media/fi.08d9f84d.jpeg); }

.u-flag-icon--fj {
  background-image: url(/../../static/media/fj.c8bde141.jpeg); }

.u-flag-icon--fk {
  background-image: url(/../../static/media/fk.2737e59c.jpeg); }

.u-flag-icon--fm {
  background-image: url(/../../static/media/fm.4f23a3bf.jpeg); }

.u-flag-icon--fo {
  background-image: url(/../../static/media/fo.b9b06eea.jpeg); }

.u-flag-icon--fr {
  background-image: url(/../../static/media/fr.58f12186.jpeg); }

.u-flag-icon--ga {
  background-image: url(/../../static/media/ga.87ca6b28.jpeg); }

.u-flag-icon--gb {
  background-image: url(/../../static/media/gb.cba3f8bb.jpeg); }

.u-flag-icon--gd {
  background-image: url(/../../static/media/gd.6544e506.jpeg); }

.u-flag-icon--ge {
  background-image: url(/../../static/media/ge.fd57ffce.jpeg); }

.u-flag-icon--gf {
  background-image: url(/../../static/media/gf.c08640eb.jpeg); }

.u-flag-icon--gg {
  background-image: url(/../../static/media/gg.f8b728d2.jpeg); }

.u-flag-icon--gh {
  background-image: url(/../../static/media/gh.d13d2950.jpeg); }

.u-flag-icon--gi {
  background-image: url(/../../static/media/gi.72b15664.jpeg); }

.u-flag-icon--gl {
  background-image: url(/../../static/media/gl.52c8f564.jpeg); }

.u-flag-icon--gm {
  background-image: url(/../../static/media/gm.5459d39c.jpeg); }

.u-flag-icon--gn {
  background-image: url(/../../static/media/gn.482874bf.jpeg); }

.u-flag-icon--gp {
  background-image: url(/../../static/media/gp.58f12186.jpeg); }

.u-flag-icon--gq {
  background-image: url(/../../static/media/gq.047547e1.jpeg); }

.u-flag-icon--gr {
  background-image: url(/../../static/media/gr.73cf3e03.jpeg); }

.u-flag-icon--gs {
  background-image: url(/../../static/media/gs.723a3a75.jpeg); }

.u-flag-icon--gt {
  background-image: url(/../../static/media/gt.c36334d1.jpeg); }

.u-flag-icon--gu {
  background-image: url(/../../static/media/gu.4e145c3f.jpeg); }

.u-flag-icon--gw {
  background-image: url(/../../static/media/gw.0f4850c8.jpeg); }

.u-flag-icon--gy {
  background-image: url(/../../static/media/gy.0b40e737.jpeg); }

.u-flag-icon--hk {
  background-image: url(/../../static/media/hk.a7c3a3a7.jpeg); }

.u-flag-icon--hm {
  background-image: url(/../../static/media/hm.dc715393.jpeg); }

.u-flag-icon--hn {
  background-image: url(/../../static/media/hn.12129866.jpeg); }

.u-flag-icon--hr {
  background-image: url(/../../static/media/hr.04c91247.jpeg); }

.u-flag-icon--ht {
  background-image: url(/../../static/media/ht.25957a54.jpeg); }

.u-flag-icon--hu {
  background-image: url(/../../static/media/hu.551d2688.jpeg); }

.u-flag-icon--id {
  background-image: url(/../../static/media/id.acd3f3d5.jpeg); }

.u-flag-icon--ie {
  background-image: url(/../../static/media/ie.e6e9bb21.jpeg); }

.u-flag-icon--il {
  background-image: url(/../../static/media/il.9f3aeba6.jpeg); }

.u-flag-icon--im {
  background-image: url(/../../static/media/im.0429a48a.jpeg); }

.u-flag-icon--in {
  background-image: url(/../../static/media/in.3f1346f3.jpeg); }

.u-flag-icon--io {
  background-image: url(/../../static/media/io.43481689.jpeg); }

.u-flag-icon--iq {
  background-image: url(/../../static/media/iq.f8dfdbb7.jpeg); }

.u-flag-icon--ir {
  background-image: url(/../../static/media/ir.9cbbbfd1.jpeg); }

.u-flag-icon--is {
  background-image: url(/../../static/media/is.bd1088ae.jpeg); }

.u-flag-icon--it {
  background-image: url(/../../static/media/it.ca0861ca.jpeg); }

.u-flag-icon--je {
  background-image: url(/../../static/media/je.9ef26e49.jpeg); }

.u-flag-icon--jm {
  background-image: url(/../../static/media/jm.b4b7d5a3.jpeg); }

.u-flag-icon--jo {
  background-image: url(/../../static/media/jo.42e9f11a.jpeg); }

.u-flag-icon--jp {
  background-image: url(/../../static/media/jp.c92e2f39.jpeg); }

.u-flag-icon--ke {
  background-image: url(/../../static/media/ke.90b7c2c2.jpeg); }

.u-flag-icon--kg {
  background-image: url(/../../static/media/kg.c3acb117.jpeg); }

.u-flag-icon--kh {
  background-image: url(/../../static/media/kh.c01087c9.jpeg); }

.u-flag-icon--ki {
  background-image: url(/../../static/media/ki.915c7ce4.jpeg); }

.u-flag-icon--km {
  background-image: url(/../../static/media/km.e9cf0271.jpeg); }

.u-flag-icon--kn {
  background-image: url(/../../static/media/kn.ac376f65.jpeg); }

.u-flag-icon--kp {
  background-image: url(/../../static/media/kp.d2108282.jpeg); }

.u-flag-icon--kr {
  background-image: url(/../../static/media/kr.10d26120.jpeg); }

.u-flag-icon--kw {
  background-image: url(/../../static/media/kw.af209ac2.jpeg); }

.u-flag-icon--ky {
  background-image: url(/../../static/media/ky.dcf567db.jpeg); }

.u-flag-icon--kz {
  background-image: url(/../../static/media/kz.618e8f63.jpeg); }

.u-flag-icon--la {
  background-image: url(/../../static/media/la.e63e94d2.jpeg); }

.u-flag-icon--lb {
  background-image: url(/../../static/media/lb.942db086.jpeg); }

.u-flag-icon--lc {
  background-image: url(/../../static/media/lc.2ca3f524.jpeg); }

.u-flag-icon--li {
  background-image: url(/../../static/media/li.cbeb1fba.jpeg); }

.u-flag-icon--lk {
  background-image: url(/../../static/media/lk.dad9595d.jpeg); }

.u-flag-icon--lr {
  background-image: url(/../../static/media/lr.b336ee23.jpeg); }

.u-flag-icon--ls {
  background-image: url(/../../static/media/ls.6cc53479.jpeg); }

.u-flag-icon--lt {
  background-image: url(/../../static/media/lt.19fc5d9c.jpeg); }

.u-flag-icon--lu {
  background-image: url(/../../static/media/lu.dca3ad50.jpeg); }

.u-flag-icon--lv {
  background-image: url(/../../static/media/lv.9a3f1e1c.jpeg); }

.u-flag-icon--ly {
  background-image: url(/../../static/media/ly.4d77d790.jpeg); }

.u-flag-icon--ma {
  background-image: url(/../../static/media/ma.8df16b60.jpeg); }

.u-flag-icon--mc {
  background-image: url(/../../static/media/mc.33a03394.jpeg); }

.u-flag-icon--md {
  background-image: url(/../../static/media/md.90deb151.jpeg); }

.u-flag-icon--me {
  background-image: url(/../../static/media/me.e7275edd.jpeg); }

.u-flag-icon--mf {
  background-image: url(/../../static/media/mf.58f12186.jpeg); }

.u-flag-icon--mg {
  background-image: url(/../../static/media/mg.80584c80.jpeg); }

.u-flag-icon--mh {
  background-image: url(/../../static/media/mh.90c748ed.jpeg); }

.u-flag-icon--mk {
  background-image: url(/../../static/media/mk.30d4ecfb.jpeg); }

.u-flag-icon--ml {
  background-image: url(/../../static/media/ml.65f0b106.jpeg); }

.u-flag-icon--mm {
  background-image: url(/../../static/media/mm.d91a9c59.jpeg); }

.u-flag-icon--mn {
  background-image: url(/../../static/media/mn.1c10554e.jpeg); }

.u-flag-icon--mo {
  background-image: url(/../../static/media/mo.0bee7137.jpeg); }

.u-flag-icon--mp {
  background-image: url(/../../static/media/mp.bd0dd576.jpeg); }

.u-flag-icon--mq {
  background-image: url(/../../static/media/mq.58f12186.jpeg); }

.u-flag-icon--mr {
  background-image: url(/../../static/media/mr.514da47b.jpeg); }

.u-flag-icon--ms {
  background-image: url(/../../static/media/ms.96fda853.jpeg); }

.u-flag-icon--mt {
  background-image: url(/../../static/media/mt.0f4645d3.jpeg); }

.u-flag-icon--mu {
  background-image: url(/../../static/media/mu.a3e49af6.jpeg); }

.u-flag-icon--mv {
  background-image: url(/../../static/media/mv.bb2e2786.jpeg); }

.u-flag-icon--mw {
  background-image: url(/../../static/media/mw.3b23e182.jpeg); }

.u-flag-icon--mx {
  background-image: url(/../../static/media/mx.0e9ee275.jpeg); }

.u-flag-icon--my {
  background-image: url(/../../static/media/my.edad2bd5.jpeg); }

.u-flag-icon--mz {
  background-image: url(/../../static/media/mz.84fe6e01.jpeg); }

.u-flag-icon--na {
  background-image: url(/../../static/media/na.f31c8b6f.jpeg); }

.u-flag-icon--nc {
  background-image: url(/../../static/media/nc.58f12186.jpeg); }

.u-flag-icon--ne {
  background-image: url(/../../static/media/ne.40187f99.jpeg); }

.u-flag-icon--nf {
  background-image: url(/../../static/media/nf.bca76f62.jpeg); }

.u-flag-icon--ng {
  background-image: url(/../../static/media/ng.78e3c938.jpeg); }

.u-flag-icon--ni {
  background-image: url(/../../static/media/ni.b948502e.jpeg); }

.u-flag-icon--nl {
  background-image: url(/../../static/media/nl.4b2e15ed.jpeg); }

.u-flag-icon--no {
  background-image: url(/../../static/media/no.67daeb5e.jpeg); }

.u-flag-icon--np {
  background-image: url(/../../static/media/np.1f8249c1.jpeg); }

.u-flag-icon--nr {
  background-image: url(/../../static/media/nr.a963b59a.jpeg); }

.u-flag-icon--nu {
  background-image: url(/../../static/media/nu.b68ae96f.jpeg); }

.u-flag-icon--nz {
  background-image: url(/../../static/media/nz.dd47a8f3.jpeg); }

.u-flag-icon--om {
  background-image: url(/../../static/media/om.0f916c2f.jpeg); }

.u-flag-icon--pa {
  background-image: url(/../../static/media/pa.4235e0a2.jpeg); }

.u-flag-icon--pe {
  background-image: url(/../../static/media/pe.7d44cbdb.jpeg); }

.u-flag-icon--pf {
  background-image: url(/../../static/media/pf.5772899c.jpeg); }

.u-flag-icon--pg {
  background-image: url(/../../static/media/pg.7dabc7b6.jpeg); }

.u-flag-icon--ph {
  background-image: url(/../../static/media/ph.10907dbb.jpeg); }

.u-flag-icon--pk {
  background-image: url(/../../static/media/pk.c7dae4e3.jpeg); }

.u-flag-icon--pl {
  background-image: url(/../../static/media/pl.3db9200a.jpeg); }

.u-flag-icon--pm {
  background-image: url(/../../static/media/pm.58f12186.jpeg); }

.u-flag-icon--pn {
  background-image: url(/../../static/media/pn.13344fb3.jpeg); }

.u-flag-icon--pr {
  background-image: url(/../../static/media/pr.f5489283.jpeg); }

.u-flag-icon--ps {
  background-image: url(/../../static/media/ps.8aee5e3a.jpeg); }

.u-flag-icon--pt {
  background-image: url(/../../static/media/pt.b00c60bb.jpeg); }

.u-flag-icon--pw {
  background-image: url(/../../static/media/pw.5a49bb72.jpeg); }

.u-flag-icon--py {
  background-image: url(/../../static/media/py.a7e94c7a.jpeg); }

.u-flag-icon--qa {
  background-image: url(/../../static/media/qa.3095e02c.jpeg); }

.u-flag-icon--re {
  background-image: url(/../../static/media/re.58f12186.jpeg); }

.u-flag-icon--ro {
  background-image: url(/../../static/media/ro.a5ea0cdc.jpeg); }

.u-flag-icon--rs {
  background-image: url(/../../static/media/rs.3cf5e3ec.jpeg); }

.u-flag-icon--ru {
  background-image: url(/../../static/media/ru.c2f6bbbf.jpeg); }

.u-flag-icon--rw {
  background-image: url(/../../static/media/rw.5c5502b1.jpeg); }

.u-flag-icon--sa {
  background-image: url(/../../static/media/sa.b91c05a5.jpeg); }

.u-flag-icon--sb {
  background-image: url(/../../static/media/sb.209bfd9e.jpeg); }

.u-flag-icon--sc {
  background-image: url(/../../static/media/sc.35da683e.jpeg); }

.u-flag-icon--sd {
  background-image: url(/../../static/media/sd.39b7b5b8.jpeg); }

.u-flag-icon--se {
  background-image: url(/../../static/media/se.31fe0c16.jpeg); }

.u-flag-icon--sg {
  background-image: url(/../../static/media/sg.27939dcd.jpeg); }

.u-flag-icon--sh {
  background-image: url(/../../static/media/sh.6cc48efd.jpeg); }

.u-flag-icon--si {
  background-image: url(/../../static/media/si.bcf904a7.jpeg); }

.u-flag-icon--sj {
  background-image: url(/../../static/media/sj.67daeb5e.jpeg); }

.u-flag-icon--sk {
  background-image: url(/../../static/media/sk.19338d0d.jpeg); }

.u-flag-icon--sl {
  background-image: url(/../../static/media/sl.dffbe9b3.jpeg); }

.u-flag-icon--sm {
  background-image: url(/../../static/media/sm.ef926fbf.jpeg); }

.u-flag-icon--sn {
  background-image: url(/../../static/media/sn.94426bb4.jpeg); }

.u-flag-icon--so {
  background-image: url(/../../static/media/so.196912a4.jpeg); }

.u-flag-icon--sr {
  background-image: url(/../../static/media/sr.d1a017bb.jpeg); }

.u-flag-icon--ss {
  background-image: url(/../../static/media/ss.e2fb0d9c.jpeg); }

.u-flag-icon--st {
  background-image: url(/../../static/media/st.9dbfbad2.jpeg); }

.u-flag-icon--sv {
  background-image: url(/../../static/media/sv.21496421.jpeg); }

.u-flag-icon--sx {
  background-image: url(/../../static/media/sx.8aec1751.jpeg); }

.u-flag-icon--sy {
  background-image: url(/../../static/media/sy.13dcbdc6.jpeg); }

.u-flag-icon--sz {
  background-image: url(/../../static/media/sz.9f4057ab.jpeg); }

.u-flag-icon--tc {
  background-image: url(/../../static/media/tc.cbe39936.jpeg); }

.u-flag-icon--td {
  background-image: url(/../../static/media/td.c14f7997.jpeg); }

.u-flag-icon--tf {
  background-image: url(/../../static/media/tf.ef5bd604.jpeg); }

.u-flag-icon--tg {
  background-image: url(/../../static/media/tg.db80f7e4.jpeg); }

.u-flag-icon--th {
  background-image: url(/../../static/media/th.63c32cfc.jpeg); }

.u-flag-icon--tj {
  background-image: url(/../../static/media/tj.36f9d683.jpeg); }

.u-flag-icon--tk {
  background-image: url(/../../static/media/tk.98958d94.jpeg); }

.u-flag-icon--tl {
  background-image: url(/../../static/media/tl.c0e1cfdf.jpeg); }

.u-flag-icon--tm {
  background-image: url(/../../static/media/tm.2f1ce094.jpeg); }

.u-flag-icon--tn {
  background-image: url(/../../static/media/tn.8332e243.jpeg); }

.u-flag-icon--to {
  background-image: url(/../../static/media/to.131f73af.jpeg); }

.u-flag-icon--tr {
  background-image: url(/../../static/media/tr.169637f3.jpeg); }

.u-flag-icon--tt {
  background-image: url(/../../static/media/tt.eec22d13.jpeg); }

.u-flag-icon--tv {
  background-image: url(/../../static/media/tv.12ab566c.jpeg); }

.u-flag-icon--tw {
  background-image: url(/../../static/media/tw.ee625459.jpeg); }

.u-flag-icon--tz {
  background-image: url(/../../static/media/tz.15c6f4a7.jpeg); }

.u-flag-icon--ua {
  background-image: url(/../../static/media/ua.49e46cf9.jpeg); }

.u-flag-icon--ug {
  background-image: url(/../../static/media/ug.e43369b1.jpeg); }

.u-flag-icon--um {
  background-image: url(/../../static/media/um.6c64f80f.jpeg); }

.u-flag-icon--us {
  background-image: url(/../../static/media/us.8f3fc474.jpeg); }

.u-flag-icon--uy {
  background-image: url(/../../static/media/uy.1de79933.jpeg); }

.u-flag-icon--uz {
  background-image: url(/../../static/media/uz.25595b34.jpeg); }

.u-flag-icon--va {
  background-image: url(/../../static/media/va.33965ffb.jpeg); }

.u-flag-icon--vc {
  background-image: url(/../../static/media/vc.b8713710.jpeg); }

.u-flag-icon--ve {
  background-image: url(/../../static/media/ve.2e3edb08.jpeg); }

.u-flag-icon--vg {
  background-image: url(/../../static/media/vg.dc55bf14.jpeg); }

.u-flag-icon--vi {
  background-image: url(/../../static/media/vi.b6446e22.jpeg); }

.u-flag-icon--vn {
  background-image: url(/../../static/media/vn.0dccb162.jpeg); }

.u-flag-icon--vu {
  background-image: url(/../../static/media/vu.fb19b86a.jpeg); }

.u-flag-icon--wf {
  background-image: url(/../../static/media/wf.58f12186.jpeg); }

.u-flag-icon--ws {
  background-image: url(/../../static/media/ws.f10796b5.jpeg); }

.u-flag-icon--ye {
  background-image: url(/../../static/media/ye.4b6aa529.jpeg); }

.u-flag-icon--yt {
  background-image: url(/../../static/media/yt.58f12186.jpeg); }

.u-flag-icon--za {
  background-image: url(/../../static/media/za.415959f1.jpeg); }

.u-flag-icon--zm {
  background-image: url(/../../static/media/zm.f6c2c2d9.jpeg); }

.u-flag-icon--zw {
  background-image: url(/../../static/media/zw.69ea4825.jpeg); }

.u-flag-icon--eu {
  background-image: url(/../../static/media/eu.1ae6f3df.jpeg); }

.u-flag-icon--gb-eng {
  background-image: url(/../../static/media/gb-eng.960662c8.jpeg); }

.u-flag-icon--gb-nir {
  background-image: url(/../../static/media/gb-nir.888fb0b1.jpeg); }

.u-flag-icon--gb-sct {
  background-image: url(/../../static/media/gb-sct.80088bdf.jpeg); }

.u-flag-icon--gb-wls {
  background-image: url(/../../static/media/gb-wls.5938f958.jpeg); }

.u-flag-icon--un {
  background-image: url(/../../static/media/un.80e0a86a.jpeg); }

[class*="u-col-"] {
  width: 100%; }

[class*="u-grid-col-"] {
  grid-column: 1 / -1; }

@media (min-width: 1024px) {
  .u-col-1 {
    width: 8.33333% !important; }
  .u-grid-col-1 {
    grid-column: span 1 !important; }
  .u-ofs-1 {
    margin-left: 8.33333% !important; }
  .u-col-2 {
    width: 16.66667% !important; }
  .u-grid-col-2 {
    grid-column: span 2 !important; }
  .u-ofs-2 {
    margin-left: 16.66667% !important; }
  .u-col-3 {
    width: 25% !important; }
  .u-grid-col-3 {
    grid-column: span 3 !important; }
  .u-ofs-3 {
    margin-left: 25% !important; }
  .u-col-4 {
    width: 33.33333% !important; }
  .u-grid-col-4 {
    grid-column: span 4 !important; }
  .u-ofs-4 {
    margin-left: 33.33333% !important; }
  .u-col-5 {
    width: 41.66667% !important; }
  .u-grid-col-5 {
    grid-column: span 5 !important; }
  .u-ofs-5 {
    margin-left: 41.66667% !important; }
  .u-col-6 {
    width: 50% !important; }
  .u-grid-col-6 {
    grid-column: span 6 !important; }
  .u-ofs-6 {
    margin-left: 50% !important; }
  .u-col-7 {
    width: 58.33333% !important; }
  .u-grid-col-7 {
    grid-column: span 7 !important; }
  .u-ofs-7 {
    margin-left: 58.33333% !important; }
  .u-col-8 {
    width: 66.66667% !important; }
  .u-grid-col-8 {
    grid-column: span 8 !important; }
  .u-ofs-8 {
    margin-left: 66.66667% !important; }
  .u-col-9 {
    width: 75% !important; }
  .u-grid-col-9 {
    grid-column: span 9 !important; }
  .u-ofs-9 {
    margin-left: 75% !important; }
  .u-col-10 {
    width: 83.33333% !important; }
  .u-grid-col-10 {
    grid-column: span 10 !important; }
  .u-ofs-10 {
    margin-left: 83.33333% !important; }
  .u-col-11 {
    width: 91.66667% !important; }
  .u-grid-col-11 {
    grid-column: span 11 !important; }
  .u-ofs-11 {
    margin-left: 91.66667% !important; }
  .u-col-12 {
    width: 100% !important; }
  .u-grid-col-12 {
    grid-column: span 12 !important; }
  .u-ofs-12 {
    margin-left: 100% !important; } }

@media (min-width: 1280px) {
  .u-col-1\@lg {
    width: 8.33333% !important; }
  .u-grid-col-1\@lg {
    grid-column: span 1 !important; }
  .u-ofs-1\@lg {
    margin-left: 8.33333% !important; }
  .u-col-2\@lg {
    width: 16.66667% !important; }
  .u-grid-col-2\@lg {
    grid-column: span 2 !important; }
  .u-ofs-2\@lg {
    margin-left: 16.66667% !important; }
  .u-col-3\@lg {
    width: 25% !important; }
  .u-grid-col-3\@lg {
    grid-column: span 3 !important; }
  .u-ofs-3\@lg {
    margin-left: 25% !important; }
  .u-col-4\@lg {
    width: 33.33333% !important; }
  .u-grid-col-4\@lg {
    grid-column: span 4 !important; }
  .u-ofs-4\@lg {
    margin-left: 33.33333% !important; }
  .u-col-5\@lg {
    width: 41.66667% !important; }
  .u-grid-col-5\@lg {
    grid-column: span 5 !important; }
  .u-ofs-5\@lg {
    margin-left: 41.66667% !important; }
  .u-col-6\@lg {
    width: 50% !important; }
  .u-grid-col-6\@lg {
    grid-column: span 6 !important; }
  .u-ofs-6\@lg {
    margin-left: 50% !important; }
  .u-col-7\@lg {
    width: 58.33333% !important; }
  .u-grid-col-7\@lg {
    grid-column: span 7 !important; }
  .u-ofs-7\@lg {
    margin-left: 58.33333% !important; }
  .u-col-8\@lg {
    width: 66.66667% !important; }
  .u-grid-col-8\@lg {
    grid-column: span 8 !important; }
  .u-ofs-8\@lg {
    margin-left: 66.66667% !important; }
  .u-col-9\@lg {
    width: 75% !important; }
  .u-grid-col-9\@lg {
    grid-column: span 9 !important; }
  .u-ofs-9\@lg {
    margin-left: 75% !important; }
  .u-col-10\@lg {
    width: 83.33333% !important; }
  .u-grid-col-10\@lg {
    grid-column: span 10 !important; }
  .u-ofs-10\@lg {
    margin-left: 83.33333% !important; }
  .u-col-11\@lg {
    width: 91.66667% !important; }
  .u-grid-col-11\@lg {
    grid-column: span 11 !important; }
  .u-ofs-11\@lg {
    margin-left: 91.66667% !important; }
  .u-col-12\@lg {
    width: 100% !important; }
  .u-grid-col-12\@lg {
    grid-column: span 12 !important; }
  .u-ofs-12\@lg {
    margin-left: 100% !important; } }

@media (min-width: 1024px) and (max-width: 1279px) {
  .u-col-1\@md {
    width: 8.33333% !important; }
  .u-grid-col-1\@md {
    grid-column: span 1 !important; }
  .u-ofs-1\@md {
    margin-left: 8.33333% !important; }
  .u-col-2\@md {
    width: 16.66667% !important; }
  .u-grid-col-2\@md {
    grid-column: span 2 !important; }
  .u-ofs-2\@md {
    margin-left: 16.66667% !important; }
  .u-col-3\@md {
    width: 25% !important; }
  .u-grid-col-3\@md {
    grid-column: span 3 !important; }
  .u-ofs-3\@md {
    margin-left: 25% !important; }
  .u-col-4\@md {
    width: 33.33333% !important; }
  .u-grid-col-4\@md {
    grid-column: span 4 !important; }
  .u-ofs-4\@md {
    margin-left: 33.33333% !important; }
  .u-col-5\@md {
    width: 41.66667% !important; }
  .u-grid-col-5\@md {
    grid-column: span 5 !important; }
  .u-ofs-5\@md {
    margin-left: 41.66667% !important; }
  .u-col-6\@md {
    width: 50% !important; }
  .u-grid-col-6\@md {
    grid-column: span 6 !important; }
  .u-ofs-6\@md {
    margin-left: 50% !important; }
  .u-col-7\@md {
    width: 58.33333% !important; }
  .u-grid-col-7\@md {
    grid-column: span 7 !important; }
  .u-ofs-7\@md {
    margin-left: 58.33333% !important; }
  .u-col-8\@md {
    width: 66.66667% !important; }
  .u-grid-col-8\@md {
    grid-column: span 8 !important; }
  .u-ofs-8\@md {
    margin-left: 66.66667% !important; }
  .u-col-9\@md {
    width: 75% !important; }
  .u-grid-col-9\@md {
    grid-column: span 9 !important; }
  .u-ofs-9\@md {
    margin-left: 75% !important; }
  .u-col-10\@md {
    width: 83.33333% !important; }
  .u-grid-col-10\@md {
    grid-column: span 10 !important; }
  .u-ofs-10\@md {
    margin-left: 83.33333% !important; }
  .u-col-11\@md {
    width: 91.66667% !important; }
  .u-grid-col-11\@md {
    grid-column: span 11 !important; }
  .u-ofs-11\@md {
    margin-left: 91.66667% !important; }
  .u-col-12\@md {
    width: 100% !important; }
  .u-grid-col-12\@md {
    grid-column: span 12 !important; }
  .u-ofs-12\@md {
    margin-left: 100% !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .u-col-1 {
    width: 12.5% !important; }
  .u-grid-col-1 {
    grid-column: span 1 !important; }
  .u-ofs-1 {
    margin-left: 12.5% !important; }
  .u-col-2 {
    width: 25% !important; }
  .u-grid-col-2 {
    grid-column: span 2 !important; }
  .u-ofs-2 {
    margin-left: 25% !important; }
  .u-col-3 {
    width: 37.5% !important; }
  .u-grid-col-3 {
    grid-column: span 3 !important; }
  .u-ofs-3 {
    margin-left: 37.5% !important; }
  .u-col-4 {
    width: 50% !important; }
  .u-grid-col-4 {
    grid-column: span 4 !important; }
  .u-ofs-4 {
    margin-left: 50% !important; }
  .u-col-5 {
    width: 62.5% !important; }
  .u-grid-col-5 {
    grid-column: span 5 !important; }
  .u-ofs-5 {
    margin-left: 62.5% !important; }
  .u-col-6 {
    width: 75% !important; }
  .u-grid-col-6 {
    grid-column: span 6 !important; }
  .u-ofs-6 {
    margin-left: 75% !important; }
  .u-col-7 {
    width: 87.5% !important; }
  .u-grid-col-7 {
    grid-column: span 7 !important; }
  .u-ofs-7 {
    margin-left: 87.5% !important; }
  .u-col-8 {
    width: 100% !important; }
  .u-grid-col-8 {
    grid-column: span 8 !important; }
  .u-ofs-8 {
    margin-left: 100% !important; }
  .u-col-1\@sm {
    width: 12.5% !important; }
  .u-grid-col-1\@sm {
    grid-column: span 1 !important; }
  .u-ofs-1\@sm {
    margin-left: 12.5% !important; }
  .u-col-2\@sm {
    width: 25% !important; }
  .u-grid-col-2\@sm {
    grid-column: span 2 !important; }
  .u-ofs-2\@sm {
    margin-left: 25% !important; }
  .u-col-3\@sm {
    width: 37.5% !important; }
  .u-grid-col-3\@sm {
    grid-column: span 3 !important; }
  .u-ofs-3\@sm {
    margin-left: 37.5% !important; }
  .u-col-4\@sm {
    width: 50% !important; }
  .u-grid-col-4\@sm {
    grid-column: span 4 !important; }
  .u-ofs-4\@sm {
    margin-left: 50% !important; }
  .u-col-5\@sm {
    width: 62.5% !important; }
  .u-grid-col-5\@sm {
    grid-column: span 5 !important; }
  .u-ofs-5\@sm {
    margin-left: 62.5% !important; }
  .u-col-6\@sm {
    width: 75% !important; }
  .u-grid-col-6\@sm {
    grid-column: span 6 !important; }
  .u-ofs-6\@sm {
    margin-left: 75% !important; }
  .u-col-7\@sm {
    width: 87.5% !important; }
  .u-grid-col-7\@sm {
    grid-column: span 7 !important; }
  .u-ofs-7\@sm {
    margin-left: 87.5% !important; }
  .u-col-8\@sm {
    width: 100% !important; }
  .u-grid-col-8\@sm {
    grid-column: span 8 !important; }
  .u-ofs-8\@sm {
    margin-left: 100% !important; } }

@media (max-width: 767px) {
  .u-col-1 {
    width: 25% !important; }
  .u-grid-col-1 {
    grid-column: span 1 !important; }
  .u-ofs-1 {
    margin-left: 25% !important; }
  .u-col-2 {
    width: 50% !important; }
  .u-grid-col-2 {
    grid-column: span 2 !important; }
  .u-ofs-2 {
    margin-left: 50% !important; }
  .u-col-3 {
    width: 75% !important; }
  .u-grid-col-3 {
    grid-column: span 3 !important; }
  .u-ofs-3 {
    margin-left: 75% !important; }
  .u-col-4 {
    width: 100% !important; }
  .u-grid-col-4 {
    grid-column: span 4 !important; }
  .u-ofs-4 {
    margin-left: 100% !important; }
  .u-col-1\@xsm {
    width: 25% !important; }
  .u-grid-col-1\@xsm {
    grid-column: span 1 !important; }
  .u-ofs-1\@xsm {
    margin-left: 25% !important; }
  .u-col-2\@xsm {
    width: 50% !important; }
  .u-grid-col-2\@xsm {
    grid-column: span 2 !important; }
  .u-ofs-2\@xsm {
    margin-left: 50% !important; }
  .u-col-3\@xsm {
    width: 75% !important; }
  .u-grid-col-3\@xsm {
    grid-column: span 3 !important; }
  .u-ofs-3\@xsm {
    margin-left: 75% !important; }
  .u-col-4\@xsm {
    width: 100% !important; }
  .u-grid-col-4\@xsm {
    grid-column: span 4 !important; }
  .u-ofs-4\@xsm {
    margin-left: 100% !important; } }

.o-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem; }

.o-grid__item {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 1rem; }

:root {
  --tws-not-found-title-color: hsl(var(--color-gray-75));
  --tws-not-found-subtitle-color: hsl(var(--color-gray-45)); }

:root.t-very-dark-gray {
  --tws-not-found-title-color: hsl(var(--color-gray-15));
  --tws-not-found-subtitle-color: hsl(var(--color-gray-35)); }

.o-not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-align: center; }

.o-not-found__img {
  width: 48px;
  height: 48px;
  background-image: url(/../../static/media/not-found.a914f2a0.svg);
  background-size: contain; }

.o-not-found__title {
  font-family: var(--font-light);
  font-size: 1.5em;
  color: hsl(var(--color-gray-75));
  color: var(--tws-not-found-title-color);
  margin-top: 1rem; }

.o-not-found__subtitle {
  font-family: var(--font-book);
  font-size: 0.75em;
  color: hsl(var(--color-gray-45));
  color: var(--tws-not-found-subtitle-color);
  margin-bottom: 1rem;
  margin-top: .75rem; }

.o-card-list {
  list-style: none;
  padding: 0;
  font-size: 1rem;
  margin: -1em; }
  .o-card-list__item {
    display: inline-block;
    vertical-align: top;
    padding: 1em; }

.o-grid-card-list {
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-column-gap: var(--col-gap);
  -moz-column-gap: var(--col-gap);
       column-gap: var(--col-gap);
  grid-row-gap: var(--row-gap);
  row-gap: var(--row-gap);
  --columns: 12;
  --col-size: calc(100% / var(--columns));
  --col-fr: calc(var(--col-gap) / var(--columns));
  --col-wo-gap: calc(var(--col-size) - var(--col-gap));
  --col-comp-size: calc(var(--col-wo-gap) + var(--col-fr));
  grid-template-columns: repeat(var(--columns), var(--col-comp-size));
  grid-auto-columns: var(--col-comp-size); }
  @media (min-width: 767px) and (max-width: 1023px) {
    .o-grid-card-list {
      --columns: 8; } }
  @media (max-width: 767px) {
    .o-grid-card-list {
      --columns: 4; } }
  .o-grid-card-list.o-grid-card-list--no-wrap {
    grid-auto-flow: column; }

@media all and (max-width: 767px) {
  .o-card-list {
    margin: -.5em -.25em; }
  .o-card-list__item {
    padding: .5em .25em; }
  .o-grid-card-list {
    --col-gap: 1rem;
    --row-gap: .5rem; } }

.o-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto; }

.t-high-contrast {
  /* GENERAL */
  /* USER THEME */
  /* MODAL */
  /* SIDEBAR */
  /* STAMP */
  /* POPOVER & TOOLTIP */
  /* DATEPICKER */
  /* BUTTON */
  /* TOKEN */ }
  .t-high-contrast body {
    background: #333; }
  .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl'])::-moz-placeholder {
    color: white !important; }
  .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl']):-ms-input-placeholder {
    color: white !important; }
  .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl']), .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl']):after, .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl']):before, .t-high-contrast *:not(path):not(svg):not([x-contrast~='cl'])::placeholder {
    color: white !important; }
  .t-high-contrast *:not([x-contrast~='bd'])::-moz-placeholder {
    border-color: white !important; }
  .t-high-contrast *:not([x-contrast~='bd']):-ms-input-placeholder {
    border-color: white !important; }
  .t-high-contrast *:not([x-contrast~='bd']), .t-high-contrast *:not([x-contrast~='bd']):after, .t-high-contrast *:not([x-contrast~='bd']):before, .t-high-contrast *:not([x-contrast~='bd'])::placeholder {
    border-color: white !important; }
  .t-high-contrast div:not([x-contrast~='bg']), .t-high-contrast section:not([x-contrast~='bg']), .t-high-contrast input:not([x-contrast~='bg']), .t-high-contrast textarea:not([x-contrast~='bg']) {
    background-color: #333 !important; }
  .t-high-contrast .u-theme-background {
    background: transparent !important;
    border-bottom: 1px solid;
    border-top: 1px solid; }
  .t-high-contrast .c-modal__content {
    border: 1px solid;
    border-bottom-width: 0; }
  .t-high-contrast .c-schematics__sidebar {
    border-left: 1px solid; }
  .t-high-contrast .c-stamp.is-missed .c-stamp__icon, .t-high-contrast .c-stamp.is-ready .c-stamp__icon, .t-high-contrast .c-stamp.is-approved .c-stamp__icon, .t-high-contrast .c-stamp.is-waiting .c-stamp__icon, .t-high-contrast .c-stamp.is-processing .c-stamp__icon, .t-high-contrast .c-stamp.is-awaitingapproval .c-stamp__icon {
    color: white !important; }
  .t-high-contrast .c-tooltip {
    border: 1px solid; }
  .t-high-contrast .c-tooltip__arrow,
  .t-high-contrast .c-popover__arrow {
    border: 1px solid; }
  .t-high-contrast .c-tooltip--top > .c-tooltip__arrow {
    border-top-width: 0;
    border-left-width: 0; }
  .t-high-contrast .c-tooltip--bottom > .c-tooltip__arrow {
    border-bottom-width: 0;
    border-right-width: 0; }
  .t-high-contrast .c-tooltip--left > .c-tooltip__arrow {
    border-bottom-width: 0;
    border-left-width: 0; }
  .t-high-contrast .c-tooltip--right > .c-tooltip__arrow {
    border-top-width: 0;
    border-right-width: 0; }
  .t-high-contrast .c-popover--top > .c-popover__arrow {
    border-top-width: 0;
    border-left-width: 0; }
  .t-high-contrast .c-popover--bottom > .c-popover__arrow {
    border-bottom-width: 0;
    border-right-width: 0; }
  .t-high-contrast .c-popover--left > .c-popover__arrow {
    border-bottom-width: 0;
    border-left-width: 0; }
  .t-high-contrast .c-popover--right > .c-popover__arrow {
    border-top-width: 0;
    border-right-width: 0; }
  .t-high-contrast .c-datepicker-interval .c-datepicker__item.is-selected:not(.is-limit) > span {
    color: black !important; }
  .t-high-contrast .c-button:not(.c-button--outline) {
    background-color: white !important; }
    .t-high-contrast .c-button:not(.c-button--outline) > .c-button__text {
      color: black !important; }
  .t-high-contrast .c-token:not(.is-selected) {
    border-color: white !important; }

.c-accessibility {
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 0.375rem;
}

.c-link.c-accessibility__label {
  margin-right: 1rem;
  font-size: 1rem;
  line-height: 1.3;
  color: hsl(var(--color-gray-70));
  text-decoration: underline;
}

.c-accessibility__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background-color: transparent;
  color: hsl(var(--color-gray-70));
  cursor: pointer;
  font-family: var(--font-bold);
  border-radius: 3px;
  font-size: inherit;
}

.c-accessibility__button.is-active {
  background-color: hsl(var(--color-gray-35));
  color: hsl(var(--color-white));
}

.c-accessibility__button.--toggle-contrast:after {
  content: '';
  display: block;
  border: 0.5rem solid currentColor;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 50%;
  transform: rotate(45deg);
  background-color: hsl(var(--color-gray-15));
  color: inherit;
  box-shadow: 0 0 0 1px currentColor;
}

.c-accessibility__button +
.c-accessibility__button {
  margin-left: 0.875rem;
}

.t-high-contrast .c-accessibility__button.--toggle-contrast:after {
  box-shadow: 0 0 0 1px hsl(var(--color-white));
  background-color: hsl(var(--color-white));
}

@media (max-width: 767px) {
  .c-accessibility__label {
    font-size: 0.75rem;
    margin-right: 0.75rem;
  }

  .c-accessibility__button.--toggle-contrast:after {
    border-width: 0.4rem;
  }
}

.c-accordion__header {
  border-bottom: 1px solid var(--color-gray-15);
  cursor: pointer;
}

.c-accordion__content {
  padding: 0 0.375rem;
  margin: 0;
  overflow: hidden;
}

.c-accordion__header,
.c-accordion__content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.375rem;
  margin: 0.375rem 0;
  font-family: var(--font-book);
}

.c-accordion__container {
  width: 100%;
}

.c-autocomplete.is-clearable:not(.has-value):not(.is-disabled):not(.is-read-only) .c-autocomplete__search .c-input__box:after,
.c-autocomplete:not(.is-clearable):not(.is-disabled):not(.is-read-only) .c-autocomplete__search .c-input__box:after {
  position: absolute;
  content: '';
  width: 1em;
  height: .6em;
  background: url(/../../static/media/arrow-down-md-dark.cce49045.svg) center no-repeat;
  pointer-events: none;
  cursor: pointer;
  transition: 0.3s linear;
  right: .5rem;
}

.c-autocomplete.is-open .c-autocomplete__search .c-input__box:after {
  transform: rotate(180deg);
}

.c-autocomplete__search .c-input__action {
  padding-right: .5rem;
}

.c-autocomplete__search .i-clear {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url(/../../static/media/cancel-md-dark.f479bf09.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.c-autocomplete__modal .c-autocomplete__search {
  background-color: white;
  padding: .75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: var(--zindex-low);
}

.c-autocomplete__modal .c-modal__content--with-stack-manager {
  padding-top: 0;
}

.c-autocomplete__content .o-not-found {
  display: block;
  margin: 0;
  margin: initial;
}

.c-autocomplete__content .o-not-found__title {
  font-size: 1.125rem;
  font-family: var(--font-book);
}

.c-autocomplete input.c-input__input::-moz-placeholder {
  text-overflow: ellipsis;
}

.c-autocomplete input.c-input__input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

.c-autocomplete input.c-input__input,
.c-autocomplete input.c-input__input::placeholder {
  text-overflow: ellipsis;
}

.c-autocomplete input.c-input__input::-moz-placeholder {
  max-width: 95%;
}

.c-autocomplete input.c-input__input:-ms-input-placeholder {
  max-width: 95%;
}

.c-autocomplete input.c-input__input::placeholder {
  max-width: 95%;
}

.t-high-contrast .c-autocomplete__search .i-clear {
  background-image: url(/../../static/media/cancel-md-light.5d38f559.svg);
}

.t-high-contrast .c-autocomplete.is-clearable:not(.has-value):not(.is-disabled):not(.is-read-only) .c-autocomplete__search .c-input__box:after,
.t-high-contrast .c-autocomplete:not(.is-clearable):not(.is-disabled):not(.is-read-only) .c-autocomplete__search .c-input__box:after {
  background: url(/../../static/media/arrow-down-md-light.670f1208.svg) center no-repeat;
}

.c-legends__preview {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: .875rem 1rem;
  align-items: center;
  justify-content: flex-start;
}

.c-legends__preview-tag {
  background-color: hsla(var(--color-gray-75), .1);
  font-family: var(--font-book);
  font-size: .75rem;
  border-radius: 1.5rem;
  border: hsla(var(--color-gray-75), .1);
  height: 1.25rem;
  padding: 0 .375rem;
  display: flex;
  align-items: center;
}

.c-legends__header {
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
  padding: .5rem;
  padding-bottom: .375rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid hsla(var(--color-gray-75), .1)
}

.c-legends__global-area .c-legends__header {
  border-top-color: hsl(var(--color-gray-15));
}

.c-legends__header-text {
  color: hsl(var(--color-gray-75));
  font-family: var(--font-book);
  font-size: .875rem;
  cursor: pointer;
}

.c-legends__header-icon {
  fill: hsl(var(--color-gray-75));
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  transition: 0.3s linear;
  transform: rotate(180deg);
}

.c-legends__header--open .c-legends__header-icon {
  transform: rotate(0deg);
}

.c-legends__link {
  padding: 1rem 0;
}

.c-legends__items {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1rem;
}

.c-legends__popover .c-legends__items {
  grid-gap: .5rem;
  gap: .5rem;
  padding: 0;
  padding: initial;
}

.c-legends__global-area .c-legends__items {
  transition: all .3s ease-in-out;
  max-height: 30vh;
  overflow: auto;
}

.c-legends__items--closed {
  max-height: 0 !important;
  padding: 0;
  overflow: hidden;
}

.c-legends__item {
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
  align-items: center;
}

.c-legends__item-icon {
  width: 1rem;
  height: 1rem;
}

.c-legends__item-icon svg {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.c-legends__item-icon--rounded {
  border-radius: 50%;
}

.c-legends__item-text {
  color: hsl(var(--color-gray-75));
  font-family: var(--font-book);
  font-size: .75rem;
}

.c-legends--popover .c-legends__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .c-legends--popover .c-legends__wrapper {
    justify-content: flex-end;
  }
}

@media (prefers-reduced-motion) {
  .c-legends__global-area .c-legends__items {
    transition: none;
  }
}

.c-card {
  background-color: hsl(var(--color-white));
  border: 1px solid hsla(var(--color-75), .1);
  border-radius: 2px;
  box-shadow: 0 0 4px 0 hsla(var(--color-gray-100), 10%), 0 2px 4px 0 hsla(var(--color-gray-100), 10%);
  display: flex;
  flex-direction: row;
  min-height: 3.5rem;
  transition: background-color .375s ease;
}

.c-card--selectable {
  border: none;
  box-shadow: 0 1px 2px 0 hsla(var(--color-gray-100), 20%);
  cursor: pointer;
  background-color: hsl(var(--color-white));
}

.c-card--selectable:hover {
  box-shadow: 0 4px 8px 0 hsla(var(--color-gray-100), 20%);
}

.c-card--selected,
.c-card--selectable:active {
  box-sizing: border-box;
  border: 1px solid hsl(var(--color-group-blue-45));
  background-color: hsl(var(--color-group-blue-10));
  box-shadow: none;
}

.c-card--selectable:disabled {
  box-shadow: 0 1px 2px 0 hsla(var(--color-gray-100), 20%);
  opacity: 50%;
}

.c-card--selectable:focus {
  box-sizing: border-box;
  background-color: hsl(var(--color-group-blue-10));
  border: 2px solid hsl(var(--color-group-blue-45));
  box-shadow: 0 1px 2px 0 hsla(var(--color-gray-100), 10%);
}

.c-card--transparent {
  background-color: transparent;
}

.c-card__superscription {
  border-radius: 2px 0 0 2px;
  width: 0.25rem;
}

.c-card__content {
  display: flex;
  flex: 1;
  overflow: auto;
}

.c-card__content-wrapper {
  width: 100%;
  display: flex;
}

.c-card__checkbox {
  align-self: flex-start;
  flex: 0 0;
  margin: 1.125rem;
}

.c-stamp {
  display: flex;
  align-items: center;
  font-family: var(--font-medium);
  font-size: 1rem;
  min-width: 0;
}

.c-stamp__icon {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-size: 100%;
  background-position: center;
  flex: none;
}

.c-stamp__icon > svg {
  fill: currentColor;
}

.c-stamp__label {
  margin-left: .5em;
  font-size: 0.75em;
  font-family: var(--font-medium);
  letter-spacing: 0.1px;
  color: hsl(var(--color-gray-45));
}

.c-avatar-card {
  height: 19rem;
  padding: 1.5rem;
  border: 1px solid hsl(var(--color-gray-15));
  border-top: 4px solid currentColor;
  box-shadow: 0 1px 2px 0 hsla(var(--color-gray-100), 20%);
  background-color: hsl(var(--color-white));
  border-radius: 2px;
  font-size: 1rem;
  color: hsl(var(--color-gray-30));
}

.c-avatar-card.is-confirmed,
.c-avatar-card.is-available {
  color: var(--color-safety-green);
}

.c-avatar-card.is-ready,
.c-avatar-card.is-approved,
.c-avatar-card.is-waiting,
.c-avatar-card.is-processing {
  color: hsl(var(--color-gray-30));
}

.c-avatar-card.is-notapproved {
  color: var(--color-safety-orange);
}

.c-avatar-card.is-canceled {
  color: var(--color-safety-red);
}

.c-avatar-card,
.c-avatar-card__wrapper {
  transition: transform .2s;
  -webkit-font-smoothing: subpixel-antialiased;
}

.c-avatar-card__label {
  display: inline-block;
  color: hsl(var(--color-gray-30));
  font-size: 0.75rem;
  min-height: 0.75rem;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}

.c-avatar-card__wrapper {
  display: flex;
  flex-direction: column;
  color: #000;
  color: initial;
}

.c-avatar-card__date {
  margin-bottom: 1.5rem;
}

.c-avatar-card__avatar {
  display: flex;
  justify-content: center;
}

.c-avatar-card__stamp {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}

.c-avatar-card--no-date {
  height: 16.4375rem;
}

.c-avatar-card--wide {
  height: 6.75rem;
  box-shadow: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 2px solid hsl(var(--color-gray-10));
}

@media (min-width: 767px) {
  .c-avatar-card--wide .c-avatar-card__wrapper {
    flex-direction: row;
    align-items: center;
    height: 100%;
  }

  .c-avatar-card--wide .c-avatar-card__date,
  .c-avatar-card--wide .c-avatar-card__stamp {
    margin: 0;
  }

  .c-avatar-card--wide .c-avatar-card__date {
    display: flex;
    justify-content: flex-start;
  }

  .c-avatar-card--wide .c-avatar-card__stamp {
    justify-content: flex-end;
  }

  .c-avatar-card--wide .c-avatar-card__date,
  .c-avatar-card--wide .c-avatar-card__avatar,
  .c-avatar-card--wide .c-avatar-card__stamp {
    flex: 0 1 33.333%;
  }
}

@media (min-width: 1279px) {
  .c-avatar-card:not(.c-avatar-card--wide):hover {
    cursor: pointer;
    transform: scale(1.1);
    border: 4px solid;
  }
  
  .c-avatar-card:not(.c-avatar-card--wide):hover .c-avatar-card__wrapper {
    margin: 0 -3px;
    transform: scale(calc(1 / 1.1));
  }
}

@media (max-width: 767px) {
  .c-avatar-card {
    padding: 0.75rem;
    min-height: 7.68rem;
    height: auto;
    height: initial;
  }

  .c-avatar-card--no-date {
    min-height: 5.3125rem;
  }

  .c-avatar-card:not(.c-avatar-card--wide) {
    border: 1px solid hsl(var(--color-gray-15));
    border-left: 4px solid currentColor;
  }

  .c-avatar-card__wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
  }

  .c-avatar-card__date {
    order: 1;
    margin-bottom: 0.625rem;
  }

  .c-avatar-card__stamp {
    order: 2;
    margin-top: 0;
  }

  .c-avatar-card__avatar {
    order: 3;
    width: 100%;
    justify-content: flex-start;
  }
}

:root {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-gray-75));
}

:root.t-content-ultra-light {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-gray-75));
}

:root.t-content-very-light {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-gray-75));
}

:root.t-content-bright {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-white));
}

:root.t-content-very-dark {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-white));
}

:root.t-content-very-dark-gray {
  --tws-avatar-selected-color: var(--color-safety-green);
  --tws-avatar-text-color: hsl(var(--color-white));
}

.c-avatar.is-selected .c-avatar__image {
  border-color: var(--tws-avatar-selected-color);
}

.c-avatar {
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  font-size: 1rem;
  transition: all 0.2s;
  max-width: 100%;
}

.c-avatar__image img,
.c-avatar__image svg {
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: content-box;
  border-radius: 50%;
  flex: none;
}

.c-avatar__image--border img,
.c-avatar__image--border svg {
  border: 1px solid hsl(var(--color-gray-10));
}

.c-avatar__image--default svg {
  fill: hsl(var(--color-gray-25));
}

.c-avatar__data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  min-width: 0;
}

.c-avatar__title,
.c-avatar__subtitle,
.c-avatar__description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-avatar__title {
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--tws-avatar-text-color);
}

.c-avatar__subtitle {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: hsla(var(--tws-avatar-text-color), 0.6);
}

.c-avatar__description {
  color: hsla(var(--tws-avatar-text-color), 0.6);
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.c-avatar__tags {
  margin-left: 0.5em;
}

/* SIZES */

/* XSM */
.c-avatar--xsm .c-avatar__image img,
.c-avatar--xsm .c-avatar__image svg {
  border: 0;
  width: 2rem;
  height: 2rem;
}

.c-avatar--xsm .c-avatar__data {
  margin-left: 0.5rem;
}

.c-avatar--xsm .c-avatar__data .c-avatar__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 100%;
}

.c-avatar--xsm .c-avatar__data .c-avatar__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.c-avatar--xsm .c-avatar__data .c-avatar__description {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* SM */
.c-avatar--sm .c-avatar__image img,
.c-avatar--sm .c-avatar__image svg {
  width: 2.5rem;
  height: 2.5rem;
}

.c-avatar--sm .c-avatar__data .c-avatar__subtitle {
  font-size: 0.875rem;
}

.c-avatar--sm .c-avatar__data .c-avatar__description {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* MD */
.c-avatar--md .c-avatar__image img,
.c-avatar--md .c-avatar__image svg {
  width: 3.5rem;
  height: 3.5rem;
}

/* LG */
.c-avatar--lg .c-avatar__image img,
.c-avatar--lg .c-avatar__image svg {
  width: 4.5rem;
  height: 4.5rem;
}

.c-avatar--lg .c-avatar__data .c-avatar__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.c-avatar--lg .c-avatar__data .c-avatar__subtitle {
  font-size: 1rem;
  line-height: 1.375rem;
}

.c-avatar--lg .c-avatar__data .c-avatar__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* orientations */
.c-avatar--vertical {
  align-items: center;
  flex-direction: column;
}

.c-avatar--xsm.c-avatar--vertical .c-avatar__data {
  margin: 0.5rem 0 0 0;
}

.c-avatar--vertical .c-avatar__data {
  text-align: center;
  margin: 1rem 0 0 0;
}

@media (max-width: 1023px) {
  .c-avatar__data {
    margin: 0 1rem;
  }

  .c-avatar--xsm .c-avatar__data .c-avatar__title {
    max-width: 37%;
  }
}

.c-back-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.5rem;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: --zindex-modal;
  -webkit-animation: jump 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: jump 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.3s;
}

.c-back-to-top:active {
  transform: scale(0.9);
}

@-webkit-keyframes jump {
  from {
    transform: translateY(140%);
  }

  to {
    transform: translateY(0%);
  }
}

@keyframes jump {
  from {
    transform: translateY(140%);
  }

  to {
    transform: translateY(0%);
  }
}

:root {
  --tws-backdrop-background-color:  hsla(var(--color-gray-75), 30%);
}

.c-backdrop {
  background-color: var(--tws-backdrop-background-color);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

:root {
  --tws-barcode-contextual-bar-height: 3.5rem;
}

.c-barcode__content {
  height: 100%;
  overflow: hidden;
}

.c-barcode__content-loader {
  padding: 1rem;
}

.c-barcode__content-input-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0rem, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}

.c-barcode__content-actions {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
}

.c-barcode__content-actions .c-button {
  width: 100%;
}

.c-barcode__camera-loader {
  height: 80vh;
}

.c-barcode__camera-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  z-index: 1;
}

.c-barcode__camera-overlay-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c-barcode__camera-overlay-header,
.c-barcode__camera-overlay-footer {
  display: flex;
  justify-content: space-between;
}

.c-barcode__camera-overlay-header svg,
.c-barcode__camera-overlay-footer svg {
  margin: 0.25rem;
}

.c-barcode__camera-overlay-center-strip {
  border-top: 0.25rem solid hsl(var(--color-signal-45));
}

.c-barcode__camera-overlay-strip {
  height: 30%;
  background: hsla(var(--color-gray-100), 0.5);
  width: 100%;
}

.c-barcode__camera-overlay-title {
  font-size: 0.875rem;
}

.c-barcode__camera-overlay-strip--top {
  align-items: center;
  color: hsl(var(--color-gray-0));
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}

.c-barcode__back-icon,
.c-barcode__rotate-device-icon {
  fill: hsl(var(--color-gray-0));
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
}

.c-barcode__back-icon {
  transform: rotate(-90deg);
}

.c-barcode__camera-overlay-strip--bottom {
  display: flex;
  place-content: center;
  place-items: flex-end;
}

.c-barcode__camera-overlay-icon {
  fill: hsl(var(--color-45));
}

.c-barcode__camera-overlay-icon--top-right {
  transform: rotate(90deg);
}

.c-barcode__camera-overlay-icon--bottom-left {
  transform: rotate(-90deg);
}

.c-barcode__camera-overlay-icon--bottom-right {
  transform: rotate(180deg);
}

.c-barcode__camera video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
  transform-origin: center;
}

.c-barcode__manual {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-barcode__manual-form {
  padding: 1rem;
}

.c-barcode__contextual-bar {
  background: hsl(var(--color-5));
  position: relative;
  padding: 0 1rem !important;
  z-index: var(--zindex-modal);
}

.c-barcode__overlay-title {
  padding-right: 1rem;
  text-align: center;
}

.c-barcode__contextual-bar .c-contextual-bar__header {
  padding-top: 0;
}

.c-barcode__contextual-bar .c-contextual-bar__header .c-contextual-bar__title {
  font-size: 1.25rem;
  font-family: var(--font-bold);
}

.c-modal.c-barcode-modal .c-contextual-bar .c-contextual-bar__header {
  padding: 1rem !important;
}

.c-barcode-modal.c-modal--dialog .c-modal__wrapper {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.c-barcode-modal.c-modal--dialog video  {
  position: relative;
}

.c-barcode-modal.c-modal--dialog .c-barcode__camera-overlay .c-barcode__overlay-title {
  padding: 1rem;
}

.c-barcode-modal.c-modal--dialog .c-barcode__camera-overlay .c-barcode__camera-overlay-center {
  min-height: 18.75rem;
}

.c-barcode-modal.c-modal--fullscreen .c-barcode__camera-overlay {
  top: 3.5rem;
  top: var(--tws-barcode-contextual-bar-height);
}

.c-barcode-modal.c-modal--fullscreen .c-barcode__manual {
  height: calc(100% - 3.5rem);
  height: calc(100% - var(--tws-barcode-contextual-bar-height));
}

@media (max-width: 767px) {
  .c-barcode,
  .c-button.c-barcode-modal-button {
    width: 100%;
  }
}

.c-base-card-list__load-more {
  margin: 1.5rem auto 0;
}

.c-base-card-list__loader,
.c-base-card-list__not-found {
  min-height: 20em;
}

@media (max-width: 767px) {
  .c-base-card-list__loader,
  .c-base-card-list__not-found {
    min-height: 7.68em;
  }
}

.c-biometry {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.c-biometry__fingerprint {
  background-image: url(/../../static/media/fingerprint.bd86252b.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 4rem;
  position: relative;
  width: 4rem;
}

.c-biometry__button {
  margin-top: 1.5rem;
}

.c-biometry__button > .c-button.c-biometry__custom-button {
  min-width: 11rem;
}

.c-biometry--failed .c-biometry__fingerprint {
  background-image: url(/../../static/media/fingerprint-cancel.28945e16.svg);
}

.c-biometry--failed .c-biometry__help-text {
  color: hsl(var(--color-gray-45));
}

.c-biometry--success .c-biometry__fingerprint {
  background-image: url(/../../static/media/fingerprint-check.7b90ff89.svg);
}

.c-biometry__help-text {
  font-family: var(--font-medium);
  font-size: 1rem;
  line-height: 1.4rem;
  margin-top: 2.5rem;
}

.c-link.c-biometry__custom-link {
  color: var(--color-safety-red);
  font-family: var(--font-medium);
  font-size: 1rem;
  line-height: 1.4rem;
  text-decoration: underline;
}

.t-high-contrast .c-biometry__custom-link {
  color: var(--color-safety-yellow);
}

@media (max-width: 767px) {
  .c-biometry__fingerprint {
    width: 6rem;
    height: 6rem;
  }

  .c-biometry__button {
    margin-top: 5rem;
  }

  .c-biometry__button > .c-biometry__custom-button {
    min-width: 18rem;
  }

  .c-biometry__help-text {
    margin-top: 2rem;
  }
}

.c-breadcrumb {
  color: #aaa;
  font-size: 1em;
  padding: .8em;
}

.c-breadcrumb-item__description {  
  text-decoration: none;
  padding-right: .5em;
  cursor: pointer;
}

.c-breadcrumb-item__value {
  font-size: 16px;
}

.c-breadcrumb-item + .c-breadcrumb-item:before {
  padding: 0 .5em 0;
  content: '/';
  color: #aaa;
}
/* BUTTON */
:root {
  --tws-button-background: hsl(var(--color-gray-65));
  --tws-button-background-hover: #878787;
  --tws-button-background-loading: hsla(var(--color-gray-45), 35%);
  --tws-button-badge-background: #ff5454;
  --tws-button-badge-color: #fff;
  --tws-button-height: 40px;
  --tws-button-opacity-disabled: .35;
  --tws-button-color: #FFF;
  --tws-button-ltr-padding: 1rem;
  --tws-button-radius: 2px;
  --tws-button-icon-size: 1.5rem;
  --tws-button-font: var(--font-book);
  --tws-button-font-size: 1rem;
}

.c-button--touch {
  --tws-button-ltr-padding: 0.75rem;
}

.c-button--dense {
  --tws-button-ltr-padding: 0.5rem;
  --tws-button-height: 2rem;
}

.c-button--primary {
  --tws-button-background: hsl(var(--color-45));
  --tws-button-background-hover: hsl(var(--color-50));
  --tws-button-background-pressed: hsl(var(--color-55));
  --tws-button-background-disabled: hsla(var(--color-45), 35%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);

  --tws-button-focus-outline: hsla(var(--color-45), 30%);
}

.c-button--secondary {
  --tws-button-background: hsl(var(--color-15));
  --tws-button-background-hover: hsl(var(--color-20));
  --tws-button-background-disabled: hsla(var(--color-20), 50%);
  --tws-button-background-pressed: hsl(var(--color-25));

  --tws-button-color: hsl(var(--color-75));
  --tws-button-color-disabled: hsla(var(--color-75), 50%);

  --tws-button-focus-outline: hsla(var(--color-15), 20%);
}

.c-button--accent {
  --tws-button-background: hsl(var(--color-accent-45));
  --tws-button-background-hover: hsl(var(--color-accent-50));
  --tws-button-background-pressed: hsl(var(--color-accent-55));
  --tws-button-background-disabled: hsla(var(--color-accent-45), 35%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);

  --tws-button-focus-outline: hsla(var(--color-45), 20%);
}

.c-button--quiet-emphasis {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: hsla(var(--color-45), 20%);

  --tws-button-color: hsl(var(--color-45));
  --tws-button-color-hover: hsl(var(--color-50));
  --tws-button-color-pressed: hsl(var(--color-55));
  --tws-button-color-disabled: hsla(var(--color-45), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

.c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: hsla(var(--color-45), 20%);

  --tws-button-color: hsl(var(--color-75));
  --tws-button-color-pressed: hsla(var(--color-55), 63%);
  --tws-button-color-disabled: hsla(var(--color-55), 35%);
}

/* BRIGHT */

.t-content-bright .c-button {
  --tws-button-background-loading: hsla(var(--color-75), 35%);
}

.t-content-bright .c-button--primary {
  --tws-button-background: hsl(var(--color-75));
  --tws-button-background-hover: hsl(var(--color-80));
  --tws-button-background-pressed: hsl(var(--color-85));
  --tws-button-background-disabled: hsla(var(--color-75), 35%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);

  --tws-button-focus-outline: hsla(var(--color-75), 70%);
}

.t-content-bright .c-button--secondary {
  --tws-button-background: hsl(var(--color-15));
  --tws-button-background-hover: hsl(var(--color-20));
  --tws-button-background-disabled: hsla(var(--color-15), 35%);
  --tws-button-background-pressed: hsl(var(--color-25));

  --tws-button-color: hsl(var(--color-75));
  --tws-button-color-disabled: hsla(var(--color-75), 50%);

  --tws-button-focus-outline: hsla(var(--color-75), 70%);
}

.t-content-bright .c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: transparent;

  --tws-button-color: hsla(var(--color-white), 85%);
  --tws-button-color-hover: hsl(var(--color-white));
  --tws-button-color-focus: hsl(var(--color-white));
  --tws-button-color-pressed: hsla(var(--color-white), 60%);
  --tws-button-color-disabled: hsla(var(--color-white), 45%);

  --tws-button-focus-outline: hsla(var(--color-75), 70%);
}

.t-content-bright .c-button--quiet-emphasis {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: hsla(var(--color-75), 25%);

  --tws-button-color: hsl(var(--color-75));
  --tws-button-color-hover: hsl(var(--color-80));
  --tws-button-color-pressed: hsl(var(--color-85));
  --tws-button-color-disabled: hsla(var(--color-75), 35%);

  --tws-button-focus-outline: hsla(var(--color-75), 70%);
}

/* VERY DARK */

.t-content-very-dark .c-button {
  --tws-button-background-loading: hsla(var(--color-45), 35%);
}

.t-content-very-dark .c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: transparent;

  --tws-button-color: hsla(var(--color-white), 80%);
  --tws-button-color-hover: hsl(var(--color-white));
  --tws-button-color-focus: hsl(var(--color-white));
  --tws-button-color-pressed: hsla(var(--color-white), 60%);
  --tws-button-color-disabled: hsla(var(--color-white), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

.t-content-very-dark .c-button--quiet-emphasis {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: hsla(var(--color-45), 35%);

  --tws-button-color: hsl(var(--color-35));
  --tws-button-color-hover: hsl(var(--color-30));
  --tws-button-color-pressed: hsl(var(--color-25));
  --tws-button-color-disabled: hsla(var(--color-35), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

/* VERY DARK GRAY */

.t-content-very-dark-gray .c-button {
  --tws-button-background-loading: hsla(var(--color-45), 35%);
}

.t-very-dark-gray .c-button--primary {
  --tws-button-background: hsl(var(--color-45));
  --tws-button-background-hover: hsl(var(--color-60));
  --tws-button-background-pressed: hsl(var(--color-55));
  --tws-button-background-disabled: hsla(var(--color-45), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 35%);

  --tws-button-color: hsl(var(--color-10));
  --tws-button-color-disabled: hsla(var(--color-10), 50%);
}

.t-very-dark-gray .c-button--secondary {
  --tws-button-background: hsla(var(--color-50), 55%);
  --tws-button-background-hover: hsla(var(--color-50), 35%);
  --tws-button-background-pressed: hsla(var(--color-50), 20%);
  --tws-button-background-disabled: hsla(var(--color-50), 15%);

  --tws-button-focus-outline: hsla(var(--color-50), 25%);

  --tws-button-color: hsl(var(--color-10));
  --tws-button-color-disabled: hsla(var(--color-10), 50%);
}

.t-very-dark-gray .c-button--accent {
  --tws-button-background: hsl(var(--color-accent-45));
  --tws-button-background-hover: hsl(var(--color-accent-50));
  --tws-button-background-focus: hsl(var(--color-accent-50));
  --tws-button-background-pressed: hsl(var(--color-accent-55));
  --tws-button-background-disabled: hsla(var(--color-accent-45), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 35%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);
}

.t-very-dark-gray .c-button--quiet-emphasis {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: hsla(var(--color-45), 35%);

  --tws-button-color: hsl(var(--color-15));
  --tws-button-color-hover: hsl(var(--color-10));
  --tws-button-color-focus: hsl(var(--color-15));
  --tws-button-color-pressed: hsl(var(--color-5));
  --tws-button-color-disabled: hsla(var(--color-15), 35%);
}

.t-very-dark-gray .c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: transparent;

  --tws-button-color: hsla(var(--color-15), 80%);
  --tws-button-color-hover: hsl(var(--color-15));
  --tws-button-color-focus: hsl(var(--color-15));
  --tws-button-color-pressed: hsla(var(--color-15), 50%);
  --tws-button-color-disabled: hsla(var(--color-15), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

/* VERY LIGHT */

.t-content-very-light .c-button {
  --tws-button-background-loading: hsla(var(--color-45), 35%);
}

.t-content-very-light .c-button--secondary {
  --tws-button-background: hsl(var(--color-75));
  --tws-button-background-hover: hsl(var(--color-80));
  --tws-button-background-pressed: hsl(var(--color-85));
  --tws-button-background-disabled: hsla(var(--color-75), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);
}

.t-content-very-light .c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: transparent;

  --tws-button-color: hsla(var(--color-75), 80%);
  --tws-button-color-hover: hsl(var(--color-75));
  --tws-button-color-focus: hsl(var(--color-75));
  --tws-button-color-pressed: hsla(var(--color-75), 63%);
  --tws-button-color-disabled: hsla(var(--color-75), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

/* ULTRA LIGHT */

.t-content-ultra-light .c-button {
  --tws-button-background-loading: hsla(var(--color-45), 35%);
}

.t-content-ultra-light .c-button--primary {
  --tws-button-background: hsl(var(--color-50));
  --tws-button-background-hover: hsl(var(--color-55));
  --tws-button-background-pressed: hsl(var(--color-60));
  --tws-button-background-disabled: hsla(var(--color-50), 35%);

  --tws-button-color: hsl(var(--color-white));
  --tws-button-color-disabled: hsla(var(--color-white), 50%);

  --tws-button-focus-outline: hsla(var(--color-50), 70%);
}

.t-content-ultra-light .c-button--quiet-default {
  --tws-button-background: transparent;
  --tws-button-background-hover: transparent;
  --tws-button-background-focus: transparent;

  --tws-button-color: hsla(var(--color-gray-75), 80%);
  --tws-button-color-hover: hsl(var(--color-gray-75));
  --tws-button-color-focus: hsl(var(--color-gray-75));
  --tws-button-color-pressed: hsla(var(--color-gray-75), 63%);
  --tws-button-color-disabled: hsla(var(--color-gray-75), 35%);

  --tws-button-focus-outline: hsla(var(--color-45), 70%);
}

.c-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: var(--tws-button-height);
  padding: 0 var(--tws-button-ltr-padding);
  border-width: 0;
  border-radius: var(--tws-button-radius);
  font-family: var(--tws-button-font);
  color: var(--tws-button-color);
  letter-spacing: 0.1px;
  text-align: center;
  background-color: var(--tws-button-background);
}

.c-button--icon-left {
  flex-direction: row;
}

.c-button--icon-right {
  flex-direction: row-reverse;
}

.c-button:disabled {
  background-color: var(--tws-button-background);
  background-color: var(--tws-button-background-disabled, var(--tws-button-background));
  color: var(--tws-button-color);
  color: var(--tws-button-color-disabled, var(--tws-button-color));
}

.c-button:not(:disabled):not(.is-loading):hover {
  background-color: var(--tws-button-background-hover);
  color: var(--tws-button-color);
  color: var(--tws-button-color-hover, var(--tws-button-color));
  cursor: pointer;
}

.c-button:not(:disabled):not(.is-loading):focus {
  background-color: var(--tws-button-background);
  background-color: var(--tws-button-background-focus, var(--tws-button-background));
  box-shadow: 0 0 0 4px transparent;
  box-shadow: 0 0 0 4px var(--tws-button-focus-outline, transparent);
}

.c-button:not(:disabled):not(.is-loading):active {
  background-color: var(--tws-button-background);
  background-color: var(--tws-button-background-pressed, var(--tws-button-background));
}

.c-button[data-badge]:after {
  content: attr(data-badge);
  min-width: 1rem;
  height: 1rem;
  background-color: var(--tws-button-badge-background);
  border-radius: .5rem;
  color: var(--tws-button-badge-color);
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: calc(100% - .75rem);
  bottom: calc(100% - .5rem);
  text-align: unset;
  line-height: 1.1rem;
  font-size: .85em;
  padding: 0 .3rem;
}

.c-button--lg[data-badge]:after {
  left: 96%;
}

.c-button__text {
  font-size: var(--tws-button-font-size);
}

.c-button--icon-left .c-button__icon + .c-button__text {
  margin-left: .875rem;
}

.c-button--icon-right .c-button__icon + .c-button__text {
  margin-right: .875rem;
}

.c-button__icon {
  width: 1.125rem;
}

.c-button__icon img,
.c-button__icon svg {
  vertical-align: middle;
}

.c-button .c-button__icon svg {
  fill: var(--tws-button-color);
}

.c-button:disabled .c-button__icon svg {
  fill: var(--tws-button-color);
  fill: var(--tws-button-color-disabled, var(--tws-button-color));
}

.c-button:not(:disabled):hover .c-button__icon svg {
  fill: var(--tws-button-color);
  fill: var(--tws-button-color-hover, var(--tws-button-color));
}

.c-button--primary.is-loading,
.c-button--accent.is-loading {
  background-color: var(--tws-button-background);
  background-color: var(--tws-button-background-loading, var(--tws-button-background));
}

.c-button--outline {
  border: 1px solid hsl(var(--color-45));
  color: hsl(var(--color-75));
  background-color: transparent !important;
}

.c-button--outline .c-button__icon svg {
  fill: hsl(var(--color-75));
}

.c-button--outline:not(.is-loading):hover {
  background-color: hsla(var(--color-65), 60%) !important;
  color: white;
}

.c-button--lg { min-width: 14.75rem; }
.c-button--sm { min-width: auto; }
.c-button--fit-parent { min-width: 100%; }

/* LIGHT THEME */
.t-light .c-button--outline {
  border-color: white;
  color: white;
}

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

.c-calendar {
  font-size: 1rem; }

.c-calendar__header {
  margin-bottom: 2rem;
  display: flex;
  align-items: center; }

.c-calendar__time-span,
.c-calendar__month-chooser {
  display: inline-flex; }

.c-calendar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  min-width: 0; }

.c-calendar__time-span-date,
.c-calendar__date {
  min-width: 10.25em;
  margin: 0 auto;
  display: flex;
  justify-content: center; }

.c-calendar__arrow {
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: .6; }

.c-calendar__arrow--next {
  background-image: url(/../../static/media/arrow-right-md-dark.1c755551.svg#696969);
  margin-left: 2.5em; }

.c-calendar__arrow--prev {
  background-image: url(/../../static/media/arrow-left-md-dark.11e94719.svg#696969);
  margin-right: 2.5em; }

.c-calendar__time-span-year,
.c-calendar__time-span-week-month,
.c-calendar__time-span-day,
.c-calendar__month,
.c-calendar__year {
  color: #212121;
  font-size: 2.25em;
  text-transform: uppercase;
  cursor: pointer; }

.c-calendar__time-span-day,
.c-calendar__month {
  font-family: var(--font-light);
  text-align: right;
  display: inline-block; }

.c-calendar__time-span-week-month,
.c-calendar__time-span-year,
.c-calendar__year {
  font-family: var(--font-book); }

.c-calendar__weekdays {
  display: flex; }
  .c-calendar__weekdays div {
    color: #9e9e9e;
    font-size: .875rem;
    padding: 0 0 .5rem .5rem; }

.c-calendar--monthly .c-calendar__weekdays div {
  width: 10.375rem; }

.c-calendar__blocks {
  display: flex;
  position: relative;
  flex-direction: column; }

.c-calendar__row {
  display: flex;
  flex-direction: row; }
  .c-calendar__row:first-of-type {
    border-top: 2px solid #9e9e9e; }
  .c-calendar__row:last-of-type {
    border-bottom: 2px solid #9e9e9e; }

.c-calendar-day {
  width: 10.375rem;
  height: 10.625rem;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column; }
  .c-calendar-day:hover {
    background-color: #e8e8e8; }
    .c-calendar-day:hover .c-calendar-day__add-event {
      display: block; }

.c-calendar-day__header {
  display: flex; }

.c-calendar__row .c-calendar-day:last-child {
  border-right: none; }

.c-calendar-day__title {
  padding: .75rem;
  font-size: 2.25em;
  display: inline-block;
  color: #9e9e9e;
  font-family: var(--font-light); }
  .c-calendar-day__title.is-inactive {
    opacity: .4; }

.c-calendar-day__add-event {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  opacity: .6;
  background-image: url(/../../static/media/plus-circle-sm-light.68c6b764.svg);
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: .75rem;
  margin-left: auto; }

.c-calendar-day__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: .75rem; }

.c-calendar-day__events {
  margin-top: auto; }

.c-calendar__loader,
.c-calendar__not-found {
  min-height: 13.5em; }

.c-calendar__hour {
  padding-top: 1.25rem;
  border: 1px solid #d6d6d6;
  border-left: none;
  border-top: none;
  height: 6.1875rem;
  width: 9.0625rem; }
  .c-calendar__hour > .c-calendar-hour__text {
    font-size: 1.5rem;
    color: #9e9e9e;
    letter-spacing: -.7px;
    font-family: var(--font-book); }

.c-calendar__visualizations {
  display: flex;
  margin: 0 1.5rem; }

.c-calendar__week-visualization, .c-calendar__month-visualization {
  width: 1.5rem;
  height: 1.125rem;
  position: relative;
  background-color: #9e9e9e;
  margin-left: .5rem; }
  .c-calendar__week-visualization.active, .c-calendar__month-visualization.active {
    background-color: #212121; }
  .c-calendar__week-visualization:before, .c-calendar__month-visualization:before {
    content: '';
    display: block;
    width: 9px;
    height: 18px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    margin: 0 auto; }

.c-calendar__month-visualization:after {
  content: '';
  display: block;
  width: 24px;
  border-bottom: 1px solid white;
  position: absolute;
  top: calc(50% - 1px); }

.c-calendar__content {
  display: flex;
  flex-direction: column; }

.c-calendar__indicator {
  left: 7.1875rem;
  right: 0;
  height: 2px;
  position: absolute;
  background-color: #008ee8; }
  .c-calendar__indicator:before {
    top: 50%;
    content: '';
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    position: absolute;
    background-color: #008ee8;
    transform: translate(-99%, -50%); }

@media (min-width: 768px) {
  tws-calendar {
    display: flex;
    justify-content: center; }
  .c-calendar__content {
    align-items: flex-start; } }

@media screen and (max-width: 767px) {
  .c-calendar__header {
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    align-items: initial;
    background-color: #e8e8e8; }
  .c-calendar__actions {
    flex-direction: column;
    position: relative;
    padding: 1rem 0;
    border-top: 1px solid #d8d8d8; }
    .c-calendar__actions > .l-stack {
      padding-top: 1em; }
      .c-calendar__actions > .l-stack:nth-child(2) > tws-filter {
        margin-top: -1em; }
        .c-calendar__actions > .l-stack:nth-child(2) > tws-filter:before {
          content: '';
          position: absolute;
          display: block;
          width: 100%;
          border-top: 1px solid #d6d6d6; }
  .c-calendar__visualizations {
    align-self: flex-end;
    margin: 0; }
  .c-calendar__time-span,
  .c-calendar__month-chooser {
    padding: 1.5rem 0;
    margin: 0; }
  .c-calendar__time-span-year,
  .c-calendar__time-span-week-month,
  .c-calendar__time-span-day,
  .c-calendar__month,
  .c-calendar__year {
    color: #212121;
    font-size: 1.5em;
    text-transform: uppercase;
    cursor: pointer; }
  .c-calendar__arrow {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: .6; }
  .c-calendar__arrow--next {
    background-image: url(/../../static/media/arrow-right-xsm-light.84d0e564.svg#696969);
    margin-left: 2.5rem; }
  .c-calendar__arrow--prev {
    background-image: url(/../../static/media/arrow-left-xsm-light.d0f1f907.svg#696969);
    margin-right: 2.5rem; }
  .c-calendar__blocks {
    border: none;
    flex-direction: column;
    padding: 0 1rem; }
  .c-calendar-group + .c-calendar-group {
    padding-top: 1rem; }
  .c-calendar-group__title {
    color: #9e9e9e;
    font-size: 0.875em;
    font-family: var(--font-book); }
  .c-calendar__card {
    padding-top: 0.5rem; }
    .c-calendar__card .c-card {
      min-height: 4.5em; } }

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

.c-calendar--weekly .c-calendar__weekdays div {
  width: 9.0625rem; }
  .c-calendar--weekly .c-calendar__weekdays div.today {
    color: #212121;
    position: relative; }
  .c-calendar--weekly .c-calendar__weekdays div.today:after {
    bottom: 0;
    content: "";
    display: flex;
    width: 9.0625rem;
    height: 0.1875rem;
    position: absolute;
    margin-left: -.5rem;
    background-color: #9e9e9e; }

.c-calendar--weekly .c-calendar-event-block {
  background-color: #3fb763;
  position: absolute;
  width: 93%;
  height: 30px;
  margin: 0 1px; }

.c-calendar--weekly .c-calendar-event-block.past-event {
  background-color: rgba(63, 183, 99, 0.2); }

.c-calendar--weekly .c-calendar__blocks {
  flex-direction: row; }

.c-calendar--weekly .c-calendar__column:last-of-type .c-calendar__hour {
  border-right: none; }

.c-calendar--weekly .c-calendar__column {
  border: 2px solid #9e9e9e;
  border-left: none;
  border-right: none; }
  .c-calendar--weekly .c-calendar__column:last-of-type .c-calendar__hour {
    border-right: none; }

@media screen and (max-width: 767px) {
  .c-calendar--weekly .c-calendar__blocks {
    padding: 0; }
  .c-calendar--weekly .c-calendar__column {
    border-top: 1px solid #d6d6d6;
    position: relative; }
  .c-calendar--weekly .c-calendar__weekdays div {
    flex: none;
    width: 2.25rem; }
  .c-calendar--weekly .c-calendar__weekdays div:nth-child(1) {
    flex: none; }
  .c-calendar--weekly .c-calendar__weekdays div:nth-child(1),
  .c-calendar--weekly .c-calendar__column:first-of-type .c-calendar__hour {
    width: 3.75rem; }
  .c-calendar--weekly .c-calendar__indicator {
    left: .8rem; }
  .c-calendar--weekly .c-calendar__hour {
    width: 2.25rem;
    height: 3rem;
    padding-top: 0; }
  .c-calendar--weekly .c-calendar-hour__text {
    font-size: 0.75rem;
    text-align: center;
    padding-top: 0.5rem; }
  .c-calendar--weekly .c-calendar__weekdays div {
    font-size: 1rem;
    font-family: var(--font-light);
    letter-spacing: -0.44px;
    color: #9e9e9e;
    padding-left: 0; }
    .c-calendar--weekly .c-calendar__weekdays div span + span {
      display: block;
      font-size: 0.625rem;
      font-family: var(--font-book);
      letter-spacing: 0.07px; }
    .c-calendar--weekly .c-calendar__weekdays div.today:after {
      width: 2.25rem;
      margin-left: 0;
      height: 0.25rem; } }

.c-card-date {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  color: hsl(var(--color-gray-45));
  font-family: var(--font-light);
}

.c-card-date__group {
  display: flex;
  margin-left: 0.5rem;
}

.c-card-date__item +
.c-card-date__item {
  margin-left: 0.5rem;
}

.c-card-date__item {
  font-size: 1.5rem;
  transition: all .2s;
}

.c-card-date__item--divider {
  border-left: 2px solid hsl(var(--color-gray-15));
  margin-top: 2px;
  margin-bottom: 2px;
}

.c-card-date--featured .c-card-date__group{
  flex: 1;
  justify-content: space-between;
  margin-left: 2px;
}

.c-card-date--featured .c-card-date__item--first {
  font-size: 3rem;
}

@media (max-width: 767px) {
  .c-card-date__item {
    font-size: 1rem;
  }

  .c-card-date {
    height: 2rem;
  }

  .c-card-date--featured .c-card-date__item + .c-card-date__item {
    margin-left: 0;
  }

  .c-card-date--featured .c-card-date__group {
    justify-content: flex-start;
    flex-direction: column;
    margin-left: 0.25rem;
  }

  .c-card-date--featured .c-card-date__item--divider { 
    display: none; 
  }

  .c-card-date--featured .c-card-date__item--first {
    font-size: 2.25rem;
  }

  .c-card-date--featured .c-card-date__item--second {
    font-size: 1rem;
  }

  .c-card-date--featured .c-card-date__item--third {
    font-size: 0.75rem;
  }
}

.c-card-list {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.c-card-list__loader,
.c-card-list__not-found {
  min-height: 20em;
}

.c-card-list__new-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.c-card-list__new-card-icon {
  fill: hsl(var(--color-45));
  height: 2.25rem;
  width: 2.25rem;
  margin-bottom: .875rem;
}

.c-card-list__new-card-text {
  font-size: 0.75rem;
}

.c-card-list.is-loading .c-card-list__placeholder {
  -webkit-animation: pulse 1s ease-in-out alternate infinite;
          animation: pulse 1s ease-in-out alternate infinite;
}

.c-card-list__placeholder {
  background-color: hsl(var(--color-gray-10));
  height: 19rem;
  border-radius: 2px;
}

.c-card-list__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-card-list--no-date .c-card-list__placeholder {
  height: 16.4375rem;
}

.c-card-list__link {
  text-align: center;
  padding-top: 1.375rem;
}

@media screen and (min-width: 1024px) {
  .c-card-list__new-card-icon {
    fill: hsl(var(--color-45));
    height: 5rem;
    width: 5rem;
    margin-bottom: 1.75rem;
  }

  .c-card-list__new-card-text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .c-card-list__placeholder {
    height: 7.68rem;
  }

  .c-card-list__loader,
  .c-card-list__not-found {
    min-height: 7.68rem;
  }
}

.c-inline-image__img {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
}

:root {
  --tws-carousel-button-icon-size: 1.5rem;
  --tws-carousel-button-background: hsl(var(--color-white));
  --tws-carousel-button-background-hover: hsl(var(--color-10));
  --tws-carousel-button-background-focus: hsla(var(--color-10));
  --tws-carousel-button-color: hsl(var(--color-gray-75));
  --tws-carousel-button-color-pressed: hsla(var(--color-white));
  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

.c-button--touch {
  --tws-carousel-button-ltr-padding: 0.75rem;
}

.c-button--dense {
  --tws-carousel-button-ltr-padding: 0.5rem;
  --tws-carousel-button-height: 2rem;
}

/* BRIGHT */

:root.t-content-bright {
  --tws-carousel-button-background: hsl(var(--color-60));
  --tws-carousel-button-background-hover: hsl(var(--color-65));
  --tws-carousel-button-background-focus: hsla(var(--color-60));

  --tws-carousel-button-color: hsl(var(--color-white));
  --tws-carousel-button-color-pressed: hsla(var(--color-65));

  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

/* VERY DARK */

:root.t-content-very-dark {
  --tws-carousel-button-background: hsl(var(--color-65));
  --tws-carousel-button-background-hover: hsl(var(--color-60));
  --tws-carousel-button-background-focus: hsla(var(--color-65));

  --tws-carousel-button-color: hsl(var(--color-white5));
  --tws-carousel-button-color-pressed: hsla(var(--color-60));

  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

/* VERY DARK GRAY */

:root.t-very-dark-gray {
  --tws-carousel-button-background: hsl(var(--color-65));
  --tws-carousel-button-background-hover: hsl(var(--color-60));
  --tws-carousel-button-background-focus: hsla(var(--color-65));

  --tws-carousel-button-color: hsl(var(--color-white));
  --tws-carousel-button-color-pressed: hsla(var(--color-60));

  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

/* VERY LIGHT */

:root.t-content-very-light {
  --tws-carousel-button-background: hsl(var(--color-white));
  --tws-carousel-button-background-hover: hsl(var(--color-10));
  --tws-carousel-button-background-focus: hsla(var(--color-white));

  --tws-carousel-button-color: hsl(var(--color-gray-75));
  --tws-carousel-button-color-pressed: hsla(var(--color-10));

  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

/* ULTRA LIGHT */

:root.t-content-ultra-light {
  --tws-carousel-button-background: hsl(var(--color-white));
  --tws-carousel-button-background-hover: hsl(var(--color-5));
  --tws-carousel-button-background-focus: hsla(var(--color-white));

  --tws-carousel-button-color: hsl(var(--color-gray-75));
  --tws-carousel-button-color-pressed: hsla(var(--color-5));

  --tws-carousel-button-focus-outline: hsla(var(--color-45), 70%);
}

.c-carousel-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 0;
  color: var(--tws-carousel-button-color);
  letter-spacing: 0.1px;
  text-align: center;
  background-color: var(--tws-carousel-button-background);
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  align-items: center;
  z-index: var(--zindex-high);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(61, 61, 61, 0.1);
}

.c-carousel-button--icon-left {
  flex-direction: row;
}

.c-carousel-button--icon-right {
  flex-direction: row-reverse;
}

.c-carousel-button:hover {
  background-color: var(--tws-carousel-button-background-hover);
  color: var(--tws-carousel-button-color);
  color: var(--tws-carousel-button-color-hover, var(--tws-carousel-button-color));
  cursor: pointer;
}

.c-carousel-button:focus {
  background-color: var(--tws-carousel-button-background);
  background-color: var(--tws-carousel-button-background-focus, var(--tws-carousel-button-background));
  box-shadow: 0 0 0 4px transparent;
  box-shadow: 0 0 0 4px var(--tws-carousel-button-focus-outline, transparent);
}

.c-carousel-button:active {
  background-color: var(--tws-carousel-button-background);
  background-color: var(--tws-carousel-button-background-pressed, var(--tws-carousel-button-background));
}

.c-carousel-button__icon {
  width: 1.125rem;
}

.c-carousel-button__icon img,
.c-carousel-button__icon svg {
  vertical-align: middle;
}

.c-carousel-button .c-carousel-button__icon svg {
  fill: var(--tws-carousel-button-color);
}

.c-carousel-button:hover .c-carousel-button__icon svg {
  fill: var(--tws-carousel-button-color);
  fill: var(--tws-carousel-button-color-hover, var(--tws-carousel-button-color));
}

.c-carousel__trail {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: .5rem;
}

.c-carousel__trail-item {
  width: 0.5rem;
  height: 0.5rem;
  background-color: hsl(var(--color-15));
  border-radius: 50%;
  margin-right: .5rem;
}

.c-carousel__trail-item.c-carousel__trail-item--active {
  background-color: hsl(var(--color-45));
}

.c-carousel__trail-item.c-carousel__trail-item--small {
  width: 0.375rem;
  height: 0.375rem;
}

.c-carousel__trail-item.c-carousel__trail-item--xsmall {
  width: 0.25rem;
  height: 0.25rem;
}

.c-carousel {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
}

.c-carousel__items {
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
}

.c-carousel .c-progress-bar {
  height: auto;
  line-height: normal;
}

.c-carousel .c-progress-bar .c-progress-bar__percentage {
  transition: all 0.5s ease;
}

.c-carousel__items::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}

.c-carousel__item {
  width: 100%;
  margin-right: 1rem;
}

.c-carousel__title {
  width: 100%;
  display: flex;
  align-content: flex-start;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.c-carousel__title-text {
  font-size: 1rem;
  color: hsl(var(--color-gray-75));
}

.c-carousel__nav-container {
  display: flex;
  align-items: center;
  z-index: var(--zindex-high);
}

.c-carousel__nav-button {
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(61, 61, 61, 0.1);
}

.c-carousel__nav-button svg {
  width: auto;
}

.c-carousel__nav-container--right {
  position: absolute;
  right: -0.75rem;
  bottom: 45%;
}

.c-carousel__nav-container--left {
  position: absolute;
  left: -0.75rem;
  bottom: 45%;
}

@media (max-width: 1024px) {
  .c-carousel__items {
    padding: 0;
  }

  .c-carousel__item {
    width: calc(100vw - 2rem);
    flex: 0 0 auto;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .c-carousel__items {
    overflow: hidden;
    flex-direction: row;
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .c-carousel__item:first-child {
    padding-left: 1rem;
  }

  .c-carousel__item:last-child {
    padding-right: 1rem;
  }
}

:root {
  --tws-checkbox-width: 1.25rem;
  --tws-checkbox-height: 1.25rem;
  --tws-checkbox-spacing: .75rem;
  --tws-checkbox-radius: 2px;
  --tws-checkbox-background: hsla(var(--color-45), 30%);
  --tws-checkbox-background-active: hsl(var(--color-45));
  --tws-checkbox-background-disabled: hsla(var(--color-45), 15%);
  --tws-checkbox-focus-outline: hsla(var(--color-45), 20%);
  --tws-checkbox-color: hsl(var(--color-gray-75));
  --tws-checkbox-color-disabled: hsla(var(--color-gray-75), 35%);
  --tws-checkbox-color-active: hsl(var(--color-gray-75));
  --tws-checkbox-icon-color: white;
  --tws-checkbox-icon-color-disabled: hsla(0, 0%, 100%, 50%);
}


:root.t-very-dark-gray {
  --tws-checkbox-background: hsla(var(--color-20), 25%);
  --tws-checkbox-background-active: hsl(var(--color-45));
  --tws-checkbox-background-disabled: hsla(var(--color-white), 10%);

  --tws-checkbox-focus-outline: hsla(var(--color-45), 35%);

  --tws-checkbox-color: hsl(var(--color-15));
  --tws-checkbox-color-active: hsl(var(--color-15));
  --tws-checkbox-color-disabled: hsla(var(--color-15), 35%);

  --tws-checkbox-icon-color: hsl(var(--color-10));
  --tws-checkbox-icon-color-disabled: hsla(var(--color-5), 20%);
}

:root.t-high-contrast {
  --tws-checkbox-background: hsl(var(--color-white));
  --tws-checkbox-background-active: var(--color-safety-yellow);

  --tws-checkbox-icon-color: hsl(var(--color-black));
}

.c-checkbox {
  display: inline-flex;
  font-size: 1rem;
}

.c-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}


.c-checkbox__label {
  display: flex;
  align-items: center;
  font-family: var(--font-book);
  color: var(--tws-checkbox-color);
  font-size: 0.875em;
  letter-spacing: 0.1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 0;
  cursor: pointer;
}

.c-checkbox.is-checked > .c-checkbox__label {
  color: var(--tws-checkbox-color-active);
}

.c-checkbox.is-disabled > .c-checkbox__label {
  color: var(--tws-checkbox-color-disabled);
}

.c-checkbox.is-disabled > .c-checkbox__label,
.c-checkbox.is-read-only > .c-checkbox__label {
  cursor: auto;
  cursor: initial;
}


.c-checkbox__box {
  display: block;
  flex: 0 0 auto;
  width: var(--tws-checkbox-width);
  height: var(--tws-checkbox-height);
  border-radius: var(--tws-checkbox-radius);
  background-color: var(--tws-checkbox-background);
  color: var(--tws-checkbox-color);
  padding: 2px;
}

.c-checkbox__label > * + * {
  margin-left: var(--tws-checkbox-spacing);
}

.c-checkbox.is-checked .c-checkbox__box {
  --tws-checkbox-background: var(--tws-checkbox-background-active);
}

.c-checkbox.is-disabled .c-checkbox__box {
  --tws-checkbox-background: var(--tws-checkbox-background-disabled);
}

.c-checkbox__icon {
  fill: transparent;
  transform: scale(0);
  transition: transform .2s, fill .2s;
}

.c-checkbox.is-checked .c-checkbox__icon {
  fill: var(--tws-checkbox-icon-color);
  transform: scale(1);
}

.c-checkbox.is-disabled.is-checked .c-checkbox__icon {
  fill: var(--tws-checkbox-icon-color-disabled);
}

:root {
  --tws-checklist-spacing: 1.25rem;
  --tws-checklist-item-padding: calc(var(--tws-checklist-spacing) / 2);
  --tws-checklist-items-margin: calc(var(--tws-checklist-item-padding) * -1);
}

.c-checklist--touch {
  --tws-checklist-spacing: 1.75rem;
}

.c-checklist--dense {
  --tws-checklist-spacing: 0.75rem;
}

.c-checklist {
  flex: 1;
  font-size: 1rem;
  line-height: 1.15;
}

.c-checklist--vertical > .c-checklist__items {
  flex-direction: column;
}

.c-checklist--horizontal > .c-checklist__items {
  flex-direction: row;
}

.c-checklist__items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 var(--tws-checklist-items-margin);
  margin: initial var(--tws-checklist-items-margin);
}

.c-checklist__item {
  flex: 1 0 auto;
  padding: var(--tws-checklist-item-padding);
}

.c-checklist__check-all {
  padding-top: var(--tws-checklist-spacing);
  border-top: 1px solid hsl(var(--color-gray-15));
}

.c-collapse-arrow {
  margin: 0.5rem;
}

.c-collapse-arrow-icon {
  cursor: pointer;
  transition: 0.23s ease-in-out;
  width: 1.5rem;
  height: 1.5rem;
}

.c-collapse-arrow-icon svg {
  fill: var(--color-45);
}

.t-light .c-collapse-arrow-icon svg {
  fill: var(--color-0);
}

:root {
  --tws-modal-content-text-color: hsla(var(--color-gray-65));
  --tws-modal-content-background: hsl(var(--color-white));
  --tws-modal-header-background: hsl(var(--color-5));
  --tws-modal-title-color: hsl(var(--color-45));
  --tws-modal-close-icon-color: hsl(var(--color-gray-45));
}

:root.t-content-bright {
  --tws-modal-content-text-color: hsl(var(--color-white));
  --tws-modal-content-background: hsl(var(--color-45));
  --tws-modal-header-background: hsl(var(--color-45));
  --tws-modal-title-color: hsl(var(--color-white));
  --tws-modal-close-icon-color: hsl(var(--color-white));
}

.c-modal.t-content-bright {
  --tws-modal-content-text-color: hsl(var(--color-white));
  --tws-modal-content-background: hsl(var(--color-45));
  --tws-modal-header-background: hsl(var(--color-45));
  --tws-modal-title-color: hsl(var(--color-white));
  --tws-modal-close-icon-color: hsl(var(--color-white));
}

.c-modal.t-content-ultra-light {
  --tws-modal-content-text-color: hsl(var(--color-gray-75));
  --tws-modal-content-background: hsl(var(--color-white));
  --tws-modal-header-background: hsl(var(--color-5));
  --tws-modal-title-color: hsl(var(--color-45));
  --tws-modal-close-icon-color: hsl(var(--color-45));
}

.c-modal.t-content-very-dark {
  --tws-modal-content-text-color: hsl(var(--color-white));
  --tws-modal-content-background: hsl(var(--color-80));
  --tws-modal-header-background: hsl(var(--color-75));
  --tws-modal-title-color: hsl(var(--color-white));
  --tws-modal-close-icon-color: hsl(var(--color-white));
}

.c-modal.t-content-very-light {
  --tws-modal-content-text-color: hsl(var(--color-75));
  --tws-modal-content-background: hsl(var(--color-20));
  --tws-modal-header-background: hsl(var(--color-15));
  --tws-modal-title-color: hsl(var(--color-45));
  --tws-modal-close-icon-color: hsl(var(--color-45));
}

@media (max-width: 767px) {
  .t-content-ultra-light .c-modal--dialog,
  .t-content-very-light .c-modal--dialog {
    --tws-modal-header-background: hsl(var(--color-white));
    --tws-modal-title-color: hsl(var(--color-gray-75));
  }  
}

.c-modal-close {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0;
  margin-left: auto;
}

.c-modal-close__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.5rem;
  cursor: pointer;
  fill: var(--tws-modal-close-icon-color);
}

@media screen and (max-width: 767px) {
  .c-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c-modal-close__icon {
    width: 1rem;
    height: 1rem;
  }
}

.c-modal__title {
  padding: 1.5rem;
  font-weight: normal;
  font-weight: initial;
  font-size: 2.25rem;
  letter-spacing: -1px;
  color: var( --tws-modal-title-color);
}

@media (max-width: 1023px) {
  .c-modal__title {
    padding: 1.5rem 1rem;
    font-size: .75rem;
    letter-spacing: normal;
    letter-spacing: initial;
    border-bottom: 1px solid var(--color-gray-15);
  }
}

.c-modal-header {
  border-bottom: 0;
  background: var(--tws-modal-header-background);
}

.c-modal-header .c-modal__title {
  font-size: 1rem;
  padding: 0.75rem 0 0.75rem 1rem;
  font-family: var(--font-medium);
  color: var(--tws-modal-title-color);
}

.c-modal--fullscreen .c-modal-header .c-modal__title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1rem;
}

.c-modal--fullscreen.has-close-button .c-modal-header .c-modal__title {
  padding: 0.5rem 1rem 1rem;
}

.c-modal--dialog .c-modal-header .c-modal__title {
  font-size: 1.5rem;
  padding: 1rem;
}

@media (min-width: 1023px) {
  .c-modal--dialog .c-modal-header .c-modal__title {
    font-size: 1.5rem;
    margin: 1rem;
    padding: 0;
  }

  .c-modal--dialog .c-modal-header .c-modal-close {
    width: auto;
    height: 1.5rem;
    display: flex;
    justify-content: flex-end;
    margin: 0.5rem;
  }

  .c-modal--dialog .c-modal-header .c-modal-close__icon {
    margin: 0;
  }

  .c-modal--fullscreen.has-close-button .c-modal-header .c-modal__title {
    padding: 1rem;
  }
}

@media (max-width: 1023px) {
  .c-modal-header {
    min-height: 2.875rem;
  }

  .c-modal--dialog .c-modal-header .c-modal__title {
    padding: 1.5rem 1rem 0 1rem;
    font-size: 1.25rem;
  }

  .c-modal--fullscreen .c-modal-header,
  .c-modal--default .c-modal-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }

  .c-modal--default .c-modal-header {
    border-bottom: 1px solid hsl(var(--color-gray-15));
  }

  .c-modal--fullscreen .c-modal__title,
  .c-modal--default .c-modal__title {
    flex: 1;
  }

  .c-modal--fullscreen .c-modal-header .c-modal__title {
    font-size: 1rem;
  }

  .c-modal--fullscreen.has-close-button .c-modal-header .c-modal__title {
    padding: 1rem;
  }
}

.c-modal {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  overflow: auto;
  z-index: var(--zindex-modal);
  left: 0;
}

.c-modal__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: hsl(var(--color-white));
  pointer-events: auto;
}

.c-modal__content {
  display: flex;
  flex-direction: column;
}

.c-modal__content--with-stack-manager {
  background-color: var(--tws-modal-content-background);
  color: var(--tws-modal-content-text-color);
  padding: 1rem 1rem 1.5rem 1rem;
}

.c-modal .c-global-actions-stack-manager__actions {
  background-color: var(--tws-modal-content-background);
}

.c-modal--no-padding .c-modal__content,
.c-modal--no-padding .c-modal__content--with-stack-manager {
  padding: 0 !important;
}

/* Utilities */

.u-modal-prevent-scroll {
  overflow: hidden;
}

.u-modal-prevent-scroll body {
  overflow: scroll;
}

@media (max-width: 767px) {
  .c-modal__content {
    flex: 1;
  }
}

@media (max-width: 1023px) {
  .c-modal__wrapper {
    flex: 1;
    min-width: 20rem;
    overflow: auto;
  }
}

@media (min-width: 1023px) {
  .c-modal .c-contextual-bar,
  .c-modal .c-contextual-bar .c-contextual-bar__header,
  .c-modal .c-contextual-bar .c-contextual-bar__header .c-contextual-bar__header-top,
  .c-modal .c-contextual-bar .c-contextual-bar__content {
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (min-width: 1023px) {
  .c-modal--fullscreen {
    background-color: hsl(var(--color-white));
  }

  .c-modal--fullscreen .c-modal__close {
    left: auto;
    left: initial;
    width: 1.75em;
    height: 1.75em;
    top: 0.75em;
    right: 0.75em;
    background-image: url(/../../static/media/cancel-md-dark.f479bf09.svg);
  }

  .c-modal--fullscreen .c-modal__wrapper {
    width: 100%;
    height: 100%;
    max-width: none;
    max-width: initial;
    padding: 0;
    padding: initial;
  }

  .c-modal--fullscreen .c-modal__content {
    flex: 1;
  }
}

.c-modal--dialog {
  bottom: 0;
  top: auto;
  top: initial;
  background-color: hsla(var(--color-gray-75), 0.3);
}

.c-modal--dialog .c-modal__wrapper {
  align-self: center;
  margin: auto;
  width: auto;
  max-width: 64rem;
  max-height: 48rem;
}

.c-modal--dialog .c-modal__content {
  width: 100%;
  padding: 1.5rem 2.25rem;
  font-family: var(--font-book);
  font-size: 1rem;
  text-align: left;
  flex: 0;
  overflow: auto;
}

.c-modal--dialog .c-modal__content--with-stack-manager {
  padding: 1.5rem 1rem;
}

.c-modal--dialog .c-modal__content--with-stack-manager div.u-overflow-auto {
  overflow: visible !important;
  overflow: initial !important;
}

.c-modal--dialog .c-global-actions-stack-manager .c-button {
  width: 10rem;
}

.c-modal__description {
  line-height: 1.2;
}

@media (min-width: 768px) {
  .c-modal--dialog .c-modal__wrapper {
    min-width: 25rem;
    max-width: 48.75rem;
    max-height: 35rem;
  }
}

@media (max-width: 1023px) {
  .c-modal--dialog .c-modal__wrapper {
    align-self: flex-end;
    margin: inherit;
    width: 100%;
  }

  .c-modal-close {
    padding-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .c-modal--default.has-application-bar {
    height: calc(100% - var(--tws-application-bar-height));
    margin-top: var(--tws-application-bar-height);
  }
}

@media (min-width: 1024px) {
  .c-modal--default {
    justify-content: center;
    padding: 1rem 1.5em 0;
  }

  .c-modal--default .c-modal__wrapper {
    max-width: 51em;
    padding: 1.5rem;
    padding-bottom: 0;
    background-clip: content-box;
  }
}

.c-context-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-context-menu__icon-wrapper {
  height: 2rem;
}

.c-context-menu__icon {
  background-size: 100%;
  background-position: center;
  color: #000;
  cursor: pointer;
}

.c-context-menu__icon > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.t-light .c-context-menu__icon {
  color: var(--color-white);
}

.c-context-menu__popover .c-popover__content {
  min-width: 10.5rem;
}

:root {
  --tws-contextual-bar-button-background: hsl(var(--color-gray-10));
  --tws-contextual-bar-icon: hsl(var(--color-15));
  --tws-contextual-bar-icon-dark: hsl(var(--color-gray-75));
  --tws-contextual-bar-text: hsl(var(--color-gray-75));

  --tws-contextual-bar-horizontal-spacing: 1rem;
  --tws-contextual-bar-vertical-spacing: 1rem;
}

:root.t-nav-bright {
  --tws-contextual-bar-button-background: hsl(var(--color-10));
  --tws-contextual-bar-icon: hsl(var(--color-15));
  --tws-contextual-bar-icon-dark: hsl(var(--color-gray-75));
  --tws-contextual-bar-text: hsl(var(--color-gray-75));
}

.c-contextual-bar.c-contextual-bar--neutral {
  --tws-contextual-bar-button-background: hsl(var(--color-gray-40));
  --tws-contextual-bar-icon: hsl(var(--color-gray-45));
  --tws-contextual-bar-icon-dark: hsl(var(--color-gray-75));
  --tws-contextual-bar-text: hsl(var(--color-gray-75));
}

.c-contextual-bar {
  padding: 0 var(--tws-contextual-bar-vertical-spacing) var(--tws-contextual-bar-horizontal-spacing) var(--tws-contextual-bar-vertical-spacing);
  width: 100%;
}

.c-contextual-bar__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 1.5rem;
  padding: 1rem 0;
}

.c-contextual-bar__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  width: 100%;
}

.c-contextual-bar__header-bottom {
  width: 100%;
}

.c-context-bar__content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.375rem;
  margin: 0.375rem 0;
}

.c-contextual-bar__title {
  color: var(--tws-contextual-bar-text);
  font-family: var(--font-medium);
  font-size: 1rem;
  line-height: 1.25rem;
  margin-right: 1rem;
}

.c-contextual-bar__button-text:focus {
  color: hsl(var(--color-white));
}

.c-button.c-contextual-bar__button-icon {
  height: 3rem;
  border-radius: 100%;
}

.c-contextual-bar__icon-dark {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--tws-contextual-bar-icon-dark);
}

.c-contextual-bar__options-item {
  margin-left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.c-contextual-bar__action-text {
  color: var(--tws-contextual-bar-text);
  font-family: var(--font-medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-left: 0.5rem;
  cursor: pointer;
}

.c-contextual-bar__action + .c-contextual-bar__action {
  margin-left: 1.5rem;
}

.c-contextual-bar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.c-contextual-bar__actions > * {
  margin-left: 0.5rem;
}

.c-contextual-bar__actions-right {
  margin-left: 1rem;
  justify-content: flex-end;
}

@media screen and (min-width: 1024px) {
  .c-contextual-bar__header {
    min-height: 2.5rem;
    padding: 2.5rem 0;
  }

  .c-contextual-bar__title {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75rem;
  }

  .c-contextual-bar__action-text {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.c-contextual-bar__action-dropdown-icon svg {
  fill: var(--tws-button-color);
}

.c-filter__contextual-bar {
  padding: 0 0 1rem 0 !important;
}

.c-filter__contextual-bar .c-contextual-bar__header-top {
  padding: 0 var(--tws-contextual-bar-horizontal-spacing);
}

.c-filter__contextual-bar .c-filter__token-list .c-token:first-of-type {
  margin-left: 1rem;
}

.c-filter__contextual-bar .c-filter__token-list .c-token:last-of-type {
  margin-right: 1rem;
}

.c-filter__contextual-bar .c-token-list__show-more-button {
  margin-right: 1rem;
}

.c-filter__token-list {
  padding-top: 0.75rem;
}

.c-filter-form-save-filter .c-inline-image {
  margin-right: 0.5rem;
}

.c-filter__contextual-bar .c-contextual-bar__content {
  padding-right: 1rem;
  padding-left: 1rem;
}

@media screen and (max-width: 1024px) {
  .c-filter__contextual-bar .c-contextual-bar__header {
    padding: var(--tws-contextual-bar-vertical-spacing) 0;
  }
}

.c-contextual-options__items {
  display: flex;
  flex-direction: column;
}

.c-contextual-options__item {
  align-items: center;
  background-color: hsl(var(--color-white));
  border-bottom: 1px solid hsl(var(--color-gray-75), .1);
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  height: 2.5rem;
  justify-content: space-between;
  padding-left: 0.25rem;
  width: 100%;
}

.c-contextual-options__item:last-of-type {
  border-bottom: none;
}

.c-contextual-options__item-swipe {
  border-bottom: 1px solid hsl(var(--color-gray-35));
}

.c-contextual-options__item-swipe .c-contextual-options__item {
  border-bottom: none;
}

.c-contextual-options__item-arrow {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  fill: hsl(var(--color-gray-75));
}

@media (min-width: 1023px) {
  .c-contextual-options__popover .c-popover__content {
    padding: 0.5rem;
  }
}

@media (max-width: 767px) {
  .c-contextual-options__item {
    height: 3.25rem;
  }

  .c-contextual-options__item {
    padding-left: 1rem;
  }
}

@media (max-width: 1023px) {
  .c-suppress-contextual-bar-margin {
    margin-left: calc(var(--tws-contextual-bar-vertical-spacing) * -1);
    margin-right: calc(var(--tws-contextual-bar-vertical-spacing) * -1);
  }
}

:root {
  --tws-copyright-background: hsl(var(--color-45));
  --tws-copyright-icons: hsl(var(--color-white));
  --tws-copyright-logo: hsl(var(--color-white));
  --tws-copyright-text: hsl(var(--color-white));
}

.t-content-bright .c-copyright {
  --tws-copyright-background: hsl(var(--color-45));
  --tws-copyright-icons: hsl(var(--color-white));
  --tws-copyright-logo: hsl(var(--color-white));
  --tws-copyright-text: hsl(var(--color-white));
}

.c-modal.t-content-bright .c-copyright {
  --tws-copyright-background: hsl(var(--color-50));
  --tws-copyright-icons: hsl(var(--color-white));
  --tws-copyright-logo: hsl(var(--color-white));
  --tws-copyright-text: hsl(var(--color-white));
}

.c-modal.t-content-ultra-light .c-copyright {
  --tws-copyright-background: hsl(var(--color-white));
  --tws-copyright-icons: hsl(var(--color-45));
  --tws-copyright-logo: hsl(var(--color-45));
  --tws-copyright-text: hsl(var(--color-gray-75));
}

.c-modal.t-content-very-dark .c-copyright {
  --tws-copyright-background: hsl(var(--color-80));
  --tws-copyright-icons: hsl(var(--color-white));
  --tws-copyright-logo: hsl(var(--color-white));
  --tws-copyright-text: hsl(var(--color-white));
}

.c-modal.t-content-very-light .c-copyright {
  --tws-copyright-background: hsl(var(--color-80));
  --tws-copyright-icons: hsl(var(--color-45));
  --tws-copyright-logo: hsl(var(--color-45));
  --tws-copyright-text: hsl(var(--color-75));
}

.c-copyright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-copyright__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.c-copyright__logo {
  width: 3.75rem;
  min-height: 4.875rem;
  fill: var(--tws-copyright-logo);
}

.c-copyright__text {
  color: var(--tws-copyright-text);
  font-size: .875rem;
  line-height: 1.4rem;
  font-family: var(--font-book);
}

.c-copyright__badge-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.c-copyright__badge {
  display: flex;
  align-items: center;
  max-width: 10rem;
  word-break: break-all;
  margin-top: 1.25rem;
}

.c-copyright__badge svg,
.c-copyright__badge-wrapper .c-copyright__quantity-icon {
  width: 2rem;
  min-width: 2rem;
  fill: var(--tws-copyright-icons);
  margin-right: 0.5rem;
}

.c-copyright__badge-wrapper .c-copyright__quantity-icon {
  width: 3.75rem;
  min-width: 3.75rem;
  margin-top: 1.25rem;
}

.c-copyright__badge-text {
  margin-right: 1.25rem;
  font-size: 0.75rem;
}

.c-copyright__information {
  width: 100%;
  font-size: 0.75rem;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  line-height: 1.4;
  word-break: break-all;
}

.c-copyright__information svg {
  margin-right: 1rem;
  width: 1.5rem;
  fill: var(--tws-copyright-icons);
}

.c-copyright__information .c-copyright__manufacture-icon {
  display: flex;
  align-self: flex-start;
}

.c-copyright__name {
  font-size: 1.625rem;
  line-height: 2.25rem;
  margin-top: 1rem;
  text-align: center;
}

.c-copyright__version {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.c-copyright__message {
  text-align: justify;
  margin-top: 1.5rem;
}

.c-copyright__company {
  margin: 1.5rem 0 0.5rem;
}

.c-copyright .c-collapse-arrow-icon {
  fill: var(--tws-copyright-text);
}

@media screen and (max-width: 1023px) {
  .c-copyright__name {
    margin-top: 0.5rem;
  }

  .c-copyright__company {
    margin-top: 1rem;
  }

  .c-copyright__message {
    margin-top: 1.25rem;
  }

  .c-copyright .c-accordion__header {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .c-copyright .c-accordion__content {
    padding-top: 0;
    margin-top: 0;
  }

  .c-copyright__version {
    margin-top: 0;
  }

  .c-copyright__information .c-copyright__manufacture-icon {
    width: 4rem;
  }
}

.c-dashboard {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

@media (min-width: 767px) and (max-width: 1023px) {
  .c-dashboard {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 767px) {
  .c-dashboard {
    grid-template-columns: repeat(4, 1fr);
  }
}

.c-superscription__title {
  font-family: var(--font-bold);
  font-size: .875rem;
  color: hsl(var(--color-gray-65));
  text-transform: uppercase;
  margin-bottom: .25rem;
}

.c-superscription__title::after {
  content: ':';
}

.c-superscription__items {
  display: flex;
}

.c-superscription__item {
  display: flex;
  align-items: center;
}

.c-superscription__item .c-superscription__circle {
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.c-superscription__item .c-superscription__label {
  font-size: .875rem;
  color: hsl(var(--color-gray-65));
  margin-left: .5rem;
  font-family: var(--font-medium);
}

.c-superscription__item:not(:first-child) {
  margin-left: .5rem;
}

.c-superscription__item-icon {
  width: 1rem;
  height: 1rem;
}

.c-superscription__item-icon svg {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.t-high-contrast .c-superscription__title,
.t-high-contrast .c-superscription__label {
  color: var(--color-white);
}

.c-tooltip {
  position: fixed;
  padding: .75em .5em;
  background-color: hsl(var(--color-gray-45));;
  border-radius: .5rem;
  font-size: .875em;
  letter-spacing: 0.1px;
  color: #fff;
  white-space: nowrap;
  min-width: 6.25em;
  text-align: center;
  z-index: var(--zindex-popover);
  max-width: 60vw;
}

.c-tooltip__arrow {
  position: absolute;
  width: .5rem;
  height: .5rem;
  background-color: hsl(var(--color-gray-45));
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
}

.c-tooltip--top > .c-tooltip__arrow{
  bottom: 0;
  left: 50%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, 50%) rotate(45deg);
}

.c-tooltip--bottom > .c-tooltip__arrow{
  top: 0;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-tooltip--left > .c-tooltip__arrow{
  left: auto !important;
  left: initial !important;
  right: 0;
  top: 50%;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
  transform: translate(50%, -50%) rotate(45deg);
}

.c-tooltip--right > .c-tooltip__arrow{
  left: 0;
  top: 50%;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-tooltip--multiline .c-tooltip__content {
  text-align: left;
  white-space: pre-wrap;
}

@-webkit-keyframes loaderSpin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loaderSpin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.rs-table {
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
}
.rs-table-column-resizing {
  cursor: ew-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rs-table-row {
  overflow: hidden;
  position: absolute;
  height: 36px;
  width: 100%;
  top: 0;
  border-bottom: 1px solid #eee;
}
.rs-table-hover .rs-table-row:hover {
  background: #f5f5f5;
}
.rs-table-hover .rs-table-row:hover .rs-table-cell-group {
  background: #f5f5f5;
}
.rs-table-hover .rs-table-row:hover .rs-table-cell {
  background: #f5f5f5;
}
.rs-table-row-header {
  background: #f5f5f5;
}
.rs-table-row-header .rs-table-cell {
  background: #f5f5f5;
}
.rs-table-row-header .rs-table-cell-group-shadow {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
  z-index: 5;
}
.rs-table-hover .rs-table-row:hover .rs-table-cell-group {
  background: #f5f5f5;
}
.rs-table-hover .rs-table-row:hover .rs-table-cell {
  background: #f5f5f5;
}
.rs-table-header-row-wrapper {
  z-index: 2;
  position: relative;
}
.rs-table-affix-header {
  z-index: 3;
  visibility: hidden;
}
.rs-table-affix-header.fixed {
  visibility: visible;
}
.rs-table-body-row-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.rs-table-body-info {
  width: 100%;
  text-align: center;
  top: 50%;
  position: absolute;
  margin-top: -20px;
  line-height: 40px;
}
.rs-table-body-info .icon {
  margin: 0 10px;
}
.rs-table-body-info-wheel-area {
  width: 100%;
}
.rs-table-cell {
  height: 36px;
  border-style: solid;
  border-width: 0;
  border-color: #eee;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
  background: #fff;
}
.rs-table-cell.first {
  border-left-width: 0;
}
.rs-table-cell-wrap1 {
  display: table;
}
.rs-table-cell-wrap2 {
  display: table-row;
}
.rs-table-cell-wrap3 {
  display: table-cell;
  vertical-align: middle;
}
.rs-table-cell-content {
  padding: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
}
.rs-table-cell-header-sortable {
  cursor: pointer;
}
.rs-table-cell-header-sort-wrapper {
  display: inline-block;
}
.rs-table-column-resize-spanner {
  height: 36px;
  width: 6px;
  z-index: 3;
  position: absolute;
  cursor: ew-resize !important;
  outline: none;
}
.rs-table-column-resize-spanner:hover {
  background: #34c3ff;
}
.rs-table-cell-group-fixed-left {
  position: absolute;
  z-index: 4;
  background: #fff;
}
.rs-table-cell-group-fixed-right {
  position: absolute;
  z-index: 4;
  background: #fff;
}
.rs-table-cell-group-left-shadow {
  box-shadow: 3px 0px 5px rgba(9, 9, 9, 0.08);
}
.rs-table-cell-group-shadow,
.rs-table-cell-group-right-shadow {
  box-shadow: -3px 0px 5px rgba(9, 9, 9, 0.08);
}
.rs-table-mouse-area {
  display: none;
  background: #34c3ff;
  left: -1px;
  top: 0;
  position: absolute;
  width: 1px;
  z-index: 6;
}
.rs-table-bordered .rs-table-cell {
  border-width: 0 1px 0 0;
}
.rs-table-word-wrap .rs-table-cell-content {
  white-space: unset;
  word-break: break-all;
  word-wrap: break-word;
}
.rs-table-row-expanded {
  position: absolute;
  height: 46px;
  bottom: 0;
  width: 100%;
  z-index: 4;
  border-top: 1px solid #eee;
  padding: 10px;
  background: #f5f5f5;
}
.rs-table-loader-wrapper {
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
.rs-table-loader {
  width: 100%;
  text-align: center;
  top: 50%;
  position: absolute;
  margin-top: -20px;
  line-height: 40px;
}
.rs-table-loader-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  margin-right: 12px;
  padding-top: 3px;
}
.rs-table-loader-icon::before,
.rs-table-loader-icon::after {
  width: 18px;
  height: 18px;
}
.rs-table-loader-icon::before,
.rs-table-loader-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  border-radius: 50%;
}
.rs-table-loader-icon::before {
  border: 3px solid rgba(247, 247, 250, 0.8);
}
.rs-table-loader-icon::after {
  border-width: 3px;
  border-style: solid;
  border-color: #a6a6a6 transparent transparent;
  -webkit-animation: loaderSpin 0.6s infinite linear;
          animation: loaderSpin 0.6s infinite linear;
}
.rs-table-loading .rs-table-loader-wrapper {
  visibility: visible;
}
.rs-table-cell-expand-icon {
  cursor: pointer;
  outline: none;
}
.rs-table-cell-expand-wrapper {
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
}
.rs-table-scrollbar {
  background: rgba(45, 45, 45, 0.05);
  position: absolute;
}
.rs-table-scrollbar-active {
  background: rgba(45, 45, 45, 0.1);
}
.rs-table-scrollbar-hide {
  display: none;
}
.rs-table-scrollbar-handle {
  position: absolute;
  background: rgba(45, 45, 45, 0.5);
  border-radius: 4px;
}
.rs-table-scrollbar-horizontal {
  width: 100%;
  height: 10px;
  bottom: 2px;
}
.rs-table-scrollbar-horizontal.fixed {
  position: fixed;
}
.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle {
  height: 8px;
  left: 0px;
  top: 1px;
}
.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,
.rs-table-scrollbar-horizontal:hover {
  height: 14px;
  box-shadow: 1px 1px 2px #ddd inset;
}
.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,
.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle {
  top: 2px;
  height: 10px;
}
.rs-table-scrollbar-vertical {
  top: 0;
  right: 0px;
  width: 10px;
  bottom: 2px;
}
.rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
  min-height: 20px;
  width: 8px;
  top: 0px;
  left: 1px;
}
.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,
.rs-table-scrollbar-vertical:hover {
  width: 14px;
  box-shadow: 1px 1px 2px #ddd inset;
}
.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,
.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle {
  left: 2px;
  width: 10px;
}
.rs-table-column-group {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.rs-table-column-group-header {
  border-bottom: 1px solid #eee;
  position: absolute;
  width: 100%;
}
.rs-table-column-group-header-content {
  display: table-cell;
  padding: 8px;
}
.rs-table-column-group-cell {
  position: absolute;
  border-right: 1px solid #eee;
}
.rs-table-column-group-cell-content {
  display: table-cell;
  padding: 8px;
}

.c-table {
  --tws-table-row-height: 3rem;
}

.c-table-superscription-bar__cell .rs-table-cell-content {
  padding: 0px !important;
}

.c-table__row:hover, .c-table__row:hover .rs-table-cell {
  background: hsl(var(--color-5)) !important;
}

.c-table__row-select,
.c-table__row-select .rs-table-cell {
  background: hsl(var(--color-5)) !important;
}

.c-table__row .rs-table-cell-content{
  height: var(--tws-table-row-height) !important;
}

.rs-table-cell-content {
  display: table-cell;
  vertical-align: middle;
}

.rs-table-cell-header-icon-sort {
  display: none;
}

.c-table__action {
  display: none;
}

.c-table__row:hover, .c-table__row:hover .rs-table-cell .c-table__action {
  display: block;
}

.rs-table {
  border: none !important;
}

.rs-table-body-wheel-area {
  position: relative !important;
}

.rs-table-row {
  width: auto !important;
}
.c-table {
  height: 100%;
  width: 100%;
  overflow-x: auto;
}

.c-table-superscription-bar__content,
.c-table-superscription-bar__content .c-superscription__circle {
  height: 100%;
  width: 100%;
}

.c-table-superscription-bar__content .c-superscription__circle {
  border-radius: 0;
}

.c-table-superscription-bar__content .c-superscription__item {
  margin: 0;
}

.c-table__header-row,
.c-table__header-row > div {
  background: transparent !important;
}

.c-table__header-cell {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.c-table__header-cell__sort-icon {
  width: 1rem;
  height: 1rem;
}

.c-table__loader {
  margin: 2rem auto 0;
  overflow: hidden;
}

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

:root {
  --tws-data-table-border: .25px solid var(--tws-data-table-border-color);
  --tws-data-table-border-color: hsl(var(--color-gray-15));
  --tws-data-table-column-header-background: #E6E6E6;
  --tws-data-table-column-header-background-focused: #BFBFBF;
  --tws-data-table-column-header-color: hsl(var(--color-gray-65));
  --tws-data-table-column-header-color-focused: var(--tws-data-table-column-header-color);
  --tws-data-table-column-header-sort-icon: url(/../../static/media/arrow-down-sort-dark.3208277d.svg);
  --tws-data-table-column-cell-background: transparent;
  --tws-data-table-column-cell-background-focused: #F2F3F8;
  --tws-data-table-column-cell-color: #3C424F;
  --tws-data-table-column-cell-line-heigth: 1rem;
  --tws-data-table-column-cell-padding: 0.25rem 1rem;
  --tws-data-table-column-cell-text-size: 0.875rem;
  --tws-data-table-row-height: 2rem;
  --tws-data-table-row-expanded-content-icon: url(/../../static/media/vertical-right-corner-bracket.7229dd3a.svg); }

:root.t-very-dark-gray {
  --tws-data-table-border: 1px solid var(--tws-data-table-border-color);
  --tws-data-table-border-color: hsla(var(--color-15), 25%);
  --tws-data-table-column-header-background: #1F1F1F;
  --tws-data-table-column-header-background-focused: #252525;
  --tws-data-table-column-header-color: #737373;
  --tws-data-table-column-header-color-focused: #AAA;
  --tws-data-table-column-header-sort-icon: url(/../../static/media/arrow-down-sort-light.988042c2.svg);
  --tws-data-table-column-cell-background: var(--tws-input-background);
  --tws-data-table-column-cell-background-focused: #252525;
  --tws-data-table-column-cell-color: var(--tws-input-color); }

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

.c-data-table {
  flex: 1;
  min-height: 0;
  overflow: auto; }
  .c-data-table .c-data-table__not-found {
    min-height: 12em; }

.c-data-table__wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
  flex: 1; }

.c-data-table__cell {
  align-items: center;
  background-color: var(--tws-data-table-column-cell-background);
  color: var(--tws-data-table-column-cell-color);
  font-family: var(--font-book);
  font-size: var(--tws-data-table-column-cell-text-size);
  line-height: var(--tws-data-table-column-cell-line-heigth);
  vertical-align: middle;
  padding: var(--tws-data-table-column-cell-padding);
  display: table-cell;
  text-align: center; }

.c-data-table__cell .c-collapse-arrow {
  margin: auto; }

.c-data-table--with-vertical-border .c-data-table__body .c-data-table__cell {
  border-right: var(--tws-data-table-border); }
  .c-data-table--with-vertical-border .c-data-table__body .c-data-table__cell:last-child {
    border-right: none; }

.c-data-table--with-horizontal-border .c-data-table__body .c-data-table__cell {
  border-top: var(--tws-data-table-border); }

.c-data-table--with-horizontal-border .c-data-table__body .c-data-table__row:last-child .c-data-table__cell {
  border-bottom: var(--tws-data-table-border); }

.c-data-table__header {
  background-color: var(--tws-data-table-column-header-background);
  display: table-header-group; }
  .c-data-table__header .c-data-table__cell {
    color: var(--tws-data-table-column-header-color);
    font-family: var(--font-medium);
    padding: 0.45rem 1rem;
    position: relative;
    border: var(--tws-data-table-border);
    border-bottom: none; }
    .c-data-table__header .c-data-table__cell:first-child {
      border-left: none; }
    .c-data-table__header .c-data-table__cell:last-child {
      border-right: none; }
    .c-data-table__header .c-data-table__cell.is-focused {
      background-color: var(--tws-data-table-column-header-background-focused);
      color: var(--tws-data-table-column-header-color-focused); }
      .c-data-table__header .c-data-table__cell.is-focused.sort-asc:after, .c-data-table__header .c-data-table__cell.is-focused.sort-desc:after {
        position: absolute;
        right: 0.25rem;
        width: 1.5rem;
        height: 1rem;
        cursor: pointer;
        content: '';
        background-image: var(--tws-data-table-column-header-sort-icon);
        background-position: center;
        background-repeat: no-repeat; }
      .c-data-table__header .c-data-table__cell.is-focused.sort-desc:after {
        transform: rotate(180deg); }
  .c-data-table__header .c-data-table__superscription-bar-column.c-data-table__cell {
    padding: 0;
    border: none; }

.c-data-table__superscription-bar-column.c-data-table__cell + .c-data-table__cell {
  border-left: none; }

.c-data-table__superscription-bar-wrapper {
  display: flex;
  height: 2.5rem; }
  .c-data-table__superscription-bar-wrapper .c-data-table__superscription-bar-block {
    width: .5rem;
    border: none; }
  .c-data-table__superscription-bar-wrapper .c-data-table__superscription-bar-label {
    align-self: center;
    flex: 1; }

.c-data-table__body {
  display: table-row-group; }

.c-data-table__row,
.c-data-table__row-expanded {
  display: table-row; }

.c-data-table__row {
  height: var(--tws-data-table-row-height); }
  .c-data-table__row.is-checked {
    background-color: var(--tws-data-table-column-cell-background-focused); }
  .c-data-table__row.is-hovering, .c-data-table__row:hover {
    background-color: var(--tws-data-table-column-cell-background-focused); }

.c-data-table__row-expanded-content {
  border-top: none; }
  .c-data-table__row-expanded-content > * {
    display: block;
    padding-top: .5em; }
    .c-data-table__row-expanded-content > *:first-child {
      padding-top: 1em; }
    .c-data-table__row-expanded-content > *:last-child {
      padding-bottom: 1em; }
  .c-data-table__row-expanded-content:hover {
    background-color: var(--tws-data-table-column-cell-background-focused); }

.c-data-table__row-expanded-content.with-expanded-indicator > * {
  padding-left: 6em; }
  .c-data-table__row-expanded-content.with-expanded-indicator > *:before {
    background-image: var(--tws-data-table-row-expanded-content-icon);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    margin-right: .25em;
    padding-right: .5em; }

.c-data-table__row:hover + .c-data-table__row-expanded .c-data-table__row-expanded-content {
  background-color: var(--tws-data-table-column-cell-background-focused); }

.c-data-table__loader {
  margin: 6rem auto 0;
  overflow: hidden; }

:root {
  --tws-date-field-modal-header-message-color: var(--tws-slide-up-panel-header-title-color);
  --tws-date-field-modal-header-year-color: hsl(var(--color-gray-30));
  --tws-date-field-modal-header-date-color: hsl(var(--color-gray-45));
}

:root.t-nav-bright {
  --tws-date-field-modal-header-year-color: hsl(var(--color-30));
  --tws-date-field-modal-header-date-color: hsl(var(--color-45));
}

.c-date-field {
  font-size: 1rem;
}

.c-date-field__items {
  display: flex;
}

.c-date-field__clear,
.c-date-field__calendar {
  cursor: pointer;
  margin-left: 1rem;
  height: var(--tws-input-height);
  display: flex;
  align-items: center;
}

.c-date-field__calendar svg {
  width: 24px;
  height: 24px;
}

.c-date-field__clear svg {
  width: 18px;
  height: 18px;
}

.c-date-field__actions {
  display: flex;
}

.c-date-field__input .c-input__action {
  padding-right: 0.5rem;
}

.c-date-field__modal__header__message {
  color: var(--tws-date-field-modal-header-message-color);
  font-family: var(--font-bold);
  font-size: 1.25em;
  line-height: 1.2em;
  height: 1.5rem;
}

.c-date-field__modal__header__message,
.c-date-field__modal__header__title {
  min-width: 17.75rem;
  margin: auto;
}

.c-date-field__modal__header__title {
  display: flex;
  align-items: center;
  height: 1.5rem;
}

.c-date-field__modal__header__year,
.c-date-field__modal__header__date {
  color: var(--tws-date-field-modal-header-date-color);
  font-family: var(--font-bold);
  font-size: 1rem;
  line-height: 1.125em;
}

.c-date-field__modal__header__year {
  margin-right: 0.5rem;
}

.c-date-field__modal__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1rem;
}

.c-date-field__modal__footer {
  display: flex;
  flex-direction: row;
}

.c-date-field__modal__footer .c-button {
  flex: 1;
}

.c-date-field__modal__footer .c-button:first-of-type {
  margin-right: 0.5rem;
}

.c-date-field__modal:not(.is-viewing) .c-date-field__modal__input input {
  cursor: pointer;
}

.c-date-field__container {
  display: flex;
  flex-direction: column;
}

.c-date-field__picker {
  width: 100%;
}

.c-date-field--interval.c-date-field__items {
  flex-direction: column;
  flex: 1;
}

.c-date-field--basic.c-date-field__item {
  display: flex;
  align-items: flex-end;
}

.c-date-field--basic.c-date-field__item > .c-date-field__item:before {
  content: '/';
  width: 0.5em;
  margin: 0 0.5em;
  font-size: 1.5em;
  opacity: 0.4;
  color: var(--color-45);
}

.c-date-field--basic.c-date-field__item .c-date-field__input {
  width: 4.5em;
};

@media (min-width: 768px) {
  .c-date-field--interval {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .c-date-field--interval {
    display: flex;
    flex-direction: column;
  }

  .c-date-field--interval .c-date-field__validation {
    margin-top: 1.5em;
  }
}

:root {
  --tws-date-picker-background: white;

  --tws-date-picker-title-color: hsl(car(--color-gray-75));
  --tws-date-picker-title-font-size: 1rem;
  --tws-date-picker-title-spacing: 1rem;
  --tws-date-picker-title-cursor: pointer;

  --tws-date-picker-acronyms-color: hsla(car(--color-gray-75), 63%);
  --tws-date-picker-acronyms-font: var(--font-light);
  --tws-date-picker-acronyms-spacing: 4px;

  --tws-date-picker-cell-width: 2rem;
  --tws-date-picker-cell-height: 2rem;
  --tws-date-picker-cell-font: var(--font-book);
  --tws-date-picker-cell-font-size: 0.75rem;
  --tws-date-picker-cell-cursor: pointer;

  --tws-date-picker-cell-color: hsl(var(--color-gray-75));
  --tws-date-picker-cell-color-active: white;
  --tws-date-picker-cell-color-disabled: hsla(var(--color-gray-75), 35%);
  --tws-date-picker-cell-color-disabled-active: hsl(var(--color-gray-45));
  --tws-date-picker-cell-color-hover: hsl(var(--color-45));
  --tws-date-picker-cell-border-color: 3px solid var(--tws-date-picker-current-cell-border-color);

  --tws-date-picker-cell-background: transparent;
  --tws-date-picker-cell-highlight: hsl(var(--color-45));
  --tws-date-picker-cell-background-active: hsl(var(--color-45));
  --tws-date-picker-cell-background-hover:  hsla(var(--color-15));
  --tws-date-picker-cell-radius: 50%;

  --tws-date-picker-current-cell-border-color: hsl(var(--color-45));
  --tws-date-picker-current-cell-border-color-disabled: hsl(var(--color-45));

  --tws-date-picker-current-cell-color: hsl(var(--color-45));
  --tws-date-picker-current-cell-color-disabled: hsl(var(--color-45));

  --tws-date-picker-range-background: hsla(var(--color-45), 10%);
  --tws-date-picker-range-background-disabled: hsla(var(--color-45), 5%);

  --tws-date-picker-range-color: hsl(var(--color-45));
  --tws-date-picker-range-color-disabled: hsla(var(--color-45), 35%);
  --tws-date-picker-range-radius: 0%;

  --tws-date-picker-cell-events-border-color: hsl(var(--color-gray-45), 45%);
  --tws-date-picker-cell-events-border-busy-color: hsl(var(--color-accent-50));
  --tws-date-picker-cell-events-border-secondary-busy-color: hsl(var(--color-accent-gray-15));
  --tws-date-picker-week-cell-color-hover: hsl(var(--color-15));

  --tws-date-picker-cell-disabled: hsl(var(--color-gray-45), 70%);
}

.c-date-picker,
.c-date-picker-interval {
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  padding: 0.25rem;
}

.c-datepicker__loader {
  min-height: 0;
  min-height: initial;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-date-picker-interval__calendar-wrapper {
  display: flex;
  flex-direction: row;
}

.c-date-picker__header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--tws-date-picker-title-spacing);
}

.c-date-picker--yearly .c-date-picker__header {
  margin-bottom: 0.5rem;
}

.c-date-picker__title {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  font-size: var(--tws-date-picker-title-font-size);
  color: hsl(var(--tws-date-picker-cell-color), 80%);
  cursor: var(--tws-date-picker-title-cursor);
}

.c-date-picker__button:focus,
.c-date-picker__item:focus,
.c-date-picker-week__item.cell-spacing:focus,
.c-date-field__calendar:focus,
.c-date-field__clear:focus {
  outline: 2px solid hsla(var(--color-group-blue-45), 70%);
}

.c-date-picker__colapsed .c-date-picker__title:focus {
  outline: none;
}

.c-date-field__calendar:focus,
.c-date-field__clear:focus {
  outline-offset: -2px;
}

.c-date-picker__item:focus {
  background-color: var(--tws-date-picker-cell-background-active);
  outline-offset: 2px;
  color: var(--tws-date-picker-cell-color-active);
}

.c-date-picker__month {
  font-family: var(--font-medium);
}

.c-date-picker__year {
  font-family: var(--font-light);
}

.c-date-picker--week {
  min-height: 7rem !important;
  max-height: 8rem !important;
}

.c-date-picker__button {
  width: 1.25em;
  height: 1.25em;
  background-repeat: no-repeat;
  background-position: center;
  align-self: flex-end;
  align-items: center;
  cursor: pointer;
}

.c-date-picker__button--left {
  background-image: url(/../../static/media/arrow-left-sm-dark.ae7b4418.svg);
}

.c-date-picker__button--right {
  background-image: url(/../../static/media/arrow-right-sm-dark.4d9d4e3d.svg);
}

.c-date-picker-week__height {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 3.5rem;
}

.t-high-contrast .c-date-picker__button--left {
  background-image: url(/../../static/media/arrow-left-sm-light.0b55e6ab.svg);
}

.t-high-contrast .c-date-picker__button--right {
  background-image: url(/../../static/media/arrow-right-sm-light.e7735083.svg);
}

.c-date-picker__acronyms,
.c-date-picker__rows {
  list-style-type: none;
  min-width: 0;
  padding: 0;
  text-align: center;
}

.c-date-picker--monthly .c-date-picker__rows,
.c-date-picker--week .c-date-picker__rows {
  min-height: 15.75rem;
}

.c-popover__content .c-date-picker--monthly .c-date-picker__rows,
.c-popover__content .c-date-picker--week .c-date-picker__rows {
  min-height: 13.75rem;
}

.c-date-picker__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tws-date-picker-cell-width);
  height: var(--tws-date-picker-cell-height);
  border-radius: var(--tws-date-picker-cell-radius);
  line-height: var(--tws-date-picker-cell-height);
  font-family: var(--tws-date-picker-cell-font);
  font-size: var(--tws-date-picker-cell-font-size);
  background-color: var(--tws-date-picker-cell-background);
  cursor: var(--tws-date-picker-cell-cursor);
  color: var(--tws-date-picker-cell-color);
}

.c-date-picker__item span {
  line-height: 1;
}

.c-date-picker--week .c-date-picker__item,
.c-date-picker--monthly .c-date-picker__item {
  margin: 2px 0.3125rem;
}

.c-date-picker--yearly .c-date-picker__item {
  margin: 1rem 0.4375rem;
}

.c-date-picker--week .c-date-picker__item:first-child,
.c-date-picker--monthly .c-date-picker__item:first-child,
.c-date-picker--yearly .c-date-picker__item:first-child {
  margin-left: 0;
}

.c-date-picker--week .c-date-picker__item:last-child,
.c-date-picker--monthly .c-date-picker__item:last-child,
.c-date-picker--yearly .c-date-picker__item:last-child {
  margin-right: 0;
}

.c-date-picker--week .c-date-picker__item.is-selected,
.c-date-picker--monthly .c-date-picker__item.is-selected,
.c-date-picker--yearly .c-date-picker__item.is-selected {
  --tws-date-picker-cell-background: var(--tws-date-picker-cell-background-active);
  --tws-date-picker-cell-color: var(--tws-date-picker-cell-color-active);
  z-index: 0;
}

.c-date-picker__acronyms {
  --tws-date-picker-cell-background: transparent;
  --tws-date-picker-cell-background-hover: transparent;
  --tws-date-picker-cell-cursor: initial;
  display: flex;
  color: var(--tws-date-picker-acronyms-color);
  font-family: var(--tws-date-picker-acronyms-font);
  letter-spacing: 0.1px;
  font-weight: normal;
  margin-bottom: var(--tws-date-picker-acronyms-spacing);
}

.c-date-picker__acronyms .c-date-picker__item {
  color: #8c8c8c;
}

.c-date-picker__acronyms .c-date-picker__item-current-weekday {
  color: hsl(var(--color-accent-group-blue-45)) !important;
}

.c-date-picker__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-date-picker__row {
  display: flex;
}

.c-date-picker__item.has-events {
  border: 2px solid var(--tws-date-picker-cell-events-border-color);
  transform: rotate(45deg);
}

.c-date-picker__item.has-events span {
  transform: rotate(-45deg);
}

.c-date-picker--week .c-date-picker__item:hover:not(.is-disabled):not(.is-selected),
.c-date-picker--monthly .c-date-picker__item:hover:not(.is-disabled):not(.is-selected) {
  outline: none;
  --tws-date-picker-cell-background: var(--tws-date-picker-cell-background-hover);
  --tws-date-picker-cell-color: var(--tws-date-picker-cell-color-hover);
}

.c-date-picker--week .c-date-picker__item.is-disabled,
.c-date-picker--monthly .c-date-picker__item.is-disabled {
  color: var(--tws-date-picker-cell-disabled);
  cursor: default;
}

.c-date-picker--week .c-date-picker__item.is-blackout,
.c-date-picker--monthly .c-date-picker__item.is-blackout {
  text-decoration: line-through;
}

.c-date-picker--week .c-date-picker__item,
.c-date-picker--monthly .c-date-picker__item {
  width: 2.375rem;
  height: 2.375rem;
}

.c-date-picker--week .item-busy:before,
.c-date-picker--week .item-busy:after,
.c-date-picker--monthly .item-busy:before,
.c-date-picker--monthly .item-busy:after {
  position: absolute;
  width: 2.375rem;
  height: 2.375rem;
  content: "";
  border: 2px solid;
  border-radius: 50%;
}

.c-date-picker--week .item-busy:before,
.c-date-picker--monthly .item-busy:before {
  border-color: var(--tws-date-picker-cell-events-border-busy-color);
}

.c-date-picker--week .item-busy:after,
.c-date-picker--monthly .item-busy:after {
  border-color: var(--tws-date-picker-cell-events-border-secondary-busy-color);
}

.c-date-picker--week .item-busy-one-quarter:before,
.c-date-picker--monthly .item-busy-one-quarter:before {
  transform: rotate(48deg);
  clip: rect(0, 5.625rem, 0.45rem, 0);
}

.c-date-picker--week .item-busy-one-quarter:after,
.c-date-picker--monthly .item-busy-one-quarter:after {
  transform: rotate(228deg);
  clip: rect(0, 5.625rem, 2rem, 0);
}

.c-date-picker--week .item-busy-two-quarter:before,
.c-date-picker--monthly .item-busy-two-quarter:before {
  transform: rotate(90deg);
  clip: rect(0, 5.625rem, 1.2rem, 0);
}

.c-date-picker--week .item-busy-two-quarter:after,
.c-date-picker--monthly .item-busy-two-quarter:after {
  transform: rotate(270deg);
  clip: rect(0, 5.625rem, 1.2rem, 0);
}

.c-date-picker--week .item-busy-three-quarter:before,
.c-date-picker--monthly .item-busy-three-quarter:before {
  transform: rotate(130deg);
  clip: rect(0, 5.625rem, 2rem, 0);
}

.c-date-picker--week .item-busy-three-quarter:after,
.c-date-picker--monthly .item-busy-three-quarter:after {
  transform: rotate(310deg);
  clip: rect(0, 5.625rem, 0.5rem, 0);
}

.c-date-picker--week .item-busy-four-quarter:before,
.c-date-picker--monthly .item-busy-four-quarter:before {
  transform: rotate(134deg);
  clip: rect(0, 5.625rem, 2.35rem, 0);
}

.c-date-picker--week .item-busy-four-quarter:after,
.c-date-picker--monthly .item-busy-four-quarter:after {
  transform: rotate(328deg);
  clip: rect(0, 5.625rem, 0.25rem, 0);
}

.c-date-picker--week .item-busy-full:after,
.c-date-picker--monthly .item-busy-full:after {
  width: 0;
  border: 0;
}

.c-date-picker--week .item-busy-full:before,
.c-date-picker--monthly .item-busy-full:before {
  clip: rect(0, 5.625rem, 5.625rem, 0);
}

.c-popover__content .c-date-picker--week .c-date-picker__item,
.c-popover__content .c-date-picker--monthly .c-date-picker__item {
  width: var(--tws-date-picker-cell-width);
  height: var(--tws-date-picker-cell-height);
}

.c-popover__content .c-date-picker--week .item-busy:before,
.c-popover__content .c-date-picker--week .item-busy:after,
.c-popover__content .c-date-picker--monthly .item-busy:before,
.c-popover__content .c-date-picker--monthly .item-busy:after {
  position: absolute;
  width: var(--tws-date-picker-cell-width);
  height: var(--tws-date-picker-cell-height);
  content: "";
  border: 2px solid;
  border-radius: 50%;
}

.c-popover__content .c-date-picker--week .item-busy:before,
.c-popover__content .c-date-picker--monthly .item-busy:before {
  border-color: var(--tws-date-picker-cell-events-border-busy-color);
}

.c-popover__content .c-date-picker--week .item-busy:after,
.c-popover__content .c-date-picker--monthly .item-busy:after {
  border-color: var(--tws-date-picker-cell-events-border-secondary-busy-color);
}

.c-popover__content .c-date-picker--week .item-busy-one-quarter:before,
.c-popover__content .c-date-picker--monthly .item-busy-one-quarter:before {
  transform: rotate(45deg);
  clip: rect(0, 2.625rem, 0.4rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-one-quarter:after,
.c-popover__content .c-date-picker--monthly .item-busy-one-quarter:after {
  transform: rotate(225deg);
  clip: rect(0, 5.625rem, 1.6rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-two-quarter:before,
.c-popover__content .c-date-picker--monthly .item-busy-two-quarter:before {
  transform: rotate(90deg);
  clip: rect(0, 5.625rem, 1rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-two-quarter:after,
.c-popover__content .c-date-picker--monthly .item-busy-two-quarter:after {
  transform: rotate(270deg);
  clip: rect(0, 5.625rem, 1rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-three-quarter:before,
.c-popover__content .c-date-picker--monthly .item-busy-three-quarter:before {
  transform: rotate(130deg);
  clip: rect(0, 5.625rem, 1.75rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-three-quarter:after,
.c-popover__content .c-date-picker--monthly .item-busy-three-quarter:after {
  transform: rotate(308deg);
  clip: rect(0, 5.625rem, 0.35rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-four-quarter:before,
.c-popover__content .c-date-picker--monthly .item-busy-four-quarter:before {
  transform: rotate(144deg);
  clip: rect(0, 5.625rem, 1.85rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-four-quarter:after,
.c-popover__content .c-date-picker--monthly .item-busy-four-quarter:after {
  transform: rotate(330deg);
  clip: rect(0, 5.625rem, 0.1875rem, 0);
}

.c-popover__content .c-date-picker--week .item-busy-full:after,
.c-popover__content .c-date-picker--monthly .item-busy-full:after {
  width: 0;
  border: 0;
}

.c-popover__content .c-date-picker--week .item-busy-full:before,
.c-popover__content .c-date-picker--monthly .item-busy-full:before {
  clip: rect(0, 5.625rem, 5.625rem, 0);
}

.c-date-picker--week .c-date-picker__item.is-current:not(.is-selected),
.c-date-picker--monthly .c-date-picker__item.is-current:not(.is-selected) {
  color: hsl(var(--color-group-blue-45));
  border: 2px solid hsl(var(--color-accent-group-blue-30));
}

.c-date-picker--week .c-date-picker__item.has-events.is-current,
.c-date-picker--monthly .c-date-picker__item.has-events.is-current {
  border: 2px solid var(--tws-date-picker-current-cell-border-color);
  transform: rotate(45deg);
}

.c-date-picker--week .c-date-picker__item.is-current.is-disabled,
.c-date-picker--monthly .c-date-picker__item.is-current.is-disabled {
  --tws-date-picker-current-cell-border-color: var(--tws-date-picker-current-cell-border-color-disabled);
}

.c-date-picker--week .c-date-picker__item.is-current:focus,
.c-date-picker--monthly .c-date-picker__item.is-current:focus {
  color: var(--tws-date-picker-cell-color-active);
}

.c-date-picker--week .c-date-picker__item.is-selected.is-disabled,
.c-date-picker--monthly .c-date-picker__item.is-selected.is-disabled {
  --tws-date-picker-cell-color: var(--tws-date-picker-cell-color-disabled-active);
}

.c-date-picker--yearly .c-date-picker__item,
.c-date-picker--decades .c-date-picker__item {
  --tws-date-picker-cell-width: 3.75rem;
  --tws-date-picker-cell-height: 2.625rem;
  --tws-date-picker-cell-radius: 0%;
  --tws-date-picker-cell-font-size: 1.125em;
  text-transform: uppercase;
}

.c-date-picker--yearly .c-date-picker__item,
.c-date-picker--yearly .item-busy,
.c-date-picker--yearly .item-busy:before,
.c-date-picker--yearly .item-busy:after {
  width: 3.75rem;
  height: 2rem;
  border-radius: 1rem;
  align-self: center;
  font-size: 1rem;
}

.c-date-picker--yearly .item-busy {
  border: 2px solid var(--tws-date-picker-cell-events-border-secondary-busy-color);
}

.c-date-picker--yearly .item-busy:before,
.c-date-picker--yearly .item-busy:after {
  content: "";
  position: absolute;
}

.c-date-picker--yearly .item-busy:after {
  border-color: var(--tws-date-picker-cell-events-border-secondary-busy-color);
}

.c-date-picker--yearly .item-busy-one-quarter:after {
  border: 2px solid var(--tws-date-picker-cell-events-border-busy-color);;
  clip: rect(0, 5.625rem, 1rem, 1.875rem);
}

.c-date-picker--yearly .item-busy-two-quarter:after {
  border: 2px solid var(--tws-date-picker-cell-events-border-busy-color);;
  clip: rect(0, 5.625rem, 35px, 1.875rem);
}

.c-date-picker--yearly .item-busy-three-quarter {
  border: 2px solid var(--tws-date-picker-cell-events-border-busy-color);;
}

.c-date-picker--yearly .item-busy-three-quarter:after {
  border: 2px solid var(--tws-date-picker-cell-events-border-secondary-busy-color);
  clip: rect(0, 1.875rem, 1rem, 0);
}

.c-date-picker--yearly .item-busy-four-quarter {
  border: 2px solid var(--tws-date-picker-cell-events-border-busy-color);;
  clip: rect(0, 1.875rem, 1rem, 0.5rem);
}

.c-date-picker--yearly .item-busy-four-quarter:after {
  border: 2px solid var(--tws-date-picker-cell-events-border-secondary-busy-color);
  clip: rect(0, 1.875rem, 1rem, 0.5rem);
}

.c-date-picker--yearly .item-busy-full {
  border: 2px solid var(--tws-date-picker-cell-events-border-busy-color);;
}

.c-date-picker__footer,
.c-date-picker-interval__footer {
  display: flex;
  margin-top: 1.5em;
  font-family: var(--font-medium);
  letter-spacing: 0.1px;
  color: var(--color-gray-75);
  font-size: 0.75em;
  justify-content: center;
  align-items: center;
}

.c-date-picker__footer span,
.c-date-picker-interval__footer span {
  cursor: pointer;
}

.c-date-picker-interval__footer {
  justify-content: flex-end;
}

.c-date-picker-interval__action {
  margin-right: 2rem;
}

.c-date-picker__footer span:not(:last-child) {
  margin-right: 2rem;
}

.c-date-picker-interval {
  --tws-date-picker-title-cursor: initial;
}

.c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit) {
  --tws-date-picker-cell-background: var(--tws-date-picker-range-background);
  --tws-date-picker-cell-color: var(--tws-date-picker-range-color);
  --tws-date-picker-cell-radius: var(--tws-date-picker-range-radius);

  margin: 2px 0;
  width: 3rem;
}

.c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):first-child {
  width: 2.688rem;
  padding-right: 5px;
}

.c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):last-child {
  width: 2.688rem;
  padding-left: 5px;
}

.c-date-picker-interval .c-date-picker__item.is-limit:not(.is-disabled):before {
  content: '';
  position: absolute;
  display: block;
  width: 64%;
  height: 100%;
  top: 0;
  background: var(--tws-date-picker-range-background);
  z-index: -1;
}

.c-date-picker-interval .c-date-picker__item.is-first-limit.is-last-limit:before {
  display: none;
}

.c-date-picker-interval .c-date-picker__item.is-last-limit:before {
  left: -14%;
}

.c-date-picker-interval .c-date-picker__item.is-selected:focus {
  width: 2.375rem;
  margin: 2px 0.313rem;
  border-radius: 50%;
}

.c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus,
.c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus {
  width: 2.375rem;
  margin: 2px 0.313rem;
  padding: 0;
}

.c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus {
  margin-left: 0;
}

.c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus {
  margin-right: 0;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit) {
  width: 2.625rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):focus {
  width: 2rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus,
.c-popover__content > .c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus,
.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:focus {
  width: 2rem;
  border-radius: 50%;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:first-child:focus {
  margin-left: 0;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus {
  margin-left: 0;
}

.c-date-picker-interval .c-date-picker__item.is-first-limit:not(.is-disabled):before {
  left: 1.188rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus {
  margin-right: 0;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:last-child:focus {
  margin-right: 0;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):first-child,
.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):last-child {
  width: 2.375rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):first-child:focus,
.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):last-child:focus {
  width: 2rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-limit:not(.is-disabled):before {
  width: 65%;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-first-limit:not(.is-disabled):before {
  left: 1.015rem;
}

.c-date-picker-interval .c-date-picker__item:first-child.is-first-limit:not(.is-disabled):before {
  left: 0.9375rem;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-last-limit:before {
  left: -15%;
}

.c-popover__content > .c-date-picker-interval .c-date-picker__item.is-last-limit:first-child:before {
  left: 0;
}

.c-date-picker-interval__secondary {
  margin-left: 2.125em;
}

.c-date-picker__item.is-special-day {
  color: hsl(var(--color-accent-pink-55));
  font-family: var(--font-bold);
}

.c-date-picker__events-date {
  font-size: .75rem;
  font-family: var(--font-medium);
  letter-spacing: 0.1px;
  color: var(--color-gray-75);
  margin-bottom: .75rem;
  display: block;
}

.c-date-picker__no-events {
  font-size: .75rem;
  font-family: var(--font-book);
  letter-spacing: 0.1px;
  color: var(--color-gray-45);
  display: block;
}

.c-date-picker__events {
  margin-top: 1.5rem;
  padding: 1.5rem .5rem 0 .5rem;
  border-top: 0.0625rem solid var(--color-gray-15);
}

.c-date-picker--uppercase {
  text-transform: uppercase;
}

.c-date-picker-week__item {
  align-items: center;
  border-radius: 3.125rem;
  cursor: pointer;
  display: flex;
  height: 3.75rem;
  justify-content: center;
  width: 2.5rem;
}

.c-date-picker-week__item.cell-spacing {
  padding: 0 0.125rem 0 0;
}

.c-date-picker-week__item.border {
  background: var(--tws-date-picker-cell-background-active);
  color: var(--tws-date-picker-cell-color-active);
}

.c-date-picker-week__item.has-events.is-current-one-quarter {
  background: linear-gradient(-60deg,
    var(--tws-date-picker-cell-background-active) 74%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.is-current-two-quarter {
  background: linear-gradient(-90deg,
    var(--tws-date-picker-cell-background-active) 50%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.is-current-three-quarter {
  background: linear-gradient(-120deg,
    var(--tws-date-picker-cell-background-active) 25%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.one-quarter {
  background: linear-gradient(-60deg,
    var(--tws-date-picker-cell-events-border-color) 74%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.two-quarter {
  background: linear-gradient(-90deg,
    var(--tws-date-picker-cell-events-border-color) 50%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.three-quarter {
  background: linear-gradient(-120deg,
    var(--tws-date-picker-cell-events-border-color) 25%,
    var(--tws-date-picker-cell-events-border-busy-color) 0%
  );
}
.c-date-picker-week__item.has-events.four-quarter {
  background: var(--tws-date-picker-cell-events-border-busy-color);
}

.c-date-picker-week__item.is-disabled {
  color: var(--tws-date-picker-cell-disabled);
  cursor: default;
}

.c-date-picker-week-month-transition {
  display: flex;
  justify-content: center;
  width: 100%;
}

.c-date-picker-week-month-transition-action {
  background-image: url(/../../static/media/DLS_Chevron.5bfba058.svg);
  background-repeat: no-repeat;
  border-radius: 0.625rem;
  cursor: pointer;
  display: flex;
  min-height: 1.125rem;
  width: 4.625rem;
}

.c-date-picker-week-month-transition-action.up {
  transform: rotate(180deg);
}

.c-date-picker__special-dates {
  width: 100%;
}

.c-date-picker__special-date {
  color: hsl(var(--color-accent-pink-55));
  display: flex;
  font-size: 0.75rem;
  margin: 0.5rem 0;
}

.c-date-picker__special-date .c-date-picker__special-date-day {
  margin: 0 0.5rem;
  font-weight: 600;
  width: 1rem;
  text-align: right;
}

.c-date-picker__expander {
  display: flex;
  place-content: center;
  margin-top: 1.125rem;
}


@media (max-width: 1023px) {
  .c-date-picker--monthly .c-date-picker__rows,
  .c-date-picker--week .c-date-picker__rows,
  .c-slide-up-panel__content .c-date-picker--week .c-date-picker__rows,
  .c-date-picker__expander-mode.c-date-picker--monthly .c-date-picker__is-mobile-week-open.c-date-picker__rows {
    min-height: 13.75rem;
  }

  .c-date-picker__expander-mode.c-date-picker--week .c-date-picker__is-mobile-week-open.c-date-picker__rows {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .c-date-picker--week .c-date-picker__item,
  .c-date-picker--monthly .c-date-picker__item {
    width: var(--tws-date-picker-cell-width);
    height: var(--tws-date-picker-cell-height);
  }

  .c-date-picker--week .item-busy:before,
  .c-date-picker--week .item-busy:after,
  .c-date-picker--monthly .item-busy:before,
  .c-date-picker--monthly .item-busy:after {
    position: absolute;
    width: var(--tws-date-picker-cell-width);
    height: var(--tws-date-picker-cell-height);
    content: "";
    border: 2px solid;
    border-radius: 50%;
  }

  .c-date-picker--week .item-busy:before,
  .c-date-picker--monthly .item-busy:before {
    border-color: var(--tws-date-picker-cell-events-border-busy-color);
  }

  .c-date-picker--week .item-busy:after,
  .c-date-picker--monthly .item-busy:after {
    border-color: var(--tws-date-picker-cell-events-border-secondary-busy-color);
  }

  .c-date-picker--week .item-busy-one-quarter:before,
  .c-date-picker--monthly .item-busy-one-quarter:before {
    transform: rotate(45deg);
    clip: rect(0, 2.625rem, 0.4rem, 0);
  }

  .c-date-picker--week .item-busy-one-quarter:after,
  .c-date-picker--monthly .item-busy-one-quarter:after {
    transform: rotate(225deg);
    clip: rect(0, 5.625rem, 1.6rem, 0);
  }

  .c-date-picker--week .item-busy-two-quarter:before,
  .c-date-picker--monthly .item-busy-two-quarter:before {
    transform: rotate(90deg);
    clip: rect(0, 5.625rem, 1rem, 0);
  }

  .c-date-picker--week .item-busy-two-quarter:after,
  .c-date-picker--monthly .item-busy-two-quarter:after {
    transform: rotate(270deg);
    clip: rect(0, 5.625rem, 1rem, 0);
  }

  .c-date-picker--week .item-busy-three-quarter:before,
  .c-date-picker--monthly .item-busy-three-quarter:before {
    transform: rotate(130deg);
    clip: rect(0, 5.625rem, 1.75rem, 0);
  }

  .c-date-picker--week .item-busy-three-quarter:after,
  .c-date-picker--monthly .item-busy-three-quarter:after {
    transform: rotate(308deg);
    clip: rect(0, 5.625rem, 0.35rem, 0);
  }

  .c-date-picker--week .item-busy-four-quarter:before,
  .c-date-picker--monthly .item-busy-four-quarter:before {
    transform: rotate(144deg);
    clip: rect(0, 5.625rem, 1.85rem, 0);
  }

  .c-date-picker--week .item-busy-four-quarter:after,
  .c-date-picker--monthly .item-busy-four-quarter:after {
    transform: rotate(330deg);
    clip: rect(0, 5.625rem, 0.1875rem, 0);
  }

  .c-date-picker--week .item-busy-full:after,
  .c-date-picker--monthly .item-busy-full:after {
    width: 0;
    border: 0;
  }

  .c-date-picker--week .item-busy-full:before,
  .c-date-picker--monthly .item-busy-full:before {
    clip: rect(0, 5.625rem, 5.625rem, 0);
  }

  .c-date-picker-interval .c-date-picker__item.is-limit:not(.is-disabled):before {
    width: 66%;
  }

  .c-date-picker-interval .c-date-picker__item.is-first-limit:not(.is-disabled):before {
    left: 1rem;
  }

  .c-date-picker-interval .c-date-picker__item.is-limit:not(.is-disabled):first-child:before {
    width: 50%;
  }

  .c-date-picker-interval .c-date-picker__item.is-last-limit:before {
    left: -15%;
  }

  .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit) {
    margin: 2px 0;
    width: 2.625rem;
  }

  .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):first-child {
    width: 2.313rem;
    padding-right: 4px;
  }

  .c-date-picker-interval .c-date-picker__item.is-selected:not(.is-limit):last-child {
    width: 2.313rem;
    padding-left: 4px;
  }

  .c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus,
  .c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus {
    width: 2rem;
    margin: 2px 0.313rem;
    padding: 0;
  }

  .c-date-picker-interval .c-date-picker__item:not(.is-limit):first-child:focus {
    margin-left: 0;
  }

  .c-date-picker-interval .c-date-picker__item:not(.is-limit):last-child:focus {
    margin-right: 0;
  }

  .c-date-picker-interval .c-date-picker__item.is-selected:focus {
    width: 2rem;
    margin: 2px 0.313rem;
    border-radius: 50%;
  }

  .c-date-picker-interval .c-date-picker__item.is-selected:first-child {
    margin-left: 0;
  }

}

.c-deck-group__header {
  display: flex;
  align-items: center;
  height: 3.25rem;
  width: 100%;
  border-bottom: 1px solid hsla(var(--color-gray-75), 10%);
}

.c-deck-group__header--default {
  background-color: hsl(var(--color-gray-5));
}

.c-deck-group__header--transparent {
  background-color: transparent;
}

.c-deck-group__header--white {
  background-color: hsl(var(--color-white));
}

.c-deck-group__content {
  flex: 1;
}

.c-deck-group__header-actions {
  display: flex;
  align-items: center;
  height: 100%;
}

.c-deck-group__header-actions .c-deck-group__checkbox {
  padding: 1rem 1rem 1rem 0rem;
}

.c-deck-group__header-actions .c-deck-group__collapse-arrow {
  padding: 0.75rem;
}

.c-deck-group__wrapper-selected {
  border: 4px solid hsl(var(--color-45));
  background-color: hsla(var(--color-45), 0.1);
  border-radius: 4px;
}

@media (max-width: 767px) {
  
  .c-deck-group__contextual-bar .c-contextual-bar__header-top {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .c-deck-group__contextual-bar {
    padding: 0;
  }

  .c-deck-group__contextual-bar .c-contextual-bar__header-bottom .c-token:first-of-type {
    margin-left: 1rem;
  }
  
  .c-deck-group__contextual-bar .c-contextual-bar__header-bottom .c-token:last-of-type,
  .c-deck-group__contextual-bar .c-contextual-bar__header-bottom .c-token-list__show-more-button {
    margin-right: 1rem;
  }
}

.c-deck {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.c-deck__group-grid-item, .c-deck-group__content  {
  overflow: auto;
}

.c-deck__group-header-default-content {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 1rem;
  height: 100%;
  cursor: pointer;
}

.c-deck__group-header-default-content .c-deck__group-header-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-deck__group-grid {
  display: grid;
}

:root {
  /* So it always is a square. */
  --tws-digit-inputs-size: var(--tws-input-height);
  --tws-digit-inputs-dot-size: 3rem;
}

.c-digit-inputs {
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
}

.c-digit-inputs__box {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--tws-input-border-color);
  border-radius: var(--tws-input-radius);
  background-color: var(--tws-input-background);
  width: var(--tws-digit-inputs-size);
  height: var(--tws-digit-inputs-size);
}

.c-digit-inputs__box:focus-within {
  --tws-input-border-color: var(--tws-input-border-color-focus);
  --tws-input-background: var(--tws-input-background-focus);
  box-shadow: 0 0 0 1px var(--tws-input-outline-focus);
}

.c-digit-inputs__box:hover {
  --tws-input-border-color: var(--tws-input-border-color-hover);
  --tws-input-background: var(--tws-input-background-hover);
}

.c-digit-inputs.is-disabled .c-digit-inputs__box {
  --tws-input-border-color: var(--tws-input-border-color-disabled);
  --tws-input-background: var(--tws-input-background-disabled);
  --tws-input-color: var(--tws-input-color-disabled);
}

.c-digit-inputs--dots .c-digit-inputs__box--with-value::after {
  position: absolute;
  content: "•";
  width: 100%;
  padding: 0 var(--tws-input-ltr-padding);
  color: var(--tws-input-color);
  font-family: var(--tws-input-font);
  font-size: var(--tws-digit-inputs-dot-size);
}

.c-digit-inputs__input {
  width: 100%;
  height: 100%;
  padding: 0 var(--tws-input-ltr-padding);
  color: var(--tws-input-color);
  font-family: var(--tws-input-font);
  font-size: var(--tws-input-font-size);
  background-color: transparent;
  text-align: center;
}

.c-digit-inputs__input::-moz-selection {
  background-color: var(--tws-input-selection-color);
}

.c-digit-inputs__input::selection {
  background-color: var(--tws-input-selection-color);
}

.c-digit-inputs--dots .c-digit-inputs__box--with-value .c-digit-inputs__input {
  color: transparent;
  caret-color: var(--tws-input-color);
}

.c-drop-down-menu__header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0.375rem;
  margin: 0 0.375rem;
  font-family: var(--font-book);
  cursor: pointer;
}

.c-drop-down-menu__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: var(--font-book);
}

.c-drop-down-menu__container > .c-option {
  width: calc(100% + 24px); /* 12px for each side */
  margin-left: -12px;
}

.c-drop-down-menu__container > .c-option:first-child {
  margin-top: -12px;
}

.c-drop-down-menu__container > .c-option:last-child {
  margin-bottom: -12px;
}

.c-event-token {
  margin-bottom: 0.5rem;
  font-family: var(--font-book);
  display: flex;
}

.c-event-token .c-event-token__data {
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.c-event-token .c-event-token__status {
  width: 0.25rem;
  background-color: var(--color-safety-neutral);
  flex: none;
}

.c-event-token.is-confirmed > .c-event-token__status,
.c-event-token.is-available > .c-event-token__status {
  background-color: var(--color-safety-green);
}

.c-event-token.is-ready > .c-event-token__status,
.c-event-token.is-approved > .c-event-token__status,
.c-event-token.is-waiting > .c-event-token__status,
.c-event-token.is-processing > .c-event-token__status {
  background-color: hsl(var(--color-gray-45));
}

.c-event-token.is-notapproved > .c-event-token__status {
  background-color: var(--color-safety-orange);
}

.c-event-token.is-canceled > .c-event-token__status {
  background-color: var(--color-safety-red);
}

.c-event-token__title {
  font-family: var(--font-book);
  font-size: 0.75rem;
  color: hsl(var(--color-gray-30));
  margin-bottom: 2px;
  display: block;
}

.c-event-token__subtitle {
  font-family: var(--font-medium);
  font-size: 0.75rem;
  cursor: pointer;
}

.c-event-token__subtitle:hover {
  text-decoration: underline;
}

.c-event-list {
  font-size: 1rem;
}

.c-event-list__tokens {
  display: flex;
  flex-direction: column;
}

.c-event-list__hidden-events {
  max-height: 25rem;
  overflow: auto;
}

.c-form {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  font-size: 1rem;
  position: relative;
}

.c-form__container {
  position: relative;
  flex: 1;
}

.c-form__header {
  display: flex;
  align-items: center;
  padding-top: 0;
}

.c-form__title {
  color: hls(var(--color-gray-75));
  flex: 1;
  font-size: 1rem;
  line-height: 1.3;
  font-family: var(--font-bold);
  padding: 1rem 0 0.25rem 0;
}

.c-form__edit {
  margin-left: auto;
}

.c-form__loader {
  background-color: hsl(var(--color-white));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-form__loader--fade-enter,
.c-form__loader--fade-exit {
  transition: opacity .15s linear;
}

.c-form__loader--fade-enter {
  opacity: 0;
}

.c-form__loader--fade-enter-active {
  opacity: 1;
}

.c-form__loader--fade-exit {
  opacity: 1;
}

.c-form__loader--fade-exit-active {
  opacity: 0;
}

.c-form__submitting-overlay {
  position: absolute;
  inset: 0;
  background: hsla(var(--color-white), .35);
  z-index: var(--zindex-medium);
}

.o-form {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.c-form .c-input:not(.c-phone-number__input):not(.is-read-only):not(.is-invalid) .c-input__box:focus-within,
.c-form .c-text-area:not(.is-read-only):not(.is-invalid) .c-text-area__input:focus,
.c-form .c-phone-number:not(.is-read-only):not(.is-invalid):focus-within  {
  outline: 2px solid hsl(var(--color-group-blue-30));
  outline-offset: 2px;
  border-radius: 1px;
}

.o-form--confortable,
.o-form--confortable .o-form {
  margin: -0.75rem;
}

.o-form--confortable
.o-form__field,
.o-form--confortable .o-form .o-form__field {
  padding: .75em;
}

.o-form--compact,
.o-form--dense,
.o-form--compact .o-form,
.o-form--dense .o-form {
  margin: -0.5rem;
}

.o-form--compact .o-form__field,
.o-form--dense .o-form__field,
.o-form--compact .o-form .o-form__field,
.o-form--dense .o-form .o-form__field {
  padding: .5em;
}

.o-form--confortable .c-fieldset {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.o-form--compact .c-fieldset, .o-form--dense .c-fieldset {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.c-form__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .5rem;
  margin-top: 2rem;
}

.c-form__cancel {
  margin-right: 2rem;
}

.c-global-actions-stack-manager .c-form__cancel {
  margin-right: 0;
}

.t-light .c-form__title {
  color: white;
}

.c-modal .c-form__actions {
  display: none;
}

.o-form--default,
.o-form--regular,
.o-form--default .o-form,
.o-form--regular .o-form {
  margin: 0 -0.5rem;
}

.o-form--default .o-form__field,
.o-form--regular .o-form__field,
.o-form--default .o-form .o-form__field,
.o-form--regular .o-form .o-form__field {
  padding: 0.75rem 0.5rem;
}

@media (max-width: 1023px) {
  .o-form--default,
  .o-form--regular,
  .o-form--default .o-form,
  .o-form--regular .o-form {
    margin: 0 -0.25rem;
  }

  .o-form--default .o-form__field,
  .o-form--regular .o-form__field,
  .o-form--default .o-form .o-form__field,
  .o-form--regular .o-form .o-form__field {
    padding: 0.75rem 0.25rem;
  }
}

@media (max-width: 767px) {
  .c-form__actions {
    display: none;
  }

  .c-form__header {
    margin-bottom: 0;
  }
}

:root {
  --tws-label-spacing: .5em;
  --tws-label-color: hsla(var(--color-gray-75), 63%);
  --tws-label-font: var(--font-light);
  --tws-label-font-size: 0.875rem;
}


.t-very-dark-gray {
  --tws-label-color: hsla(var(--color-15), 50%);
}

.c-field {
  display: flex;
  flex-direction: column;
}

.c-field__helper-text {
  font-size: .75rem;
  font-family: var(--font-book);
  color: hsl(var(--color-gray-30));
  line-height: 1.125rem;
}

.c-field__helper-text,
.c-field__validation-list {
  margin-top: .5rem;
}

.c-field__label {
  display: flex;
  align-items: center;
  grid-gap: .5rem;
  gap: .5rem;
  margin-bottom: var(--tws-label-spacing);
}

.c-field__label-icon-container {
  display: flex;
}

.c-field__label svg {
  width: 1rem;
  fill: hsl(var(--color-gray-70));
}

.c-label {
  display: block;
  min-height: var(--tws-label-font-size);
  font-family: var(--tws-label-font);
  font-size: var(--tws-label-font-size);
  letter-spacing: .1px;
  text-align: left;
  color: var(--tws-label-color);
}

.c-label:not(.u-hidden) {
  -webkit-animation: slideLabelIn .2s ease-out;
          animation: slideLabelIn .2s ease-out;
}

.c-label.is-required:before {
  content: '*';
  color: hsl(var(--color-signal-red-60));
  font-size: 1rem;
}

@media (min-width: 767px) {
  .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

 .c-field-list__row + .c-field-list__row .o-form {
  margin-top: 0;
}

.c-field-list__row {
  position: relative;
  display: flex;
  flex-direction: column;
}

.c-field-list__add {
  margin-top: 1.5rem;
}

.c-field-list__remove {
  margin-left: auto;
  padding: .25rem;
  z-index: 1;
}

.c-fieldset {
  width: 100%;
  padding-top: 1.5em !important; /* TODO: remove !important after the editor css is adjusted */
  padding-bottom: 1.5em !important; /* TODO: remove !important after the editor css is adjusted */
  overflow: hidden;
}

.c-fieldset__header {
  padding: .5em;
  padding-top: 0;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
}

.c-fieldset__title {
  font-size: 1.125em;
  font-family: var(--font-light);
  color: hls(var(--color-gray-45));
}

.c-fieldset:not(.is-collapsed) .c-fieldset__header {
  margin-bottom: 1em;
}

.c-fieldset__content {
  min-height: 2.625em;
}

.c-fieldset__collapse-arrow {
  margin-left: auto;
}

.t-light .c-fieldset__title {
  color: white;
}

.c-file-uploader__required-file {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  font-family: var(--font-bold);
}

.c-file-uploader__icon {
  fill: hsl(var(--color-signal-50));
  height: 0.8rem;
  margin-left: 0.35rem;
  vertical-align: middle;
  width: 0.8em;
}

.c-file-uploader__error-message {
  color: hsl(var(--color-signal-50));
  margin-top: 0.2rem;
}

.c-file-uploader-modal__text {
  margin-bottom: .5rem;
}

.c-file-uploader-modal__text.allowed-types__text {
  margin-top: 1.5rem;
}

.c-file-uploader-modal__container-drag-drop {
  align-items: center;
  background-color: hsl(var(--color-5));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

.c-file-uploader {
  margin-bottom: 1rem;
}

.c-file-uploader__input {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  opacity: 0;
}

.c-file-uploader__icon {
  margin-right: 1rem;
  width: 1rem;
}

.c-file-uploader__list-title {
  margin-top: 2.5rem;
}

.c-file-uploader-modal__container {
  display: flex;
  flex-direction: column;
  margin: 3rem auto;
  width: 95%;
}

.c-file-uploader {
  margin-bottom: 1rem;
}

.c-file-uploader__input {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  opacity: 0;
}

.c-file-uploader__icon {
  margin-right: 1rem;
  width: 1rem;
}

.c-file-uploader-modal__container {
  display: flex;
  flex-direction: column;
  margin: 3rem auto;
  width: 95%;
}

.c-file {
  margin-left: auto;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.c-file__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  background-color: hsl(var(--color-gray-5));
  height: 5rem;
}

.c-file__predefined {
  align-items: center;
  background-color: hsl(var(--color-gray-5));
  border-radius: 1px;
  cursor: pointer;
  display: flex;
  height: 5rem;
  margin-bottom: 1rem;
  padding-top: .25em;
}

.c-file__predefined-title {
  font-size: .75rem;
  margin-left: 1.125rem;
}

.c-file__missing-file {
  border: 1px solid hsl(var(--color-signal-50));
}

.c-file--no-margin {
  margin: 0;
}

.c-file__predefined .c-file-uploader__icon {
  margin-left: auto;
}

.c-file__required-indicator {
  fill: hsl(var(--color-signal-50));
  height: 0.8rem;
  margin-left: 0.35rem;
  vertical-align: middle;
  width: 1rem;
}

.c-file__missing-required-file {
  font-size: 0.75rem;
  color: hsl(var(--color-signal-50));
}

.c-file__informations {
  display: flex;
  flex-direction: column;
  font-size: .75rem;
  min-width: 0;
}

.c-file__icon {
  margin-left: 1.125rem;
  cursor: pointer;
  width: 1rem;
}

.c-file__group {
  display: flex;
  flex-direction: row;
}

.c-file__size {
  color: hsl(var(--color-gray-45));
}

.c-file__icon-status {
  margin: 0 1.125rem;
  width: 1rem;
}

.c-file__icon-status-load {
  fill: hsl(var(--color-signal-60));
}

.c-file__icon-status-failed {
  fill: hsl(var(--color-signal-40));
}

.c-file__error-msg {
  color: hsl(var(--color-signal-40));
}

.c-file:last-child {
  margin-bottom: 0em;
}

.c-file__status {
  display: flex;
  align-items: center;
  margin-right: 1.125rem;
}

.c-file__remove {
  width: .5rem;
  height: .5rem;
  margin: 0 .5em;
  background-position: center;
  background-repeat: no-repeat;
}

.c-file__name {
  flex: 1;
  font-size: 0.875rem;
}

.c-file__name-preview {
  color: #053D77;
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
}

.c-file__description-link {
  padding: .75rem 0;
  text-align: right;
}

.c-file__description-input {
  padding: .5rem 0;
}

.c-file__description-clear {
  cursor: pointer;
  margin-left: 1rem;
  height: var(--tws-input-height);
  display: flex;
  align-items: center;
}

.c-file__description-clear svg {
  width: 18px;
  height: 18px;
}

.c-file__description-clear:focus {
  outline: 2px solid hsla(var(--color-group-blue-45), 70%);
  outline-offset: -2px;
}

@media (max-width: 767px) {
  .c-file {
    margin-top: 1rem;
  }
}

@media (min-width: 1025px) {
  .c-file__icon-status {
    margin: 0 1.25rem;
  }
}

.c-filtered-list {
  width: 100%;
  height: 100%;
}

.c-filtered-list,
.c-filtered-list__filter,
.c-filtered-list__list {
    display: flex;
    flex-direction: column;
}

.c-filtered-list__filter {
  flex: none;
}

.c-filtered-list__list {
  margin-top: 0.5em;
  flex: 1;
}

.c-floating-panel {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: hsl(var(--color-gray-10));
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: all;
}

.c-floating-panel__container {
  width: 100%;
  height: 100%;
  display: flex;
  padding-right: 2rem;    /* spacing for dnd-grip */
}

.c-floating-panel__draggable-grip {
  align-items: center;
  background-color: hsla(var(--color-gray-75), 0.9);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 2rem;
}

.c-floating-panel__draggable-grip > svg {
  fill: hsla(var(--color-gray-15), 0.9);
  width: 1rem;
}

:root {
  --tws-footer-background: hsl(var(--color-45));
}

:root.t-content-bright {
  --tws-footer-background: hsl(var(--color-70));
}

.c-footer {
  background-color: var(--tws-footer-background);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  margin-top: auto;
  width: 100%;
}

.c-footer__text {
  color: hsl(var(--color-white));
  font-family: var(--font-bold);
  font-size: 1rem;
}

.c-global-actions-stack-manager__actions {
  border-top: 1px solid hsl(var(--color-gray-15));
  background-color: hsl(var(--color-white));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem 1rem;
  z-index: var(--zindex-low);
  grid-gap: 1rem;
  gap: 1rem;
}

.c-global-actions-stack-manager__actions .c-button--sm {
  min-width: 10rem;
}

.c-global-actions-stack-manager__secondary-element {
  background-color: hsl(var(--color-white));
}

@media (min-width: 1024px) {
  .c-global-actions-stack-manager--hide-on-desktop {
    display: none;
  }
}

@media (max-width: 1023px) {
  .c-global-actions-stack-manager__actions {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border: none;
    padding: 1rem;
    box-shadow: 0px -1px 5px 0px hsl(var(--color-gray-15));
  }

  .c-global-actions-stack-manager__actions .c-button {
    flex: 1;
  }

  .c-global-actions-stack-manager__actions .c-button--sm {
    min-width: auto;
  }
}

@media (max-width: 767px) {
  .c-global-actions-stack-manager__actions {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
}

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

@-webkit-keyframes slideLeftToRight {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

@keyframes slideLeftToRight {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

.c-hamburger-menu {
  position: relative;
  width: 100%; }

.c-hamburger-menu__header {
  display: flex; }

.c-hamburger-menu__content {
  position: absolute;
  top: 0;
  bottom: 0;
  box-shadow: -6px 0 8px -8px rgba(0, 0, 0, 0.1), 6px 0 12px -8px rgba(0, 0, 0, 0.3);
  -webkit-animation: slideLeftToRight .3s forwards;
          animation: slideLeftToRight .3s forwards; }

.c-hamburger-menu__icon {
  z-index: 1;
  cursor: pointer; }

.c-hamburger-menu__icon span {
  display: block;
  width: 1.5rem;
  height: 0.25rem;
  margin-bottom: 0.25rem;
  position: relative;
  border-radius: 1px;
  transform-origin: 0.25rem 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
  .c-hamburger-menu__icon span:first-child {
    transform-origin: 0% 0%; }
  .c-hamburger-menu__icon span:nth-last-child(2) {
    transform-origin: 0% 100%; }

.c-hamburger-menu__icon.is-open span {
  opacity: 1;
  transform: rotate(45deg) translate(0, 0); }

.c-hamburger-menu__icon.is-open span:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2); }

.c-hamburger-menu__icon.is-open span:nth-last-child(1) {
  transform: rotate(-45deg) translate(-1px, -4px); }

@media (max-width: 767px) {
  .c-hamburger-menu__content {
    left: 0;
    right: 0; }
  .c-hamburger-menu__content .c-menu.c-menu--vertical {
    width: 100%; }
  .c-hamburger-menu__content .c-menu.c-menu--submenu.c-menu--docked.c-menu--vertical {
    -webkit-animation: slideLeftToRight .3s forwards;
            animation: slideLeftToRight .3s forwards; } }

.c-image {
  max-height: 100%;
}
:root {
  --tws-inactivity-background: hsl(var(--color-white));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-black));
}

:root.t-nav-ultra-light {
  --tws-inactivity-background: hsl(var(--color-white));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-45));;
}

:root.t-nav-very-light {
  --tws-inactivity-background: hsl(var(--color-10));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-45));
}

:root.t-nav-bright {
  --tws-inactivity-background: hsl(var(--color-45));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-white));
}

:root.t-nav-very-dark-gray {
  --tws-inactivity-background: hsl(var(--color-65));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-15));
}

:root.t-nav-very-dark {
  --tws-inactivity-background: hsl(var(--color-70));
  --tws-inactivity-icon: var(--color-safety-red);
  --tws-inactivity-text: hsl(var(--color-white));
}
.c-inactivity {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  background-color: var(--tws-inactivity-background);
}

.c-inactivity__icon {
  width: 48px;
  height: 48px;
  margin-top: 4rem;
  fill: var(--tws-inactivity-icon);
}

.c-inactivity__text {
  font-size: .875rem;
  line-height: 1.1875rem;
  font-family: var(--font-book);
  color: var(--tws-inactivity-text);
}

.c-inactivity__title {
  font-size: 1.625rem;
  line-height: 2.25rem;
  margin-top: 2.5rem;
}

.c-inactivity__message {
  margin-top: 1.625rem;
}

.c-inactivity__button {
  margin-top: 1.625rem;
}
:root {
  --tws-information-bar-background: hsl(var(--color-gray-75));
  --tws-information-bar-second-background: hsl(var(--color-gray-70));
  --tws-information-bar-data-text: hsl(var(--color-white));
  --tws-information-bar-label-text: hsl(var(--color-gray-30));
}

:root.t-nav-bright {
  --tws-information-bar-background: hsl(var(--color-gray-75));
  --tws-information-bar-second-background: hsl(var(--color-gray-70));
  --tws-information-bar-data-text: hsl(var(--color-white));
  --tws-information-bar-label-text: hsl(var(--color-gray-30));
}

.c-information-bar {
  font-size: 1rem;
}

.c-information-bar--stick-to-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  transition: top 0.3s ease-out;
  z-index: var(--zindex-high);
}

.c-information-bar--stick-to-top.c-information-bar--accomodate-application-bar {
  top: var(--tws-application-bar-height);
}

.c-information-bar__row {
  padding: 0.5rem 1rem;
  background-color: hsla(var(--color-gray-75));
  overflow: hidden;
  min-height: 4rem;
}

.c-information-bar__row.c-information-bar__container[slot='primary-value-list'] {
  margin: 0 1.75rem;
}

.c-information-bar__header-title {
  display: flex;
  align-items: flex-end;
  font-size: 0.875rem;
  margin-bottom: .25rem;
  min-height: 1.5rem;
}

.c-information-bar__header-info {
  width: 100%;
  align-self: center;
}

.c-information-bar__header-fields {
  display: inline;
  display: initial;
}

.c-information-bar__header-fields.is-collapsed {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}

.c-information-bar__header-field {
  flex: auto;
}

.c-information-bar__list-icon,
.c-information-bar__header-icon {
  max-width: 1.5rem;
  max-height: 1.5rem;
}

.c-information-bar__text {
  font-size: 0.75rem;
  font-family: var(--font-book);
  letter-spacing: -0.1px;
  white-space: pre-line;
  line-height: 1.125rem;
}

.c-information-bar__text--title {
  color: var(--tws-information-bar-data-text) !important;
  font-size: 0.875rem;
  margin-bottom: .25rem;
  margin-left: .5rem;
}

.c-information-bar__text--data {
  color: var(--tws-information-bar-data-text) !important;
}

.c-information-bar__text--label {
  color: var(--tws-information-bar-label-text) !important;
}

.c-information-bar__text--label .c-label {
  font-size: 0.75rem !important;
  color: var(--tws-information-bar-label-text) !important;
  margin-bottom: 2px;
}

.c-information-bar__extra-info-inline {
  display: inline-block;
  padding: 0 0.75rem 0 0;
}

.c-information-bar__text--label:after {
  content: ' ';
}

.c-information-bar__row--primary {
  padding: .5rem 1rem;
}

.c-information-bar__row--secondary {
  padding: 0.5rem;
  flex-flow: row wrap;
  background-color: var(--tws-information-bar-second-background);
  margin-top: 1rem;
}

.c-information-bar__row--secondary > .c-information-bar__container {
  -webkit-animation: infoBarSlideIn 0.25s;
          animation: infoBarSlideIn 0.25s;
}

.c-information-bar__avatar {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  font-size: 1rem;
  transition: all 0.2s;
  min-width: 100%;
  margin-top: .5rem;
}

.c-information-bar__avatar-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1rem;
  min-width: 0;
  max-width: 100%;
}

.c-information-bar__avatar-img {
  width: 4.125rem;
  height: 4.125rem;
}

.c-information-bar__avatar-img img,
.c-information-bar__avatar-img svg {
  width: 4.125rem;
  height: 4.125rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: content-box;
  border-radius: 50%;
  flex: none;
}

.c-information-bar__expander {
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  fill: hsl(var(--color-gray-35));
  margin-right: 0;
  margin-left: auto;
  transition: 0.23s ease-in-out;
  font-family: --font-book;
  letter-spacing: 0.1px;
  flex: none;
}

.c-information-bar__expander.is-expanded {
  transform: rotate(-180deg);
}

.c-information-bar__actions + .c-information-bar__avatar {
  flex: none;
}

.c-information-bar__list-title {
  display: flex;
  flex: 1 100%;
}

.c-information-bar__row-alerts-area .c-information-bar__list {
  margin-top: -1rem;
}

.c-information-bar__row-alerts-area .c-information-bar__expander {
  fill: hsl(var(--color-gray-15));
  width: 1.25rem;
  height: 1.25rem;
}

.c-information-bar__list {
  display: flex;
  flex-flow: row wrap;
}

.c-information-bar__list-item {
  flex: 1 100%;
  display: flex;
  margin: .75rem .5rem 0;
}

.c-information-bar__allergies-list {
  margin-top: 0rem;
  margin-left: 2.5rem;
}

.c-information-bar__list-item-text {
  margin-left: 0.5rem;
  align-self: center;
}

.c-modal.c-information-bar-modal .c-modal__content,
.c-modal.c-information-bar-modal .c-modal__content--with-stack-manager {
  overflow: visible !important;
  overflow: initial !important;
}

@media (max-width: 767px) {
  .c-information-bar__row {
    min-height: 4.375rem;
  }
}

@media (max-width: 1023px) {
  .c-information-item:not(:first-child) {
    margin-top: 1.625rem;
  }

  .c-information-bar__action {
    margin-left: 1rem;
  }
}

@-webkit-keyframes infoBarSlideIn {
  from {
    transform: translateY(-12%);
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes infoBarSlideIn {
  from {
    transform: translateY(-12%);
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-information-bar__icon-alert {
  fill: var(--color-alert);
}

.c-information-bar__icon-birthday {
  fill: var(--color-birthday);
}

.c-information-bar__icon-preventive {
  fill: var(--color-preventive);
}

.c-information-bar__icon-vip {
  fill: var(--color-vip);
}

:root {
  --tws-input-height: 2.5rem;
  --tws-input-height-readonly: initial;

  --tws-input-ltr-padding: .75rem;
  --tws-input-ltr-padding-readonly: 0;

  --tws-input-radius: 2px;
  --tws-input-font: var(--font-light);
  --tws-input-font-size: 1rem;

  --tws-input-background: white;
  --tws-input-background-hover: white;
  --tws-input-background-focus: white;
  --tws-input-background-pressed: white;
  --tws-input-background-disabled: hsla(var(--color-white), 35%);
  --tws-input-background-readonly: transparent;

  --tws-input-sh-icon-color: hsla(var(--color-gray-75), 80%);
  --tws-input-sh-icon-color-disabled: hsla(var(--color-gray-75), 35%);

  --tws-input-outline-pressed: transparent;

  --tws-input-border-color: hsl(var(--color-gray-20));
  --tws-input-border-color-hover: hsl(var(--color-gray-30));
  --tws-input-border-color-focus: hsl(var(--color-45));
  --tws-input-border-color-pressed: hsl(var(--color-45));
  --tws-input-border-color-disabled: hsla(var(--color-gray-20), 35%);

  --tws-input-selection-color: hsla(var(--color-45), 20%);

  --tws-input-color: hsl(var(--color-gray-75));
  --tws-input-color-disabled: hsl(var(--color-gray-75), 35%);

  --tws-input-placeholder-color: hsl(var(--color-gray-35));
  --tws-input-placeholder-color-disabled: hsl(var(--color-gray-75), 35%);
}

.c-input--dense {
  --tws-input-height: 2rem;
  --tws-input-ltr-padding: .5rem;
}

.c-input--validated {
  --tws-input-background-hover: var(--tws-input-background);
  --tws-input-background-focus: var(--tws-input-background);
  --tws-input-background-pressed: var(--tws-input-background);

  --tws-input-border-color: hsl(var(--color-signal-red-60));
  --tws-input-border-color-hover: var(--tws-input-border-color);
  --tws-input-border-color-focus: var(--tws-input-border-color);
  --tws-input-border-color-pressed: var(--tws-input-border-color);
}

.c-input--inline {
  --tws-input-color: hsl(var(--color-gray-75));
  --tws-input-color-focus: hsl(var(--color-gray-75));
  --tws-input-color-disabled: hsla(var(--color-gray-75), 35%);
}

.c-input--quiet {
  --tws-input-background: transparent;
  --tws-input-background-hover: white;
  --tws-input-background-pressed: white;
  --tws-input-background-disabled: transparent;

  --tws-input-border-color: transparent;
  --tws-input-border-color-focus: hsl(var(--color-45));
  --tws-input-border-color-pressed: hsl(var(--color-45));
  --tws-input-border-color-disabled: transparent;

  --tws-input-color: hsl(var(--color-gray-75));
  --tws-input-color-focus: hsl(var(--color-gray-75));
  --tws-input-color-disabled: hsla(var(--color-gray-75), 35%);

  --tws-input-placeholder-color: hsl(var(--color-gray-35));
}

/* VERY DARK GRAY */

:root.t-very-dark-gray {
  --tws-input-background: hsla(var(--color-90), 10%);
  --tws-input-background-hover: hsla(var(--color-90), 10%);
  --tws-input-background-focus: hsla(var(--color-90), 20%);
  --tws-input-background-pressed: hsla(var(--color-90), 20%);
  --tws-input-background-disabled: hsla(var(--color-90), 5%);

  --tws-input-sh-icon-color: hsla(var(--color-15), 80%);
  --tws-input-sh-icon-color-disabled: hsla(var(--color-15), 35%);

  --tws-input-outline-pressed: transparent;

  --tws-input-border-color: hsla(var(--color-15), 25%);
  --tws-input-border-color-hover: hsla(var(--color-15), 35%);
  --tws-input-border-color-focus: hsl(var(--color-45));
  --tws-input-border-color-pressed: hsl(var(--color-45));
  --tws-input-border-color-disabled: hsla(var(--color-15), 10%);

  --tws-input-selection-color: hsla(var(--color-group-blue-30), 20%);

  --tws-input-color:  hsla(var(--color-15), 80%);
  --tws-input-color-disabled: hsla(var(--color-15), 35%);

  --tws-input-placeholder-color: hsla(var(--color-15), 50%);
  --tws-input-placeholder-color-disabled: hsla(var(--color-15), 35%);
}


.t-very-dark-gray .c-input--validated {
  --tws-input-background: hsla(var(--color-signal-60), 5%);
  --tws-input-background-hover: var(--tws-input-background);
  --tws-input-background-focus: var(--tws-input-background);
  --tws-input-background-pressed: var(--tws-input-background);

  --tws-input-border-color: hsla(var(--color-signal-60), 50%); /* validation color 60 */
  --tws-input-border-color-hover: var(--tws-input-border-color);
  --tws-input-border-color-focus: var(--tws-input-border-color);
  --tws-input-border-color-pressed: var(--tws-input-border-color);
}

.t-very-dark-gray .c-input--inline {
  --tws-input-color: hsl(var(--color-15));
  --tws-input-color-focus: hsl(var(--color-15));
  --tws-input-color-disabled: hsla(var(--color-15), 35%);
}

.t-very-dark-gray .c-input--quiet {
  --tws-input-background: transparent;
  --tws-input-background-hover: hsla(var(--color-90), 10%);
  --tws-input-background-focus: hsla(var(--color-90), 10%);
  --tws-input-background-pressed: hsla(var(--color-90), 10%);
  --tws-input-background-disabled: transparent;

  --tws-input-border-color: transparent;
  --tws-input-border-color-hover: hsla(var(--color-15), 35%);
  --tws-input-border-color-focus: hsl(var(--color-40));
  --tws-input-border-color-pressed: hsl(var(--color-40));
  --tws-input-border-color-disabled: transparent;

  --tws-input-color: hsl(var(--color-15));
  --tws-input-color-focus: hsl(var(--color-15));
  --tws-input-color-disabled: hsla(var(--color-35), 35%);

  --tws-input-placeholder-color: hsla(var(--color-15), 50%);
}

/* HIGH CONTRAST */

:root.t-high-contrast {
  --tws-input-sh-icon-color: hsla(var(--color-white), 80%);
  --tws-input-sh-icon-color-disabled: hsla(var(--color-white), 35%);
}

.c-input {
  position: relative;
  font-size: 1rem;
}

.c-input__show-password {
  white-space: nowrap;
}

.c-input__box {
  display: flex;
  align-items: center;
  height: var(--tws-input-height);
  border: 1px solid var(--tws-input-border-color);
  border-radius: var(--tws-input-radius);
  background-color: var(--tws-input-background);
}

.c-input__input {
  width: 100%;
  height: 100%;
  padding: 0 var(--tws-input-ltr-padding);
  text-align: left;
  color: var(--tws-input-color);
  font-family: var(--tws-input-font);
  font-size: var(--tws-input-font-size);
  background-color: transparent;
}

.c-input__box:hover {
  --tws-input-border-color: var(--tws-input-border-color-hover);
  --tws-input-background: var(--tws-input-background-hover);
}

.c-input__box:focus-within {
  --tws-input-border-color: var(--tws-input-border-color-focus);
  --tws-input-background: var(--tws-input-background-focus);
  box-shadow: 0 0 0 1px var(--tws-input-outline-focus);
}

.c-input.is-disabled .c-input__box {
  --tws-input-border-color: var(--tws-input-border-color-disabled);
  --tws-input-background: var(--tws-input-background-disabled);
  --tws-input-color: var(--tws-input-color-disabled);
}

.c-input__input::-moz-selection {
  background-color: var(--tws-input-selection-color);
}

.c-input__input::selection {
  background-color: var(--tws-input-selection-color);
}

/*
  The placeholder selectors for different vendor prefixes should NOT be joined together like for example

  .c-input__input::-webkit-input-placeholder,
  .c-input__input::-moz-placeholder {
    ...
  }

  as some browsers will not understand them, and will then ignore the whole block, causing it to not
  work as expected.

  Reference:
    - https://stackoverflow.com/a/9451942
*/

.c-input__input::-moz-placeholder {
  color: var(--tws-input-placeholder-color);
}

.c-input__input:-ms-input-placeholder {
  color: var(--tws-input-placeholder-color);
}

.c-input__input::placeholder {
  color: var(--tws-input-placeholder-color);
}

.c-input.is-disabled .c-input__input::-moz-placeholder {
  color: var(--tws-input-placeholder-color-disabled);
}

.c-input.is-disabled .c-input__input:-ms-input-placeholder {
  color: var(--tws-input-placeholder-color-disabled);
}

.c-input.is-disabled .c-input__input::placeholder {
  color: var(--tws-input-placeholder-color-disabled);
}

.c-input__footer {
  display: flex;
}

.c-input__validation {
  margin-right: .5em;
}

.c-input__counter {
  color: hsl(var(--color-gray-30));
  font-size: .75rem;
  margin-top: .5rem;
  margin-left: auto;
}

.c-input__toggle-password {
  margin-right: .5rem;
  width: 1.5rem;
  height: 1.375rem;
}

.c-input__toggle-password > svg {
  fill: var(--tws-input-sh-icon-color);
}

.c-input.is-disabled .c-input__toggle-password > svg {
  --tws-input-sh-icon-color: var(--tws-input-sh-icon-color-disabled);
}

.c-input.is-read-only .c-input__box {
  border: 0;
  background-color: var(--tws-input-background-readonly);
  height: var(--tws-input-height-readonly);
}

.c-input.is-read-only .c-input__input {
  padding: 0 var(--tws-input-ltr-padding-readonly);
}

.c-input__action {
  padding-right: var(--tws-input-ltr-padding);
}

.c-input__action--left {
  padding-right: .25rem;
}

@media (max-width: 767px) {
  .c-input__input {
    font-size: 1rem;
  }
}

.c-layout {
  position: relative;
  display: grid;
  flex: 1 0 auto;
  height: inherit;
  min-width: 0;
  z-index: 0;
}

.c-layout__area {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.u-grid-float {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.resizer {
  position: absolute;
  border: 1px dotted transparent;
}

.resizer--row {
  width: 100%;
  border-left-width: 0;
  border-right-width: 0;
  transform: translateY(-100%);
}


.resizer--column {
  border-top-width: 0;
  border-bottom-width: 0;
  height: 100%;
  transform: translateX(-100%);
}

.t-content-ultra-light .c-link,
.t-content-very-light .c-link,
.t-content-bright .c-link {
  --tws-link-color: hsla(var(--color-group-blue-55), 0.8);
  --tws-link-color-hover: hsla(var(--color-group-blue-55), 1);
  --tws-link-color-disabled: hsla(var(--color-group-blue-55), 0.5);
}

.t-content-very-dark .c-link {
  --tws-link-color: hsl(var(--color-gray-0), 0.8);
  --tws-link-color-hover: hsla(var(--color-white), 1);
  --tws-link-color-disabled: hsla(var(--color-white), 0.5);
}

.c-link {
  display: inline-block;
  font-family: var(--font-medium);
  font-size: .75em;
  letter-spacing: 0.1px;
  color: var(--tws-link-color);
  cursor: pointer;
  position: relative;
}

.c-link:hover,
.c-link:active,
.c-link:focus {
  color: var(--tws-link-color-hover);
}

.c-link--disabled {
  color: var(--tws-link-color-disabled);
  pointer-events: none;
  cursor: auto;
  cursor: initial;
}

.c-link--disabled:hover, .c-link--disabled:active, .c-link--disabled:focus {
  color: var(--tws-link-color-disabled);
}

.c-link[data-badge]:after {
  content: attr(data-badge);
  background-color: var(--color-safety-red);
  color: hsl(var(--color-gray-0));
  min-width: 1rem;
  height: 1rem;
  display: inline-block;
  text-align: center;
  line-height: 1.1rem;
  border-radius: .5rem;
  position: absolute;
  left: calc(100% - .75rem);
  bottom: calc(100% - .75rem);
  font-size: .85em;
}

.c-link__icon:not(.u-hide) + .c-link__text {
  margin-left: .5rem;
}

.c-link[data-badge] .c-link__text {
  padding-right: .5rem;
}

.c-link__icon img,
.c-link__icon svg {
  vertical-align: middle;
}

.c-link:hover > .c-link__text {
  text-decoration: underline;
}

.c-link--sm {
  font-size: .75em;
}

.c-link--sm[data-badge]:after {
  padding: 0 .25rem;
}

.c-link--md {
  font-size: .875em;
}

.c-link--md[data-badge]:after {
  padding: 0 .3rem;
}

.c-link--lg {
  font-size: 1rem;
}

.c-link--lg[data-badge]:after {
  padding: 0.35rem;
}

.c-link--xlg {
  font-size: 1.125rem;
}

.c-link--xlg[data-badge]:after {
  padding: 0.4rem;
}

.c-loader {
  overflow: hidden;
  text-align: center;
}

.c-loader__circle {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: .25rem solid;
  -webkit-mask: linear-gradient(0deg, hsl(var(--color-45)), transparent);
  mask: linear-gradient(0deg, hsl(var(--color-45)), transparent);
  border-color: hsl(var(--color-45));
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
  margin: auto;
}

.c-loader__message {
  color: hsl(var(--color-gray-75));
  font-family: var(--font-book);
  font-size: 1rem;
  margin-top: .5rem;
}

@-webkit-keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(359deg); }
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(359deg); }
}

.c-locator-input {
  flex: 1;
}

.c-locator-input .c-locator-input__input-wrapper {
  display: flex;
}

.c-locator-input .c-locator-input__input {
  flex: 1;
}

.c-locator-input .c-button {
  width: 3rem;
  padding: 0;
}

.c-locator-search__icon {
  fill: hsl(var(--color-75));
}

.c-locator-input .c-button__icon {
  margin: 0;
  height: 24px;
  width: 24px;
}

.c-locator__loader {
  display: flex;
  margin: auto auto auto 0.5rem;
}

:root {
  --tws-locator-invalid-field-backgound: #FFF1D3;
}

.c-locator {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.c-locator .c-locator-input {
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}

.c-locator .c-locator__field {
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}

.c-locator .c-locator__invalid-field .c-input:not(.is-read-only) .c-input__box {
  border: 1px solid var(--color-safety-red);
  background-color: #FFF1D3;
  background-color: var(--tws-locator-invalid-field-backgound);
}

:root {
  --tws-manifest-dependencies-text: hsl(var(--color-white));
}

.t-content-bright .c-manifest {
  --tws-manifest-dependencies-text: hsl(var(--color-white));
}

.c-modal.t-content-bright .c-manifest {
  --tws-manifest-dependencies-text: hsl(var(--color-white));
}

.c-modal.t-content-ultra-light .c-manifest {
  --tws-manifest-dependencies-text: hsl(var(--color-gray-75));
}

.c-modal.t-content-very-dark .c-manifest {
  --tws-manifest-dependencies-text: hsl(var(--color-white));
}

.c-modal.t-content-very-light .c-manifest {
  --tws-manifest-dependencies-text: hsl(var(--color-75));
}

.c-manifest-dependencies {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-manifest-dependencies__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.c-manifest-dependencies__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: .875rem;
  gap: .875rem;
}

.c-manifest-dependencies__text {
  color: var(--tws-manifest-dependencies-text);
  font-size: .875rem;
  line-height: 1.4rem;
  font-family: var(--font-book);
}

.c-manifest-dependencies__name {
  font-size: 1.5rem;
}

.c-manifest-dependencies__version {
  font-size: 1rem;
}

.c-manifest-dependencies__dependency-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: .75rem;
  gap: .75rem;
}

.c-manifest-dependencies__dependency-list-title,
.c-manifest-dependencies__dependency {
  font-size: .875rem;
  line-height: 1.25rem;
}

.c-map {
  display: flex;
  font-size: 1rem;
  min-height: 12.5em;
}

.c-map__loader {
  margin: auto;
}
.c-media-container__contextual-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0 !important;
}

.c-media-container__contextual-bar .c-contextual-bar__header {
  min-height: 2.875rem;
  padding-top: 0;
  background-color: hsl(var(--color-gray-0));
}

.c-media-container__contextual-bar .c-contextual-bar__header-top {
  height: 2.875rem;
}

.c-media-container__contextual-bar .c-contextual-bar__actions .c-contextual-bar__icon-dark {
  fill: hsl(var(--color-gray-90));
}

.c-media-container-modal__content {
  height: 100%;
  width: 100%;
  display: flex;
  background-color: hsl(var(--color-gray-15));
}

.c-media-container__item:nth-of-type(2) {
  margin-left: 1px;
}

.c-media-container-modal__content.c-media-container-modal__content--comparison .c-media-container__item {
  width: 50%;
}

.c-media-container__item {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--color-gray-15));
}

.c-media-container__img-area {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-media-container__img-area--zoomed {
  cursor: move;
}

.c-media-container__img {
  max-width: 100%;
}

.c-media-container__img--none-pointer-events {
  pointer-events: none;
}

.c-media-container__rotate-icon {
  height: 1.5rem;
  width: 1.5rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: var(--zindex-high);
}

.c-media-container__rotate-icon svg {
  fill: hsl(var(--color-gray-0));
  height: 1.5rem;
  width: 1.5rem;
}

.c-media-container__context-menu {
  height: 2.625rem;
  width: 2.625rem;
  background-color: hsl(var(--color-gray-0));
  border-radius: 50%;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: var(--zindex-high);
}

.c-media-container__context-menu svg {
  fill: hsl(var(--color-45));
}

.c-media-container-popover-item {
  padding: 0.625rem;
}

.react-transform-component {
  width: 100% !important;
  height: 100% !important;
}

.react-transform-element {
  width: 100% !important;
  height: 100% !important;
}

.c-media-container__contextual-bar
  .c-contextual-bar__actions
  .c-contextual-bar__icon-dark.media-container__action.media-container__action--is-disabled {
  fill: hsl(var(--color-gray-30));
  pointer-events: none;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .c-media-container-modal__content {
    flex-direction: column;
  }

  .c-media-container-modal__content.c-media-container-modal__content--comparison .c-media-container__item {
    width: 100%;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .c-media-container-modal__content.c-media-container-modal__content--comparison {
    flex-direction: row;
  }

  .c-media-container-modal__content.c-media-container-modal__content--comparison .c-media-container__item {
    width: 50%;
    height: auto;
  }
}

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

.c-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  min-height: 56px; }

.c-menu.c-menu--vertical {
  width: 20em;
  height: 100%;
  border-right: 1px solid #EEE; }
  .c-menu.c-menu--vertical:not(.c-menu--submenu) {
    height: 100%; }
  .c-menu.c-menu--vertical > .c-menu__body {
    overflow: auto;
    flex: 1; }

.c-menu.c-menu--horizontal {
  min-height: 3.5em;
  border-bottom: 1px solid #e3e3e3; }
  .c-menu.c-menu--horizontal > .c-menu__body {
    display: flex; }
  .c-menu.c-menu--horizontal > .c-menu__footer {
    display: none; }

.c-menu--submenu:not(.c-menu--docked) {
  border: 1px solid #eee;
  box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2), 6px 0 12px -6px rgba(0, 0, 0, 0.2); }

.c-menu--submenu.c-menu--docked {
  border-left: 1px solid #c2ced9;
  box-shadow: -6px 0 8px -8px rgba(0, 0, 0, 0.1), 6px 0 12px -8px rgba(0, 0, 0, 0.3); }

.c-menu__footer {
  margin-top: auto;
  min-height: 3.5em;
  flex: none; }

.c-menu__back {
  background-image: url(/../../static/media/arrow-left-md-dark.11e94719.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  border: 0;
  height: 1.5em;
  width: 1.5em; }

.t-high-contrast .c-menu {
  background-color: #2B2B2B;
  border-color: #464646; }

@media (max-width: 767px) {
  .c-menu .c-menu {
    position: absolute;
    top: 0;
    left: 0; }
  .c-menu__header {
    display: flex;
    align-items: center; }
  .c-menu--submenu.c-menu--docked {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; } }

.c-menu-group {
  margin: 2em 0;
}

.c-menu-group__title {
  display: block;
  min-height: 2rem;
  padding: 0 1rem .5rem;
  font-family: var(--font-bold);
  font-size: .75em;
  letter-spacing: .4px;
  line-height: 1.6;
  text-transform: uppercase;
}

.c-menu-group__content {
  min-height: 3.5em;
}

.t-high-contrast .c-menu-group {
  background-color: #2B2B2B;
}

.c-menu-icon {
  z-index: 1;
  cursor: pointer;
}

.c-menu-icon__icon {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-size: 100%;
  background-position: center;
  flex: none;
  color: #000;
}

.c-menu-icon__icon > svg {
  fill: currentColor;
}

.t-light .c-menu-icon__icon {
  color: hsl(var(--color-white));
}

/* px 2 rem */
@-webkit-keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }
@keyframes slideLabelIn {
  0% {
    transform: translateY(25%);
    opacity: 0; }
  50% {
    opacity: 1; } }

.c-menu-option.c-menu-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }

.c-menu-option:hover {
  background-color: #E8E8E8;
  cursor: pointer; }

.c-menu-option--secondary .c-menu-option__label,
.c-menu-option--secondary .c-menu-option__desc {
  color: #9E9E9E; }

.c-menu-option--secondary .c-menu-option__label {
  font-family: var(--font-medium); }

.c-menu-option__label {
  display: block;
  font-family: var(--font-medium);
  font-size: .875em;
  line-height: 1.7;
  letter-spacing: .3px;
  color: #37474F; }

.c-menu-option__desc {
  display: block;
  font-family: var(--font-book);
  font-size: .75em;
  line-height: 1.2;
  color: #696969; }

.c-menu-option__label +
.c-menu-option__desc {
  margin-top: 2px; }

.c-menu-option.is-active > .c-menu-option__label {
  font-family: var(--font-bold); }

.c-menu-option.c-menu-option--vertical {
  border-bottom: 4px solid transparent;
  padding: 1em 1.5em .75em;
  white-space: nowrap;
  text-transform: uppercase;
  position: relative; }
  .c-menu-option.c-menu-option--vertical.is-active {
    border-bottom-color: #212121; }
  .c-menu-option.c-menu-option--vertical > .c-menu-option__arrow {
    transform: rotate(90deg); }
  .c-menu-option.c-menu-option--vertical > .c-menu--float {
    border: 1px solid #aaa;
    left: 0;
    top: calc(100% + 4px); }

.c-menu-option.c-menu-option--horizontal {
  border-left: 4px solid transparent;
  border-bottom: 1px solid #EEE;
  padding: 1em;
  padding-left: 1.75em; }
  .c-menu-option.c-menu-option--horizontal.is-active {
    border-left-color: #212121; }
  .c-menu-option.c-menu-option--horizontal > .c-menu--float {
    border: 1px solid #aaa;
    right: 100%;
    top: 0; }

.c-menu-option__information {
  padding-right: 1em;
  margin-right: auto;
  min-width: 0;
  max-width: 14.5em; }

.c-menu-option__badge {
  display: inline-block;
  border-radius: 50%;
  min-width: 1.5rem;
  height: 1.5rem;
  background-color: #FF5454;
  text-align: center;
  font-family: var(--font-medium);
  font-size: .75em;
  line-height: 1.5rem;
  vertical-align: middle;
  color: #FFF; }

.c-menu-option__arrow {
  display: inline-block;
  margin: 0 .5em;
  height: 0.75em;
  width: 0.5em;
  background-image: url(/../../static/media/arrow-right-md-dark.1c755551.svg);
  background-repeat: no-repeat;
  background-size: contain; }

.c-menu-option__icon {
  width: 1.5em;
  height: 1.5em;
  margin: 0 1em 0 -0.75em; }

.t-high-contrast .c-menu-option {
  background-color: #353535;
  border-bottom: 1px solid #464646; }
  .t-high-contrast .c-menu-option:hover {
    background-color: #505050; }

.t-high-contrast .c-menu-option__label {
  color: #FFDB1F; }

.t-high-contrast .c-menu-option.is-active {
  background-color: #505050;
  border-left-color: #FFDB1F; }

.c-native-date {
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  font-size: 16px;
  z-index: 2;
}

.c-native-select {
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  font-size: 16px;
  z-index: 2;
}

.c-notification-center-item {
  font-size: 0.75rem;
  text-align: left;
  color: hls(var(--color-gray-75));
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 100%;
}

.c-notification-center-item__header-title {
  font-family: var(--font-bold);
}

.c-notification-center-item__header-date {
  margin-top: 0.375rem;
  color: hsla(var(--color-gray-65), .63);
  font-size: 0.625rem;
}

.c-notification-center-item__body {
  margin-top: 0.25rem;
  font-family: var(--font-book);
  color: hsla(var(--color-gray-65), .8);
}

.c-notification-center-item__read {
  background-color: hsl(var(--color-5));
  position: relative;
}

.c-notification-center-item__read-bullet {
  background-color: hsl(var(--color-45));
  border-radius: 50%;
  height: 0.5rem;
  left: 0.375rem;
  position: absolute;
  top: 1rem;
  width: 0.5rem;
}

.c-notification-center-item__read-bullet-img {
  left: 0.5rem;
  top: 0.5rem;
}

.c-notification-center-item__wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
}

.c-notification-center-item__card-notification {
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
}

.c-notification-center-item__wrapper:hover {
  background-color: hsl(var(--color-gray-15));
}

.c-notification-center-item__context-menu {
  display: flex;
  justify-content: flex-end;
  width: 3rem;
  padding-right: 0.5rem;
}

.c-notification-center-item__image{
  border-radius: 50%;
  height: 2.5rem;
  margin-left: 1rem;
}

.c-notification-center-item__without-type::before {
  content: '';
  width: 0.25rem;
  height: 100%;
}

.c-notification-center-groups .c-card {
  box-shadow: unset;
}

.c-notification-center-groups .c-card:not(:last-of-type) {
  border-bottom: unset;
}

.c-notification-center-groups .c-deck-group__header {
  background-color: hsl(var(--color-white));
  font-family: var(--font-bold);
  font-size: 1rem;
  border-bottom: unset;
}

.c-notification-center-groups .c-deck {
  margin-bottom: 1rem;
}

.c-notification-center-groups .c-base-card-list__load-more {
  margin-top: 1rem;
}

:root {
  --tws-notification-center-color-caution: #FFCD05;
  --tws-notification-center-color-danger: #DE3835;
  --tws-notification-center-color-neutral: #FFFFFF;
  --tws-notification-center-color-notice: #008EE8;
  --tws-notification-center-color-safety: #009957;
  --tws-notification-center-color-warning: #FF830F;
}

.c-notification-center__icon {
  color: hsl(var(--color-black));
  padding: .25rem .5rem;
  cursor: pointer;
}

.c-notification-center__icon > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.t-light .c-notification-center__icon > svg {
  fill: hsl(var(--color-white));
}

.c-notification-center__popover {
  width: 22rem;
  z-index: var(--zindex-low);
}

.c-notification-center__popover-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
  z-index: var(--zindex-low);
  height: 3.125rem;
  background-color: hsl(var(--color-white));
  border-bottom: 2px solid hsla(var(--color-gray-10), 0.7);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
}

@media (max-width: 1023px) {
  .c-notification-center__popover-header {
    padding-right: 0.5rem;
  }
}

.c-notification-center__popover-title {
  font-family: var(--font-bold);
}

.c-notification-center__modal .c-modal__content {
  background-color: hsl(var(--color-gray-5));
}

.c-notification-center__mark-all-as-read {
  color: hsl(var(--color-45));
  cursor: pointer;
  font-size: 0.75rem;
}

.c-option {
  background-color: transparent;
  border: 0;
  color: hsl(var(--color-black));
  display: block;
  font-family: var(--font-book);
  font-size: 14px;
  height: 2.5rem;
  padding: 0 0.25rem;
  margin: 0.5rem 0;
  line-height: 1.25rem;
  text-align: left;
  width: 100%;
}

.c-option:first-of-type {
  margin-top: 0;
}

.c-option:last-of-type {
  margin-bottom: 0;
}

.c-option--highlighted {
  color: hsl(var(--color-50));
}

.c-option:not(:disabled):hover {
  background-color: hsl(var(--color-10));
  cursor: pointer;
}

.c-option:disabled {
  opacity: .4;
}

.c-option__popover {
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: space-between;
  padding-right: 0.75rem;
}

.c-option__popover:not(:disabled):hover {
  background-color: hsl(var(--color-10));
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-contextual-options__item {
    height: 3.5rem;
  }

  .c-option {
    height: 3.25rem;
    padding: 0 1.5rem;
  }
}

.c-option-group {
  border-bottom: 1px solid hsla(var(--color-gray-75), 10%);
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
}

.c-option-group__title {
  color: hsla(var(--color-gray-75), 63%);
  display: block;
  font-family: var(--font-light);
  font-size: 0.875rem;
  padding: 0 1rem 0 1rem;
}

.c-option-group__content {
  padding: 0 1rem 0 1rem;
}

.c-option-group:last-of-type {
  border-bottom: none;
  margin-bottom: 0rem;
}

.c-paginator {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.c-paginator__content {
  flex: 1;
}

.c-paginator__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}

.c-paginator__control {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.c-paginator__control.c-paginator__control-page {
  border: 1px solid hsl(var(--color-20));
  border-radius: 0.375rem;
}

.c-paginator__control.c-paginator__control-page.c-paginator__control--is-active {
  background-color: hsl(var(--color-45));
  color: hsl(var(--color-gray-0));
}

.c-paginator__control.c-paginator__control-page:hover,
.c-paginator__control.c-paginator__control-page:active {
  background-color: hsl(var(--color-30));
  color: hsl(var(--color-60));
}

.c-paginator__control.c-paginator__control-arrow {
  transform: scale(1.5);
}

.c-paginator__control svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: hsl(var(--color-20));
}

.c-paginator__control.c-paginator__control--is-right svg {
  transform: rotate(180deg);
}

.c-paginator__control.c-paginator__control-arrow.c-paginator__control--is-disabled,
.c-paginator__control.c-paginator__control-chevron.c-paginator__control--is-disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.c-paginator__control.c-paginator__control-arrow.c-paginator__control--is-disabled svg,
.c-paginator__control.c-paginator__control-chevron.c-paginator__control--is-disabled svg {
  fill: hsl(var(--color-gray-25));
}

.c-paginator__load-more {
  height: 2.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.c-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.c-pdf-viewer {
  min-height: 52.5rem;
  border: solid 1px hsl(var(--color-gray-15));
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  display: flex;
}

.c-pdf-viewer__android {
  flex-direction: column;
  width: 100%;
}

.c-pdf-viewer__loader {
  margin: auto;
}

.c-pdf-viewer__android-loader {
  margin: 2em;
}

:root {
  --tws-phone-number-radius: var(--tws-input-radius);

  --tws-phone-number-background: var(--tws-input-background);
  --tws-phone-number-background-disabled: var(--tws-input-background-disabled);
  --tws-phone-number-background-focus: var(--tws-input-background-focus);
  --tws-phone-number-background-hover: var(--tws-input-background-hover);
  --tws-phone-number-background-readonly: var(--tws-input-background-readonly);

  --tws-phone-number-border-color: var(--tws-input-border-color);
  --tws-phone-number-border-color-disabled: var(--tws-input-border-color-disabled);
  --tws-phone-number-border-color-focus: var(--tws-input-border-color-focus);
  --tws-phone-number-border-color-hover: var(--tws-input-border-color-hover);
}

.c-phone-number--invalid {
  --tws-phone-number-background: hsl(var(--color-gray-0));
  --tws-phone-number-background-focus: var(--tws-phone-number-background);
  --tws-phone-number-background-hover: var(--tws-phone-number-background);

  --tws-phone-number-border-color: hsl(var(--color-signal-60));
  --tws-phone-number-border-color-focus: var(--tws-phone-number-border-color);
  --tws-phone-number-border-color-hover: var(--tws-phone-number-border-color);
}

.c-phone-number {
  background-color: var(--tws-phone-number-background);
  border: 1px solid var(--tws-phone-number-border-color);
  border-radius: var(--tws-phone-number-radius);
  display: flex;
  font-size: 1rem;
  position: relative;
}

.c-phone-number:hover {
  background-color: var(--tws-phone-number-background-hover);
  border-color: var(--tws-phone-number-border-color-hover);
}

.c-phone-number:focus-within {
  background-color: var(--tws-phone-number-background-focus);
  border-color: var(--tws-phone-number-border-color-focus);
}

.c-phone-number.is-read-only {
  background-color: var(--tws-phone-number-background-readonly);
  border: 0;
}

.c-phone-number.is-disabled {
  background-color: var(--tws-phone-number-background-disabled);
  border-color: var(--tws-phone-number-border-color-disabled);
}

.c-phone-number__input {
  flex: 1;
}

.c-phone-number__input .c-input__box {
  background-color: transparent;
  border: 0;
}

.c-country-select {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 6.25rem;
  padding: 0 0.5rem;
  font-family: var(--font-light);
  text-align: left;
  color: hsl(var(--color-gray-45));
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-country-select {
    font-size: 1rem;
  }
}

.c-country-select.is-disabled,
.c-country-select.is-read-only {
  border: 0;
  min-width: 0;
  min-width: initial;
  cursor: auto;
  cursor: initial;
}

.c-country-select.is-disabled::after,
.c-country-select.is-read-only::after {
  display: none;
}

.c-country-select:after {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 0.6rem;
  background-image: url(/../../static/media/arrow-down-md-dark.cce49045.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.5rem;
}

.c-country-select__code {
  padding-left: 0.5rem;
}

.c-country-flag {
  background-color: hsl(var(--color-gray-15));
  border: 1px solid hsl(var(--color-gray-35));
}

.c-phone-number-item {
  padding: 0.5rem 0.25rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
}

.c-phone-number-item:hover {
  background-color: hsl(var(--color-gray-10));
}

.c-phone-number-item__label {
  display: inline-block;
  flex: 1;
  padding: 0 1rem;
}

.c-country__selector {
  display: flex;
}

.c-photo-uploader__button {
  width: 100%;
}

.c-photo-uploader__file {
  display: none;
}

.c-photo-uploader__preview {
  margin-top: .5rem;
}
:root {
  --tws-popover-background: #FFF;
  --tws-popover-border: 1px solid var(--tws-popover-border-color);
  --tws-popover-border-color: hsl(var(--color-gray-10));
}

:root.t-very-dark-gray {
  --tws-popover-background: #1F1F1F;
  --tws-popover-border: 1px solid var(--tws-popover-border-color);
  --tws-popover-border-color: hsla(var(--color-15), 25%);
}

.c-popover {
  position: fixed;
  z-index: var(--zindex-popover);
  font-size: 1rem;
}

.c-popover__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.c-popover__arrow {
  position: absolute;
  left: 50%;
  width: 1rem;
  height: 1rem;
  background-color: var(--tws-popover-background);
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: -2px -2px 4px rgba(32, 32, 32, 0.1);
  z-index: 1;
}

.c-popover__title {
  text-align: left;
  color: hsl(var(--color-gray-75));
  font-size: 1em;
  margin-bottom: .5em;
  letter-spacing: -0.1px;
}

.c-popover__content {
  background-color: var(--tws-popover-background);
  border-radius: 2px;
  border: var(--tws-popover-border);
  box-shadow: 0 2px 4px rgba(32, 32, 32, 0.3);
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 12.5rem;
  overflow: auto;
  padding: 1rem;
  position: relative;
}

.c-popover--top > .c-popover__arrow {
  border-bottom: var(--tws-popover-border);
  border-right: var(--tws-popover-border);
  bottom: 0;
  box-shadow: 0px 2px 2px -2px rgba(32, 32, 32, 0.2);
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  border-top-left-radius: 100%;
}

.c-popover--bottom > .c-popover__arrow {
  border-left: var(--tws-popover-border);
  border-top: var(--tws-popover-border);
  box-shadow: -2px -2px 2px -2px rgba(32, 32, 32, 0.2);
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  border-bottom-right-radius: 100%;
}

.c-popover--left > .c-popover__arrow {
  border-right: var(--tws-popover-border);
  border-top: var(--tws-popover-border);
  box-shadow: 2px -2px 2px -2px rgba(32, 32, 32, 0.2);
  left: auto !important;
  left: initial !important;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%) rotate(45deg);
  border-bottom-left-radius: 100%;
}

.c-popover--right > .c-popover__arrow {
  border-bottom: var(--tws-popover-border);
  border-left: var(--tws-popover-border);
  box-shadow: -2px 2px 2px -2px rgba(32, 32, 32, 0.2);
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top-right-radius: 100%;
}

.popover__fade-enter {
  opacity: 0;
}
.popover__fade-enter-active {
  opacity: 1;
  transition: opacity 200ms, transform 200ms;
}
.popover__fade-exit {
  opacity: 1;
}
.popover__fade-exit-active {
  opacity: 0;
  transition: opacity 200ms, transform 200ms;
}

.c-position {
  position: fixed;
}

.c-progress-bar {
  width: 100%;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c-progress-bar__texts {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-progress-bar__text {
  color: #212121;
  font-size: 0.875rem;
}

.c-progress-bar__back-bar {
  width: 100%;
  height: 0.25rem;
  position: relative;
  background-color: hsla(var(--color-45), 25%);
}

.c-progress-bar__percentage {
  height: 0.25rem;
  background-color: hsl(var(--color-45));
}

:root {
  /* RADIO GROUP */
  --tws-radio-group-spacing: 1.25rem;

  /* RADIO */
  --tws-radio-font-size: .875rem;

  --tws-radio-width: 1.25rem;
  --tws-radio-height: 1.25rem;
  --tws-radio-spacing: .75rem;

  --tws-radio-background: hsla(var(--color-45), 30%);
  --tws-radio-background-active: hsl(var(--color-45));
  --tws-radio-background-disabled: hsla(var(--color-45), 15%);

  --tws-radio-focus-outline: hsla(var(--color-45), 20%);
  --tws-radio-focus-outline-pressed: hsla(var(--color-45), 20%);

  --tws-radio-color: hsl(var(--color-gray-75));
  --tws-radio-color-disabled: hsla(var(--color-gray-75), 35%);
  --tws-radio-color-active: hsl(var(--color-gray-75));
  --tws-radio-icon-color: white;
  --tws-radio-icon-color-disabled: hsla(0, 0%, 100%, 50%);
}

.c-radio-group--touch {
  --tws-radio-group-spacing: 1.75rem;
}

.c-radio-group--dense {
  --tws-radio-group-spacing: 0.75rem;
}


:root.t-very-dark-gray {
  --tws-radio-background: hsla(var(--color-20), 25%);
  --tws-radio-background-active: hsl(var(--color-45));
  --tws-radio-background-disabled: hsla(var(--color-white), 10%);

  --tws-radio-focus-outline: hsla(var(--color-45), 35%);
  --tws-radio-focus-outline-pressed: hsla(var(--color-45), 35%);

  --tws-radio-color: hsl(var(--color-15));
  --tws-radio-color-active: hsl(var(--color-15));
  --tws-radio-color-disabled: hsla(var(--color-15), 35%);

  --tws-radio-icon-color: hsl(var(--color-10));
  --tws-radio-icon-color-disabled: hsla(var(--color-5), 20%);
}

.c-radio-group {
  font-size: 1rem;
  flex: 1;
  min-width: 0;
}

.c-radio-group--vertical > .c-radio-group__items {
  flex-direction: column;
}

.c-radio-group__items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(calc(var(--tws-radio-group-spacing) / 2) * -1);
  margin: initial calc(calc(var(--tws-radio-group-spacing) / 2) * -1);
}

.c-radio-group__item {
  flex: 1 0 auto;
  padding: calc(var(--tws-radio-group-spacing) / 2) 0;
}

.c-radio-button__label {
  position: relative;
  font-size: var(--tws-radio-font-size);
  font-family: var(--tws-radio-font);
  color: var(--tws-radio-color);
  cursor: pointer;
  padding-left: 0.25rem;
  display: flex;
  align-items: center;
}

.c-radio-button__label:before {
  content: '';
  display: block;
  min-width: var(--tws-radio-width);
  height: var(--tws-radio-height);
  border: 0.375rem solid var(--tws-radio-background);
  margin-right: var(--tws-radio-spacing);
  border-radius: 50%;
  background-color: var(--tws-radio-background);
  background-clip: content-box;
  align-self: start;
}

.c-radio-button__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.c-radio-button:not(.is-disabled) .c-radio-button__input:hover ~ .c-radio-button__label:before {
  outline: 1px solid var(--tws-radio-background-active);
}

.c-radio-button:not(.is-disabled) .c-radio-button__input:focus ~ .c-radio-button__label:before,
.c-radio-button:not(.is-disabled) .c-radio-button__input:active ~ .c-radio-button__label:before {
  outline: 2px solid var(--tws-radio-background-active);
  outline-offset: 2px;
}

.c-radio-button:not(.is-disabled) .c-radio-button__input:checked ~ .c-radio-button__label {
  --tws-radio-color: var(--tws-radio-color-active);
}

.c-radio-button:not(.is-disabled) .c-radio-button__input:checked ~ .c-radio-button__label:before {
  --tws-radio-background: var(--tws-radio-background-active);
  background-color: var(--tws-radio-icon-color);
}

.c-radio-button:not(.is-disabled) .c-radio-button__input:checked ~ .c-radio-button__label:before {
  --tws-radio-background: var(--tws-radio-background-active);
  background-color: var(--tws-radio-icon-color);
}

.c-radio-button.is-disabled .c-radio-button__label,
.c-radio-button.is-read-only .c-radio-button__label {
  cursor: auto;
  cursor: initial;
}

.c-radio-button.is-disabled .c-radio-button__label:before {
  opacity: 30%;
}

.c-recaptcha {
  display: flex;
}

.c-recaptcha--left {
  justify-content: flex-start;
}

.c-recaptcha--center {
  justify-content: center;
}

.c-recaptcha--right {
  justify-content: flex-end;
}

:root {
  --tws-segmented-control-background: #ffffff;
  --tws-segmented-control-background-selected: hsl(var(--color-5));
  --tws-segmented-control-border: hsl(var(--color-gray-10));
  --tws-segmented-control-border-selected: hsl(var(--color-40));
}

.c-segmented-control--accent {
  --tws-segmented-control-background: #ffffff;
  --tws-segmented-control-background-selected: hsl(var(--color-40));
  --tws-segmented-control-border: hsl(var(--color-gray-10));
  --tws-segmented-control-border-selected: hsl(var(--color-40));
}

.c-segmented-control {
  display: flex;
  flex-wrap: wrap;
}

.c-segmented-control__view-horizontal {
  display: flex;
  flex-wrap: unset;
  width: 100%;
  overflow: scroll;
  padding-bottom: 0.5rem;
}

.c-segmented-control__view-horizontal::-webkit-scrollbar {
  display: none;
}

.c-segmented-control__view-horizontal .c-segmented-control__item:first-of-type {
  padding-left: 1rem;
}

.c-segmented-control__view-horizontal .c-segmented-control__item:last-of-type {
  padding-right: 1rem;
}

.c-segmented-control__component {
  display: flex;
  padding: 0.5rem;
  border-radius: 2px;
  border: 1px solid var(--tws-segmented-control-border);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-segmented-control__read-only {
  background: hsl(var(--color-gray-0));
  border: 1px solid hsl(var(--color-gray-10));
  color: hsl(var(--color-gray-15));
  box-shadow: none;
}

.c-segmented-control__item-effect:hover {
  background: hsl(var(--color-gray-0));
  box-shadow: 0px 0px 0px 1px hsl(var(--color-gray-10)) inset;
}

.c-segmented-control__item-effect:active {
  background: var(--tws-segmented-control-background-selected);
  box-shadow: 0px 0px 0px 1px var(--tws-segmented-control-border-selected) inset;
  border: 1px solid var(--tws-segmented-control-border-selected);
}

.c-segmented-control__component.is-selected, 
.c-segmented-control__component.is-selected:hover {
  border: 1px solid var(--tws-segmented-control-border-selected);
  background: var(--tws-segmented-control-background-selected);
}

.c-segmented-control__item {
  padding: 0.375rem;
}

.c-segmented-control__item.is-flex {
  flex: 1;
  flex-basis: auto;
}

.c-segmented-control--left .c-segmented-control__component {
  justify-content: flex-start;
}

.c-segmented-control--center .c-segmented-control__component {
  justify-content: center;
}

.c-segmented-control--right .c-segmented-control__component {
  justify-content: flex-end;
}

.c-segmented-control__item-no-wrap .c-text {
  white-space: nowrap;
}

.c-segmented-control__wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.c-segmented-control__no-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: scroll;
  width: 100%;
  flex-wrap: nowrap;
}

.c-segmented-control__no-wrap::-webkit-scrollbar {
  display: none;
}

.c-segmented-control__button {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
  cursor: pointer;
}

.c-segmented-control__button--left {
  background-image: url(/../../static/media/arrow-left-sm-dark.ae7b4418.svg);
}

.c-segmented-control__button--right {
  background-image: url(/../../static/media/arrow-right-sm-dark.4d9d4e3d.svg);
}

.c-selectable-iterator {
  --tws-selectable-iterator-border-color: hsl(var(--color-15), .12);
  --tws-selectable-iterator-item-icon-color: hsl(var(--color-15), .5);
  --tws-selectable-iterator-item-selected-background: hsl(var(--color-white), .1);
  --tws-selectable-iterator-item-selected-icon-color: hsl(var(--color-15), .8);
}

:root.t-content-ultra-light .c-selectable-iterator {
  --tws-selectable-iterator-border-color: hsl(var(--color-gray-75), .1);
  --tws-selectable-iterator-item-icon-color: hsl(var(--color-gray-75), .63);
  --tws-selectable-iterator-item-selected-background: hsl(var(--color-45), .1);
  --tws-selectable-iterator-item-selected-icon-color: hsl(var(--color-45));
}

:root.t-content-very-light .c-selectable-iterator {
  --tws-selectable-iterator-border-color: hsl(var(--color-75), .15);
  --tws-selectable-iterator-item-icon-color: hsl(var(--color-75), .63);
  --tws-selectable-iterator-item-selected-background: hsl(var(--color-45), .15);
  --tws-selectable-iterator-item-selected-icon-color: hsl(var(--color-45));
}

:root.t-content-bright .c-selectable-iterator {
  --tws-selectable-iterator-border-color: hsl(var(--color-white), .15);
  --tws-selectable-iterator-item-icon-color: hsl(var(--color-white), .6);
  --tws-selectable-iterator-item-selected-background: hsl(var(--color-75), .15);
  --tws-selectable-iterator-item-selected-icon-color: hsl(var(--color-white), .8);
}

:root.t-content-very-dark .c-selectable-iterator {
  --tws-selectable-iterator-border-color: hsl(var(--color-white), .15);
  --tws-selectable-iterator-item-icon-color: hsl(var(--color-white), .6);
  --tws-selectable-iterator-item-selected-background: hsl(var(--color-45), .15);
  --tws-selectable-iterator-item-selected-icon-color: hsl(var(--color-white), .8);
}

.c-selectable-iterator--with-separator .c-selectable-iterator__item {
  border-color: var(--tws-selectable-iterator-border-color);
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.c-selectable-iterator__item {
  display: flex;
  padding: 1rem;
  cursor: pointer;
  align-items: center;
}

.c-selectable-iterator__item.is-selected {
  background-color: var(--tws-selectable-iterator-item-selected-background);
}

.c-selectable-iterator__item-icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--tws-selectable-iterator-item-icon-color);
}

.c-selectable-iterator__item.is-selected .c-selectable-iterator__item-icon {
  fill: var(--tws-selectable-iterator-item-selected-icon-color);
}

.c-selectable-iterator__component {
  flex: 1;
}

.c-selectable-iterator__item-checkbox {
  pointer-events: none;
}

.c-selectable-iterator__item-checkbox + .c-selectable-iterator__component {
  margin-left: 1.5rem;
}

.c-selectable-iterator__loader {
  min-height: 20em;
}

.c-selectable-iterator__not-found {
  padding: .5rem 1rem;
}

@media (max-width: 767px) {
  .c-selectable-iterator__loader {
    height: 7.68em;
  }
}

:root {
  --tws-slide-up-panel-background-color: hsl(var(--color-white));

  --tws-slide-up-panel-handle-height: .375rem;
  --tws-slide-up-panel-handle-width: 2.25rem;
  --tws-slide-up-panel-handle-vertical-margin: .375rem;
  --tws-slide-up-panel-handle-total-height: calc(var(--tws-slide-up-panel-handle-height) + (var(--tws-slide-up-panel-handle-vertical-margin) * 2));

  --tws-slide-up-panel-header-background-color: hsl(var(--color-gray-5));

  --tws-slide-up-panel-header-title-color: hsl(var(--color-gray-45));
}

:root.t-nav-bright {
  --tws-slide-up-panel-header-background-color: hsl(var(--color-5));

  --tws-slide-up-panel-header-title-color: hsl(var(--color-45));
}

.c-slide-up-panel {
  bottom: 0;
  display: flex;
  max-height: calc(100vh - 1rem);
  left: 0;
  position: absolute;
  right: 0;
}

.c-slide-up-panel__container {
  background-color: var(--tws-slide-up-panel-background-color);
  display: flex;
  flex-direction: column;
  width: 100vw;
}

.c-slide-up-panel__handle {
  height: var(--tws-slide-up-panel-handle-total-height);
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none;
}

.c-slide-up-panel__handle::after {
  background-color: hsla(var(--color-black), .2);
  content: '';
  display: block;
  border-radius: 4px;
  height: var(--tws-slide-up-panel-handle-height);
  margin: var(--tws-slide-up-panel-handle-vertical-margin) auto;
  width: var(--tws-slide-up-panel-handle-width);
}

.c-slide-up-panel__header {
  background-color: var(--tws-slide-up-panel-header-background-color);
  padding: 1rem;
  display: flex;
}

.c-slide-up-panel__header__title {
  color: var(--tws-slide-up-panel-header-title-color);
  font-family: var(--font-bold);
  font-size: 1.25em;
  line-height: 1.2em;
}

.c-slide-up-panel__handle + .c-slide-up-panel__header,
.c-slide-up-panel__handle + .c-slide-up-panel__content {
  padding-top: var(--tws-slide-up-panel-handle-total-height);
}

.c-slide-up-panel__content {
  overflow: auto;
}

.c-slide-up-panel__footer {
  border-top: 1px solid hsl(var(--color-gray-15));
  padding: 1rem;
}

.c-slide-up-panel__backdrop {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  z-index: 110;
}

:root {
  --tws-slidebar-side-handler-size: 1.5rem;
}

.c-modal--slidebar {
  position: fixed;
  right: 0;
  transform: translateX(100%);
  transition: transform .4s ease-in;
  justify-content: flex-end;
}

.c-modal--slidebar.is-open {
  transform: translateX(0);
}

.c-modal--slidebar .c-modal__wrapper {
  padding: 3.5rem 1rem 1.5rem 1rem;
  height: 100%;
  width: 18.75rem;
  background: hsl(var(--color-white));
  box-shadow: 0 2px 10px 0 hsl(var(--color-black), 40%);
}

.c-modal--slidebar .c-modal__content {
  overflow: auto;
  overflow: overlay;
}

.c-modal.c-modal--slidebar .c-modal-header .c-modal-close__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}

@media (max-width: 1023px) {
  .c-modal.c-modal--slidebar .c-modal-header .c-modal-close__icon {
    width: 1rem;
    height: 1rem;
    margin: 0;
  }

  .c-modal.c-modal--slidebar .c-spotlight .c-spotlight__user {
    width: calc(100% - var(--tws-slidebar-side-handler-size));
  }

  .c-modal.c-spotlight__custom-menu-slidebar .c-modal-header {
    height: 1rem;
  }

  .c-modal.c-spotlight__custom-menu-slidebar .c-application-bar__icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  /* If side handler is defined, slidebar must be positioned in the oposite position */
  .c-modal--slidebar--with-side-handler-left-gap,
  .c-slidebar-side-handler__position-right {
    right: 0;
  }

  .c-modal--slidebar--with-side-handler-right-gap,
  .c-slidebar-side-handler__position-left {
    left: 0;
  }

  .c-modal--slidebar--with-side-handler-left-gap,
  .c-modal--slidebar--with-side-handler-right-gap {
    padding: 0;
  }

  .c-modal--slidebar--with-side-handler-left-gap {
    padding-left: var(--tws-slidebar-side-handler-size);
  }

  .c-modal--slidebar--with-side-handler-right-gap {
    padding-right: var(--tws-slidebar-side-handler-size);
  }

  .c-slidebar-side-handler {
    background-color: hsla(var(--color-gray-90), 70%);
    height: 100vh;
    position: fixed;
    width: var(--tws-slidebar-side-handler-size);
    z-index: 100;
  }

  .c-modal--slidebar--with-side-handler .c-module-selector__submenu,
  .c-modal--slidebar--with-side-handler .c-module-selector__title-wrapper {
    width: calc(100% - var(--tws-slidebar-side-handler-size));
  }
}

:root {
  --tws-social-networks-icon-color: hsla(var(--color-75), 80%);
}

:root.t-content-bright {
  --tws-social-networks-icon-color: hsla(var(--color-white), 85%);
}

:root.t-content-ultra-light {
  --tws-social-networks-icon-color: hsla(var(--color-gray-75), 80%);
}

:root.t-content-very-dark {
  --tws-social-networks-icon-color: hsla(var(--color-white), 80%);
}

.c-social-networks {
  align-self: center;
  display: flex;
  justify-content: center;
}

.c-social-networks > *:not(:last-child) {
  display: block;
  padding-right: 0.5rem;
}

.c-social-networks path {
  fill: var(--tws-social-networks-icon-color);
}


.c-split-pane-layout {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.c-split-pane-layout__pane--right {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

@media (max-width: 1023px) {
  .c-split-pane-layout {
    overflow-x: hidden;
  }

  .c-split-pane-layout__pane--right {
    width: 100%;
    flex: none;
  }
}

.split__fade-enter {
  -webkit-animation: slide-in 0.3s forwards;
          animation: slide-in 0.3s forwards;
}
.split__fade-exit {
  -webkit-animation: slide-out 0.3s forwards;
          animation: slide-out 0.3s forwards;
}

@-webkit-keyframes slide-in {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-in {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-out {
  100% { transform: translateX(-100%); }
}

@keyframes slide-out {
  100% { transform: translateX(-100%); }
}

.c-sticky-panel__wrapper,
.c-sticky-panel__wrapper > .sticky-inner-wrapper {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  z-index: 10;
}

.c-sticky-panel__wrapper.is-sticky {
  margin-top: var(--offsetTop);
}

.c-swipe {
  width: auto;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.c-swipe *,
.c-swipe *:after,
.c-swipe *:before {
  box-sizing: border-box;
}

.c-swipe .c-swipe__actions,
.c-swipe .c-swipe__background {
  align-items: center;
  display: inline-flex;
  font-weight: 400;
  height: 100%;
  justify-content: flex-start;
  position: absolute;
  right: 0;
  top: 0;
}

.c-swipe .c-swipe__actions .c-swipe__action {
  text-align: center;
  height: 100%;
  background: transparent;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-swipe .c-swipe__background {
  width: 100%;
}

.c-swipe .c-swipe__content {
  height: 100%;
  width: auto;
  position: relative;
}

:root {
  --tws-switch-color: hsl(var(--color-gray-45));
  --tws-switch-font: var(--font-light);
  --tws-switch-font-size: 1rem;

  --tws-switch-thumb-size: 1.5rem;
  --tws-switch-thumb-background: white;
  --tws-switch-thumb-background-disabled: white;
  --tws-switch-thumb-border-color: hsla(var(--color-black), 8%);
  --tws-switch-thumb-border-color-focus: hsla(var(--color-45), 20%);
  --tws-switch-thumb-focus-outline: hsla(var(--color-45), 20%);

  --tws-switch-track-width: 2.5rem;
  --tws-switch-track-height: 1rem;
  --tws-switch-track-background: hsla(var(--color-45), 30%);
  --tws-switch-track-background-active: hsl(var(--color-45));
  --tws-switch-track-background-disabled: hsla(var(--color-45), 15%);
}

.c-switch {
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.c-switch__status {
  font-size: var(--tws-switch-font-size);
  text-align: left;
  color: var(--tws-switch-color);
  font-family: var(--tws-switchtch-font);
  margin-left: 1.25em;
  line-height: 2rem;
  flex: 1;
}

.c-switch__track {
  display: flex;
  align-items: center;
  width: var(--tws-switch-track-width);
  height: var(--tws-switch-track-height);
  border-radius: calc(var(--tws-switch-track-height) / 2);
  background-color: var(--tws-switch-track-background);
  transition: background-color .3s;
  cursor: pointer;
}

.c-switch.is-active {
  --tws-switch-track-background: var(--tws-switch-track-background-active);
}

.c-switch.is-disabled {
  --tws-switch-track-background: var(--tws-switch-track-background-disabled);
  --tws-switch-thumb-background: var(--tws-switch-thumb-background-disabled);
}

.c-switch.is-disabled .c-switch__track,
.c-switch.is-read-only .c-switch__track {
  cursor: auto;
  cursor: initial;
}

.c-switch.is-disabled .c-switch__thumb,
.c-switch.is-read-only .c-switch__thumb {
  box-shadow: none;
}

.c-switch.is-active .c-switch__thumb {
  margin-left: calc(100% - calc(var(--tws-switch-thumb-size) - 4px));
}

.c-switch__thumb {
  --tws-switch-thumb-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
  width: var(--tws-switch-thumb-size);
  height: var(--tws-switch-thumb-size);
  background-color: var(--tws-switch-thumb-background);
  border-radius: 100%;
  transition: margin .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  box-shadow: var(--tws-switch-thumb-shadow);
  border: 1px solid var(--tws-switch-thumb-border-color);
  margin-left: -4px;
  flex: none;
}

.c-switch__thumb:focus {
  --tws-switch-thumb-border-color: var(--tws-switch-thumb-border-color-focus);
  box-shadow: 0 0 0 .5rem var(--tws-switch-thumb-focus-outline), var(--tws-switch-thumb-shadow);
}

.c-side-tabs__items {
  display: flex;
  flex-direction: column;
}

.c-side-tabs__item {
  font-family: var(--font-medium);
  display: flex;
  align-items: center;
  font-size: 1rem;
  width: 100%;
  height: 3.25rem;
  padding-left: 1rem;
  cursor: pointer;
  justify-content: space-between;
  color: hsl(var(--color-gray-75));
}

.c-side-tabs__item.disabled {
  color: hsl(var(--color-20));
  pointer-events: none;
  cursor: not-allowed;
}

.c-side-tabs__item:hover {
  background-color: hsl(var(--color-15));
}

.c-side-tabs__show-more-icon {
  cursor: pointer;
  min-width: 1.5rem;
  height: 1.5rem;
  fill: hsl(var(--color-45));
  align-self: center;
  margin: 1rem;
  transform: rotate(90deg);
}

.c-tab-control__header {
  display: flex;
  border-bottom: 1px solid hsl(var(--color-45));
  margin-bottom: 2rem;
}

.c-tab-control__showing-tabs {
  display: flex;
  width: 100%;
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}

.c-tab-control__showing-tabs::-webkit-scrollbar {
  -webkit-appearance: none !important;
  display: none !important;
}

.c-pre-tab {
  visibility: hidden;
}

@media (max-width: 360px) {
  .c-tab-control__header {
    margin-bottom: 1.5rem;
  }
}

.c-internal-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  min-height: 3.5rem;
  width: auto;
  min-width: 3.75rem;
  font-family: var(--font-medium);
  font-size: 1rem;
  color: hsl(var(--color-gray-75));
  cursor: pointer;
}

.c-internal-tab:hover,
.c-internal-tab:active {
  font-weight: bold;
}

.c-internal-tab:focus .c-internal-tab__text {
  border: 1rem solid hsl(var(--color-45));
  padding: 0.275rem 1rem;
}

.c-internal-tab.is-active {
  color: hsl(var(--color-45));
}

.c-internal-tab__icon {
  transform: scale(0.85);
  width: 1.25rem;
  max-width: 1.25rem;
}

.c-internal-tab.is-active .c-internal-tab__icon {
  fill: hsl(var(--color-45));
}

.c-internal-tab.text-and-icon-inline .c-internal-tab__icon {
  margin-right: 0.275rem;
}

.c-internal-tab.text-and-icon-stacked {
  flex-direction: column;
}

.c-internal-tab.text-and-icon-stacked .c-internal-tab__text-and-badge {
  margin-top: 0.275rem;
}

.c-internal-tab.is-active {
  border-bottom: 2px solid hsl(var(--color-45));
}

.c-internal-tab.disabled {
  color: hsl(var(--color-20));
  pointer-events: none;
  cursor: not-allowed;
}

.c-internal-tab.disabled .c-internal-tab__icon {
  fill: hsl(var(--color-20));
}

.c-internal-tab--uppercase .c-internal-tab__text {
  text-transform: uppercase;
}

.c-internal-tab__text {
  font-size: 0.875em;
  white-space: nowrap;
  letter-spacing: 0.1px;
  line-break: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-internal-tab__badge {
  font-size: 0.75rem;
  color: hsl(var(--color-gray-75));
  font-family: var(--font-book);
  margin-left: 0.5rem;
}

.c-internal-tab.is-active .c-internal-tab__badge {
  color: hsl(var(--color-45));
}

.c-internal-tab.disabled .c-internal-tab__badge {
  color: hsl(var(--color-20));
}

.c-internal-tab__badge:before {
  content: '(';
}

.c-internal-tab__badge:after {
  content: ')';
}

.c-internal-tab__badge:empty {
  display: none;
}

.t-light .c-internal-tab {
  color: var(--white);
}

.t-light .c-internal-tab.is-active {
  border-color: #cdd4db;
}

@media (max-width: 360px) {
  .c-internal-tab {
    min-height: 3rem;
    padding-bottom: 0.5rem;
  }

  .c-internal-tab .c-internal-tab__text {
    max-width: 11.25rem;
  }
}

.c-tab-item {
  max-width: -webkit-fill-available;
}

.c-tab-with-content {
  max-width: -webkit-fill-available;
}

.c-tag {
  font-size: 1rem;
  border-radius: 0.125rem;
  padding: 2px;
  display: inline-block;
  letter-spacing: 0.1px;
  color: hsl(var(--color-white));
}

.c-tag .c-tag__text {
  font-size: 0.75rem;
}

.c-tag.is-safety {
  background-color: var(--color-safety-green);
}

.c-tag.is-notice {
  background-color: var(--color-safety-blue);
}

.c-tag.is-warning {
  background-color: var(--color-safety-orange);
}

.c-tag.is-danger {
  background-color: var(--color-safety-red);
}

.c-tag.is-neutral {
  background-color: var(--color-safety-neutral);
}

.c-tag.is-caution {
  background-color: var(--color-safety-yellow);
  color: hsl(var(--color-gray-75));
}

.c-text {
  color: hsl(var(--color-gray-45));
  font-size: 1.5rem;
  font-family: var(--font-light);
  letter-spacing: -0.1px;
  white-space: pre-line;
  line-height: 1.25;
}

.c-text--md,
.c-text--lg,
.c-text--xlg {
  font-weight: 400;
  letter-spacing: -1px;
}

.c-text--xsm {
  font-size: .5em;
}

.c-text--sm {
  font-size: 1em;
}

.c-text--md {
  font-size: 1.5em;
}

.c-text--lg {
  font-size: 2em;
}

.c-text--xlg {
  font-size: 2.25em;
}

/* LIGHT THEME */
.t-light .c-text {
  color: hsl(var(--color-white));
}


.c-text ul {
  list-style-type: disc;
}

.c-text ol {
  list-style-type: decimal;
}

.c-text ul,
.c-text ol {
  white-space: normal;
  white-space: initial;
  list-style-position: inside;
}

.c-text ul ul,
.c-text ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}

.c-text ol ol,
.c-text ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}

:root {
  --tws-text-area-radius: var(--tws-input-radius);
  --tws-text-area-ltr-padding: var(--tws-input-ltr-padding);
  --tws-text-area-font: var(--tws-input-font);
  --tws-text-area-font-size: var(--tws-input-font-size);

  --tws-text-area-background: var(--tws-input-background);
  --tws-text-area-background-hover: var(--tws-input-background-hover);
  --tws-text-area-background-focus: var(--tws-input-background-focus);
  --tws-text-area-background-pressed: var(--tws-input-background-pressed);
  --tws-text-area-background-disabled: var(--tws-input-background-disabled);
  --tws-text-area-background-readonly: transparent;

  --tws-text-area-outline-pressed: var(--tws-input-outline-pressed);

  --tws-text-area-border-color: var(--tws-input-border-color);
  --tws-text-area-border-color-hover: var(--tws-input-border-color-hover);
  --tws-text-area-border-color-focus: var(--tws-input-border-color-focus);
  --tws-text-area-border-color-pressed: var(--tws-input-border-color-pressed);
  --tws-text-area-border-color-disabled: var(--tws-input-border-color-disabled);

  --tws-text-area-selection-color: var(--tws-input-selection-color);

  --tws-text-area-color: var(--tws-input-color);
  --tws-text-area-color-disabled: var(--tws-input-color-disabled);

  --tws-text-area-placeholder-color: var(--tws-input-placeholder-color);
  --tws-text-area-placeholder-color-disabled: var(--tws-input-placeholder-color-disabled);
}

.c-text-area--validated {
  --tws-text-area-background-hover: var(--tws-text-area-background);
  --tws-text-area-background-focus: var(--tws-text-area-background);
  --tws-text-area-background-pressed: var(--tws-text-area-background);

  --tws-text-area-border-color: hsl(var(--color-signal-red-60));
  --tws-text-area-border-color-hover: var(--tws-text-area-border-color);
  --tws-text-area-border-color-focus: var(--tws-text-area-border-color);
  --tws-text-area-border-color-pressed: var(--tws-text-area-border-color);
}

/* VERY DARK GRAY */

:root.t-very-dark-gray {
  --tws-text-area-background: hsla(var(--color-90), 10%);
  --tws-text-area-background-hover: hsla(var(--color-90), 10%);
  --tws-text-area-background-focus: hsla(var(--color-90), 20%);
  --tws-text-area-background-pressed: hsla(var(--color-90), 20%);
  --tws-text-area-background-disabled: hsla(var(--color-90), 5%);

  --tws-text-area-outline-pressed: transparent;

  --tws-text-area-border-color: hsla(var(--color-15), 25%);
  --tws-text-area-border-color-hover: hsla(var(--color-15), 35%);
  --tws-text-area-border-color-focus: hsl(var(--color-45));
  --tws-text-area-border-color-pressed: hsl(var(--color-45));
  --tws-text-area-border-color-disabled: hsla(var(--color-15), 10%);

  --tws-text-area-selection-color: hsla(var(--color-group-blue-30), 20%);

  --tws-text-area-color:  hsla(var(--color-15), 80%);
  --tws-text-area-color-disabled: hsla(var(--color-15), 35%);

  --tws-text-area-placeholder-color: hsla(var(--color-15), 50%);
  --tws-text-area-placeholder-color-disabled: hsla(var(--color-15), 35%);
}


.c-text-area {
  display: block;
  font-size: 1rem;
}

.c-text-area__input {
  display: block;
  width: 100%;
  text-align: left;
  border: 1px solid var(--tws-text-area-border-color);
  border-radius: var(--tws-text-area-radius);
  background-color: var(--tws-text-area-background);
  padding: .5rem var(--tws-text-area-ltr-padding);
  color: var(--tws-text-area-color);
  font-family: var(--tws-text-area-font);
  font-size: var(--tws-text-area-font-size);
}

.c-text-area__input:hover {
  --tws-text-area-border-color: var(--tws-text-area-border-color-hover);
  --tws-text-area-background: var(--tws-text-area-background-hover);
}

.c-text-area__input:focus {
  --tws-text-area-border-color: var(--tws-text-area-border-color-focus);
  --tws-text-area-background: var(--tws-text-area-background-focus);
  box-shadow: 0 0 0 1px var(--tws-text-area-outline-focus);
}

.c-text-area__input:disabled {
  --tws-text-area-border-color: var(--tws-text-area-border-color-disabled);
  --tws-text-area-background: var(--tws-text-area-background-disabled);
  --tws-text-area-color: var(--tws-text-area-color-disabled);
}

.c-text-area__input:-moz-read-only {
  background-color: var(--tws-text-area-background-readonly);
  border: 0;
  padding: 0;
}

.c-text-area__input:read-only {
  background-color: var(--tws-text-area-background-readonly);
  border: 0;
  padding: 0;
}

.c-text-area__input::-moz-selection {
  background-color: var(--tws-text-area-selection-color);
}

.c-text-area__input::selection {
  background-color: var(--tws-text-area-selection-color);
}

.c-text-area__input::-webkit-input-placeholder,
.c-text-area__input::-moz-placeholder,
.c-text-area__input:-ms-input-placeholder,
.c-text-area__input::placeholder {
  color: var(--tws-text-area-placeholder-color-disabled);
}

.c-text-area__footer {
  display: flex;
  justify-content: flex-end;
}

.c-text-area__counter {
  padding-top: 0.25rem;
  font-family: var(--font-medium);
  font-size: 0.75rem;
  letter-spacing: 0.1px;
  text-align: left;
  color: hsl(var(--color-gray-30));
}

.c-text-area__counter.is-invalid {
  color: var(--tws-text-area-border-color);
}

/* SIZES */
/* SMALL */
.c-text-area--sm > .c-text-area__input {
  --tws-text-area-font-size: 1em;
}


@media (max-width: 767px) {
  .c-text-area__input {
    --tws-text-area-font-size: 1rem;
  }
}

.c-theme-selector__blocks {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}

.c-theme-selector__color-block {
  display: flex;
  flex-direction: column;
  grid-gap: .5rem;
  gap: .5rem;
  flex-wrap: wrap;
}

.c-theme-selector__color-block-title {
  font-size: 1.25rem;
  font-family: var(--font-book);
  color: hsl(var(--color-gray-75));
}

.c-theme-selector__color-block-content {
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
  flex-wrap: wrap;
}

.c-theme-selector__color {
  width: 6rem;
  height: 4rem;
  padding: .5rem;
  font-size: .75rem;
  font-family: var(--font-medium);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: hsl(var(--color-white));
  transition: transform .15s ease;
  border-radius: .25rem;
  position: relative;
}

.c-theme-selector__color-range .c-theme-selector__color {
  background-color: hsl(var(--color-50));
}

.c-theme-selector__accent-color-range .c-theme-selector__color {
  background-color: hsl(var(--color-accent-50));
}

.c-theme-selector__color:hover {
  transform: scale(1.1);
}

.c-theme-selector__color-name {
  text-transform: capitalize;
}

.c-theme-selector__icon {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: hsl(var(--color-white));
}

.c-theme-selector__tonal-range .t-content-ultra-light,
.c-theme-selector__tonal-range .t-nav-ultra-light {
  background-color: hsl(var(--color-0));
  color: hsl(var(--color-gray-75));
}

.c-theme-selector__tonal-range .t-content-ultra-light.c-theme-selector__color,
.c-theme-selector__tonal-range .t-nav-ultra-light.c-theme-selector__color {
  border: 1px solid hsl(var(--color-gray-15));
}

.c-theme-selector__tonal-range .t-content-very-light,
.c-theme-selector__tonal-range .t-nav-very-light {
  background-color: hsl(var(--color-20));
  color: hsl(var(--color-75));
}

.c-theme-selector__tonal-range .t-content-bright,
.c-theme-selector__tonal-range .t-nav-bright {
  background-color: hsl(var(--color-50));
  color: hsl(var(--color-white));
}

.c-theme-selector__tonal-range .t-content-very-dark,
.c-theme-selector__tonal-range .t-nav-very-dark {
  background-color: hsl(var(--color-80));
  color: hsl(var(--color-white));
}

.c-theme-selector__tonal-range .t-content-ultra-light svg,
.c-theme-selector__tonal-range .t-nav-ultra-light svg {
  fill: hsl(var(--color-gray-45));
}

.c-timeline-scheduler-event {
  position: relative;
  flex: 1;
  border-top: 1px solid hsl(var(--color-gray-10));
}

.c-timeline-scheduler-event__item {
  position: absolute;
  top: 1rem;
}

.c-timeline-scheduler-event__svg {
  width: 1.5rem;
  height: 1.5rem;
}

.c-timeline__long-duration {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: hsl(var(--color-45));
  height: 1.25rem;
  margin-bottom: 0.25rem;
}

.c-timeline__long-duration__text {
  color: hsl(var(--color-white));
  font-weight: bold;
  font-size: 0.75rem;
}

.c-timeline-scheduler-event__icon .c-inline-image.c-timeline-scheduler-event__svg svg {
  fill: currentColor !important;
}

.c-timeline-events {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.c-timeline-events__item {
  display: flex;
}

.c-timeline-events__event {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: var(--zindex-medium);
  width: 100%;
}

@media (min-width: 768px) {
  .c-timeline-events__item {
    margin-bottom: 0 !important;
    flex-direction: row;
    margin-bottom: 0.5rem;
  }

  .c-timeline-events__event {
    width: 15rem !important;
  }
}


@media (max-width: 768px) {
  .c-timeline-events__item {
    margin: 0 1rem 0.5rem 1rem;
  }

  .c-timeline-events__item:last-of-type {
    margin: 0 1rem 1rem 1rem;
  }

  .c-timeline-events {
    background-color: hsl(var(--color-gray-5));
  }
}

.c-timeline-group {
  display: flex;
  flex-direction: column;
}

.c-timeline-group__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: hsl(var(--color-gray-5));
}

.c-timeline-group__header-info {
  display: flex;
  flex-direction: row;
  height: 3rem;
  max-height: 3rem;
  justify-content: space-between;
  background-color: hsl(var(--color-gray-5));
}

.c-timeline-group__header-time {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: hsl(var(--color-gray-10));
  height: 3rem;
  max-height: 3rem;
}

.c-timeline-group__header-time__infos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 1rem;
  width: 100%;
}

.c-timeline-group__header-time__text {
  font-size: 0.875rem;
  color: hsl(var(--color-gray-75));
}

.c-timeline-group-subgroup {
  display: flex;
  flex-direction: column;
}

.c-timeline-group-subgroup__header {
  margin: 1rem 0 0.5rem 0.5rem;
}

.c-timeline-group-subgroup__item {
  margin: 1rem 0.5rem 0.5rem 0.5rem;
}

@media (min-width: 780px) {
  .c-timeline-group__header-info {
    width: 15rem !important;
    box-shadow: 2px 0 3px -2px rgba(0, 0, 0, 0.3);
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: var(--zindex-medium);
  }
}

.c-timeline__header {
  height: 3rem;
  max-height: 3rem;
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--color-gray-5));
  padding: 0.25rem 0.5rem;
  flex: 1;
}

.c-timeline__header-time {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: hsl(var(--color-white));
  width: 4rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}

.c-timeline__header-time__text {
  color: hsl(var(--color-gray-75));
  font-weight: bold;
  font-size: 0.75rem;
}

.c-timeline__header-intervals {
  display: flex;
  flex-direction: row;
}

.c-timeline__header-interval {
  position: relative;
  width: 7rem;
  height: 1rem;
}

.c-timeline__header-interval__text {
  font-size: 0.75rem;
  left: 25%;
  transform: translateX(-50%);
  position: absolute;
  color: hsl(var(--color-gray-75));
}

.c-timeline__header-interval__large-tick {
  height: .25rem;
  width: .125rem;
  border-left: 2px solid black;
  position: absolute;
  bottom: -9px;
  left: 25%;
}

.c-timeline__header-interval__small-tick {
  height: .188rem;
  width: .065rem;
  border-left: 1px solid black;
  position: absolute;
  bottom: -9px;
  left: 75%;
}

.c-timeline-timestamp {
  height: calc(100% - 0.25rem);
  z-index: var(--zindex-low);
  position: absolute;
  padding-top: 2.75rem;
  margin-top: .25rem;
  border-right: 1px solid hsl(var(--color-45));
  left: 15rem;
}

.c-timeline-timestamp__background {
  background-color: hsla(var(--color-45), .25) ;
  height: 100%;
}

.c-timeline__timestamp-time {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: hsl(var(--color-45));
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 0;
  right: -2rem;
}

.c-timeline__timestamp-time__text {
  color: hsl(var(--color-white));
  font-weight: bold;
  font-size: 0.75rem;
}

.c-timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  overflow-y: auto;
  position: relative;
}

.c-timeline-top {
  display: flex;
  flex-direction: row;
}

.c-timeline-selectors {
  background-color: hsl(var(--color-white));
  display: flex;
  height: 3rem;
  max-height: 3rem;
  min-width: 15rem;
  flex-direction: row;
  justify-content: space-between;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: var(--zindex-medium);
  box-shadow: 2px 0 3px -2px rgba(0, 0, 0, 0.3);
}

.c-timeline__information-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 1023px) {
  .c-timeline__contextual-bar--no-padding {
    padding: 0;
  }

  .c-timeline__contextual-bar--no-padding .c-contextual-bar__header {
    padding: 1rem 0;
  }
  
  .c-timeline__contextual-bar--no-padding .c-contextual-bar__header-top {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .c-timeline__contextual-bar--no-padding .c-contextual-bar__header-bottom .c-token:first-of-type {
    margin-left: 1rem;
  }
  
  .c-timeline__contextual-bar--no-padding .c-contextual-bar__header-bottom .c-token:last-of-type,
  .c-timeline__contextual-bar--no-padding .c-contextual-bar__header-bottom .c-token-list__show-more-button {
    margin-right: 1rem;
  }
}

.c-time-picker--free {
  font-size: 1rem;
}

.c-time-picker--free .c-time-picker__pick-area {
  display: flex;
  justify-content: space-around;
}

.c-time-picker--free .c-time-picker__hours,
.c-time-picker--free .c-time-picker__minutes {
  max-height: 15rem;
  overflow-y: auto;
}

.c-time-picker--free .c-time-picker__hours,
.c-time-picker--free .c-time-picker__minutes,
.c-time-picker--free .c-time-picker__periods {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 1rem 0;
  font-size: 1rem;
  color: hsl(var(--color-gray-35));
  display: flex;
  flex-direction: column;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
  align-items: center;
  width: 100%;
}

.c-time-picker--free .c-time-picker__hour,
.c-time-picker--free .c-time-picker__minute,
.c-time-picker--free .c-time-picker__period {
  min-height: 1.625rem;
  line-height: 1.625rem;
  width: 100%;
  padding: 0 1.25rem;
  text-align: center;
  cursor: pointer;
}

.c-time-picker--free .c-time-picker__hour--selected,
.c-time-picker--free .c-time-picker__minute--selected,
.c-time-picker--free .c-time-picker__period--selected {
  background-color: hsl(var(--color-10));
}

.c-time-picker--free .c-time-picker__minutes,
.c-time-picker--free .c-time-picker__periods {
  border-left: 1px solid hsla(var(--color-gray-75), 10%);
}

.c-time-picker__tokens-wrapper {
  display: flex;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-row-gap: 0.875rem;
  row-gap: 0.875rem;
  flex-wrap: wrap;
  padding: 1.125rem 1.375rem;
  overflow-y: auto;
  max-height: 13.5rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  justify-content: center;
}

.c-time-picker__token {
  font-size: 1rem;
  color: hsl(var(--color-gray-60));
  background-color: hsl(var(--color-gray-10));
  text-align: center;
  border: 0.125rem solid transparent;
  border-radius: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 1.625rem;
  padding: 0 0.75rem;
}

.c-time-picker__token--selected {
  color: hsl(var(--color-gray-0));
  background-color: hsl(var(--color-45));
}

.c-time-picker--12-hours .c-time-picker__token {
  width: 6.625rem;
}

.c-time-picker--24-hours .c-time-picker__token {
  width: 4.625rem;
}

.c-time-picker-title {
  color: hsl(var(--color-gray-100));
  font-family: var(--font-bold);
  font-size: 1.125rem;
  line-height: 1.125rem;
}

@media (max-width: 767px) {
  .c-time-picker.c-time-picker--free {
    padding: 1.5rem 1rem;
  }

  .c-time-picker--free .c-time-picker__hours,
  .c-time-picker--free .c-time-picker__minutes {
    width: 3.875rem;
    padding: 5.875rem 0;
  }

  .c-time-picker--free .c-time-picker__hours,
  .c-time-picker--free .c-time-picker__minutes {
    overflow: hidden;
  }

  .c-time-picker--free .c-time-picker__hour,
  .c-time-picker--free .c-time-picker__minute {
    min-height: 3rem;
    line-height: 3rem;
    font-size: 0.875rem;
    width: 3.875rem;
  }

  .c-picker-highlight-area {
    line-height: 3rem;
    height: 3rem;
    width: 7.75rem;
    background-color: hsl(var(--color-gray-5));
    color: hsl(var(--color-45));
    position: fixed;
    z-index: -1;
    top: 11rem;
    left: 6.375rem;
    font-family: var(--font-bold);
    font-size: 1.125rem;
    text-align: center;
  }

  .c-picker-highlight-separator {
    line-height: 3rem;
    width: 7.75rem;
    color: hsl(var(--color-45));
    position: fixed;
    top: 11rem;
    font-family: var(--font-bold);
    font-size: 1.125rem;
    text-align: center;
  }

  .c-time-picker--from .c-time-picker__hours,
  .c-time-picker--from .c-time-picker__minutes,
  .c-time-picker--until .c-time-picker__hours,
  .c-time-picker--until .c-time-picker__minutes {
    padding: 6rem 0;
  }

  .c-time-picker--from .c-picker-highlight-area,
  .c-time-picker--from .c-picker-highlight-separator {
    top: 12.25rem;
  }

  .c-time-picker--until .c-picker-highlight-area,
  .c-time-picker--until .c-picker-highlight-separator {
    top: 16.25rem;
  }

  .c-time-picker--12-hours .c-picker-highlight-area,
  .c-time-picker--12-hours .c-picker-highlight-separator {
    left: 6.375rem;
  }

  .c-time-picker--24-hours .c-picker-highlight-area,
  .c-time-picker--24-hours .c-picker-highlight-separator {
    left: 7.75rem;
  }

  .c-time-picker--free .c-time-picker__hour--selected,
  .c-time-picker--free .c-time-picker__minute--selected {
    font-size: 1.125rem;
  }

  .c-time-picker--free .c-time-picker__hour--selected,
  .c-time-picker--free .c-time-picker__minute--selected,
  .c-time-picker--free .c-time-picker__period--selected {
    color: hsl(var(--color-45));
    background-color: hsl(var(--color-gray-5));
    font-family: var(--font-bold);
  }

  .c-time-picker--free .c-time-picker__periods {
    width: 3rem;
    padding-left: 0.5rem;
  }

  .c-time-picker--free .c-time-picker__period {
    min-height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    width: 3em;
  }

  .c-time-picker--free .c-time-picker__periods {
    align-self: center;
  }

  .c-time-picker--free .c-time-picker__period {
    min-width: 3rem;
    min-height: 1.5rem;
  }

  .c-time-picker--free .c-time-picker__minutes,
  .c-time-picker--free .c-time-picker__periods {
    border-left: none;
  }

  .c-time-picker--free .c-time-picker__pick-area {
    justify-content: center;
  }

  .c-time-picker--free .c-time-picker__hours,
  .c-time-picker--free .c-time-picker__minutes,
  .c-time-picker--free .c-time-picker__periods {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .c-time-picker--free .c-time-picker__hour,
  .c-time-picker--free .c-time-picker__minute,
  .c-time-picker--free .c-time-picker__period {
    padding: 0;
  }
}

.c-time-input__clear,
.c-time-input__clock {
  cursor: pointer;
  margin-left: 1rem;
  height: var(--tws-input-height);
  display: flex;
  align-items: center;
}

.c-time-input__clock svg {
  width: 1.5rem;
  height: 1.5rem;
}

.c-time-input__clear svg {
  width: 1rem;
  height: 1rem;
}

.c-time-input__actions {
  display: flex;
}

.c-time-input__container .c-input__action {
  padding-right: 0.5rem;
}

.c-time-field__slide-up-panel-header-title {
  color: var(--tws-slide-up-panel-header-title-color);
  font-family: var(--font-bold);
  font-size: 1.125rem;
  line-height: 1.125rem;
  height: 1.5rem;
  min-width: 17.75rem;
  display: flex;
  align-items: center;
}

.c-time-field__slide-up-panel-footer {
  display: flex;
  flex-direction: row;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.c-time-field__slide-up-panel-footer .c-button {
  flex: 1;
}

.c-time-picker__popover-footer {
  border-top: 1px solid hsla(var(--color-gray-75), 10%);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.c-time-picker__popover-footer--full-width .c-button {
  width: 100%;
}

.c-time-input__container {
  width: 100%;
}

.c-time-field__picker-input-wrapper {
  display: flex;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.c-time-field__picker-preview {
  padding: 1.5rem 0;
  text-align: center;
  color: hsl(var(--color-gray-50));
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

.c-time-field__picker-preview--from {
  border-bottom: 1px solid hsl(var(--color-gray-15));
  border-top: 1px solid hsl(var(--color-gray-15));
}

.c-time-field__picker-preview--until {
  border-top: 1px solid hsl(var(--color-gray-15));
}

.c-time-input__preview-title {
  color: hsl(var(--color-gray-100));
  font-family: var(--font-bold);
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding-left: 1rem;
}

.c-time-field__picker-content {
  margin: 0 auto 0 6rem;
}

.c-time-input-title {
  color: hsl(var(--color-gray-100));
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .c-time-field__container--interval {
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }
}

.c-toast {
  font-size: 1rem;
  color: hsl(var(--color-white));
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 1rem;
  flex-direction: column;
  min-height: 3.5rem;
}

.c-toast--safety {
  background-color: var(--color-safety-green);
}

.c-toast--notice {
  background-color: var(--color-safety-blue);
}

.c-toast--caution {
  background-color: var(--color-safety-yellow);
  color: hsl(var(--color-gray-75));
}

.c-toast--warning {
  background-color: var(--color-safety-orange);
}

.c-toast--danger {
  background-color: var(--color-safety-red);
}

.c-toast--neutral {
  background-color: var(--color-safety-neutral);
}

.c-toast__message {
  font-size: 0.75rem;
  text-align: center;
  letter-spacing: 0.1px;
  font-family: var(--font-book);
}

.c-toast__message:empty {
  display: none;
}

.c-toast__message:not(.u-hide):not(:empty) + .c-toast__actions:not(:empty) {
  margin-top: .5rem;
}

.c-toast__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.75rem;
  justify-content: center;
}

.c-toast__action {
  flex: 1;
  font-family: var(--font-bold);
  font-size: 0.75rem;
}

.c-toast__slide-enter {
  -webkit-animation: slide 0.3s forwards;
          animation: slide 0.3s forwards;
}

.c-toast__slide-exit {
  animation: slide 0.3s forwards reverse;
}

@-webkit-keyframes slide {
  0% { transform: translateY(-100%); }
}

@keyframes slide {
  0% { transform: translateY(-100%); }
}

.c-toast__close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 2rem;
  height: 2rem;
  opacity: 0.3;
}

.c-toast__close:hover {
  opacity: 1;
}

.c-toast__close {
  color: hsl(var(--color-gray-75));
}

.t-light .c-toast__close {
  color: hsl(var(--color-white));
}

.c-toast__close:before, .c-toast__close:after {
  position: absolute;
  left: 1rem;
  content: ' ';
  height: 2rem;
  width: 2px;
  background-color: currentColor;
}

.c-toast__close:before {
  transform: rotate(45deg);
}

.c-toast__close:after {
  transform: rotate(-45deg);
}

@media (min-width: 768px) {
  .c-toast {
    min-height: 4.25rem;
  }
}

.c-toast-manager__base-container {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}

.c-toast-manager__base-container--bottom {
  bottom: 0;
}

.c-toast-manager__base-container--bottom .c-toast-manager__container--banner {
  margin-top: .5rem;
}

.c-toast-manager__base-container--bottom .c-toast-manager__container--bubble {
  margin: 0 .5rem .5rem .5rem;
}

.c-toast-manager__base-container--top {
  top: 0;
}

.c-toast-manager__base-container--top .c-toast-manager__container--banner {
  margin-bottom: .5rem;
}

.c-toast-manager__base-container--top .c-toast-manager__container--bubble {
  margin: .5rem .5rem 0 .5rem;
}

.c-toast-manager__base-container--bottom .c-toast-manager__container--bubble,
.c-toast-manager__base-container--top .c-toast-manager__container--bubble {
  display: flex;
  justify-content: flex-end;
}

.c-toast-manager__container {
  left: 0;
  right: 0;
  pointer-events: none;
}

.c-toast-manager__container .c-toast-notification {
  pointer-events: initial;
  z-index: calc(var(--zindex-modal) + 1);
}

.c-toast-notification {
  --color-inline-border: hsla(var(--color-gray-75), .1);

  --color-signal-orange-30: #FFB640;

  --color-signal-blue-45: #03ABFF;
  --color-signal-green-45: #00BD5E;
  --color-signal-red-45: #FA5A4B;
  --color-signal-yellow-45: #FFCD05;

  --color-signal-blue-60: #008EE8;
  --color-signal-green-60: #009957;
  --color-signal-orange-60: #E65800;
  --color-signal-red-60: #DE3835;

  --check-icon: url(/../../static/media/check_light.b92a2552.svg);
  --information-icon: url(/../../static/media/info_light.e9c4042d.svg);
  --warning-icon: url(/../../static/media/warning_light.846080f3.svg);
  --error-icon: url(/../../static/media/cross_light.8df8ad9c.svg);

  --close-icon-light: url(/../../static/media/cross_light.8df8ad9c.svg);
  --close-icon-dark: url(/../../static/media/cross_dark.b7934691.svg);

  --box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.20);
}

/* Toast Theme's */

.t-content-ultra-light .c-toast-notification,
.t-content-very-light .c-toast-notification,
.t-content-bright .c-toast-notification.c-toast-notification--highlighted,
.t-content-very-dark .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-bright .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-very-dark .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-ultra-light .c-toast-notification,
.c-modal.t-content-very-light .c-toast-notification {
  --color-signal-blue: var(--color-signal-blue-60);
  --color-signal-green: var(--color-signal-green-60);
  --color-signal-orange: var(--color-signal-orange-60);
  --color-signal-red: var(--color-signal-red-60);
  --color-signal-yellow: var(--color-signal-yellow-45);

  --tws-toast-notification-background: hsl(var(--color-white));
  --tws-toast-notification-border-color: hsla(var(--color-gray-75), 10%);
  --tws-toast-notification-close-icon: var(--close-icon-dark);
  --tws-toast-notification-color: hsla(var(--color-gray-75), 80%);
}

.t-content-bright .c-toast-notification,
.t-content-very-dark .c-toast-notification,
.t-content-ultra-light .c-toast-notification.c-toast-notification--highlighted,
.t-content-very-light .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-ultra-light .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-very-light .c-toast-notification.c-toast-notification--highlighted,
.c-modal.t-content-bright .c-toast-notification,
.c-modal.t-content-very-dark .c-toast-notification {
  --color-signal-blue: var(--color-signal-blue-45);
  --color-signal-green: var(--color-signal-green-45);
  --color-signal-orange: var(--color-signal-orange-30);
  --color-signal-red: var(--color-signal-red-45);
  --color-signal-yellow: var(--color-signal-yellow-45);

  --tws-toast-notification-background: hsl(var(--color-65));
  --tws-toast-notification-border-color: hsla(var(--color-white), 15%);
  --tws-toast-notification-close-icon: var(--close-icon-light);
  --tws-toast-notification-color: hsla(var(--color-white), 80%);
}

/* Toast Level's */

.c-toast-notification--caution {
  --tws-toast-notification-extra-background: var(--color-signal-yellow);
  --tws-toast-notification-icon: var(--warning-icon);
}

.c-toast-notification--error {
  --tws-toast-notification-extra-background: var(--color-signal-red);
  --tws-toast-notification-icon: var(--error-icon);
}

.c-toast-notification--information {
  --tws-toast-notification-extra-background: var(--color-signal-blue);
  --tws-toast-notification-icon: var(--information-icon);
}

.c-toast-notification--success {
  --tws-toast-notification-extra-background: var(--color-signal-green);
  --tws-toast-notification-icon: var(--check-icon);
}

.c-toast-notification--warning {
  --tws-toast-notification-extra-background: var(--color-signal-orange);
  --tws-toast-notification-icon: var(--warning-icon);
}

.c-toast-notification {
  border-radius: 2px;
  border: 1px;
  border-color: var(--tws-toast-notification-border-color);
  box-shadow: var(--box-shadow);
  padding-left: 0.25rem;
  position: relative;
  background-color: var(--tws-toast-notification-background);
  color: var(--tws-toast-notification-color);
  align-self: flex-end;
}

.c-toast-notification--banner {
  margin: 0 auto;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  display: flex;
}

.c-toast-notification--inline {
  box-shadow: inset 0 0 0 1px var(--color-inline-border);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.c-toast-notification--bubble {
  width: 30%;
  min-width: 18rem;
  max-width: 25rem;
  min-height: 6.25rem;
  flex-direction: column;
  padding-bottom: 0.75rem;
}

.c-toast-notification:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.25rem;
  height: 100%;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: var(--tws-toast-notification-extra-background);
}

.c-toast-notification__title-bar {
  display: flex;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-top: 1rem;
  margin-bottom: 1rem;
  float: left;
  line-height: 1.5rem;
}

.c-toast-notification__close {
  margin-left: auto;
  min-width: 1.5rem;
  margin-right: 0.5rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-image: var(--tws-toast-notification-close-icon);
}

.c-toast-notification__dismiss {
  margin-left: 1rem;
}

.c-toast-notification--bubble .c-toast-notification__actions:before {
  content: '';
  margin-top: 0.75rem;
  padding-top: 0.875rem;
  display: block;
  border-top: 0.0625rem solid;
  border-color: var(--tws-toast-notification-border-color);
}

.c-toast-notification__actions {
  flex: 1 0 auto;
  cursor: pointer;
  margin-left: 0;
  margin-left: initial;
  padding-right: 1rem;
  padding-top: 0.5rem;
  text-align: end;
}

.c-toast-notification__actions .c-link {
  padding-left: 0.5rem;
  font-family: var(--font-book);
  color: var(--tws-toast-notification-color);
  line-height: 1.375rem;
  font-size: 1rem;
  margin-top: 0.5rem;
}

.c-toast-notification--bubble .c-toast-notification__close {
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  position: absolute;
  top: 0;
  right: 0;
  height: 1.5rem;
}

.c-toast-notification--bubble .c-toast-notification__title-bar--with-title {
  width: 100%;
}

.c-toast-notification__icon {
  margin-right: 0.5rem;
  margin-top: 0.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--tws-toast-notification-extra-background);
  background-image: var(--tws-toast-notification-icon);
}

.c-toast-notification__title {
  font-family: var(--font-bold);
  font-size: 1rem;
  color: var(--tws-toast-notification-color);
  padding-right: 0.5rem;
}

.c-toast-notification__title--without-icon {
  padding-left: 1rem;
}

.c-toast-notification__message {
  margin: 1rem 1rem 1rem 0;
  font-family: var(--font-book);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.c-toast-notification--bubble .c-toast-notification__dismissable {
  margin-right: 1.75rem;
}

.c-toast-notification__message:before {
  content: '';
  float: right;
  width: 1rem;
  height: 1rem;
}

.c-toast-notification--banner .c-toast-notification__message {
  margin-left: 0;
  line-height: 1.6rem;
}

.c-toast-notification__content-wrapper {
  display: flex;
  width: 100%;
  padding-left: 1rem;
}

.c-toast-notification__message-wrapper {
  display: flex;
}

.c-toast-notification--bubble .c-toast-notification__message-wrapper--with-title {
  display: block;
}

.c-toast-notification--banner .c-toast-notification__message-wrapper .c-toast-notification__title-bar {
  height: 100%;
}

.c-toast-notification--caution .c-toast-notification__title {
  color: var(--color-signal-yellow);
}

.c-toast-notification--error .c-toast-notification__title {
  color: var(--color-signal-red);
}

.c-toast-notification--information .c-toast-notification__title {
  color: var(--color-signal-blue);
}

.c-toast-notification--success .c-toast-notification__title {
  color: var(--color-signal-green);
}

.c-toast-notification--warning .c-toast-notification__title {
  color: var(--color-signal-orange);
}

@media (max-width: 768px) {
  .c-toast-notification {
    margin: 0 auto;
    border: 0.0625rem;
    border-radius: 0.25rem;
    width: 100%;
    top: 0;
    box-shadow: var(--box-shadow);
  }

  .c-toast-notification--bubble {
    float: right;
    min-height: 6.25rem;
  }

  .c-toast-notification--banner {
    flex-direction: column;
  }

  .c-toast-notification__title-bar--with-title {
    float: inherit;
    width: 100%;
  }

  .c-toast-notification__message-wrapper--with-title {
    display: inline;
    flex-direction: column;
  }

  .c-toast-notification--banner--without-title {
    display: inline;
    float: left;
  }

  .c-toast-notification__content-wrapper {
    align-items: center;
  }

  .c-toast-notification__message-wrapper {
    width: auto;
  }

  .c-toast-notification--banner .c-toast-notification__close {
    margin-right: 0.25rem;
    height: 2.5rem;
    min-width: 2.5rem;
  }

  .c-toast-notification--banner .c-toast-notification__title-bar--with-title {
    margin-bottom: 0;
  }

  .c-toast-notification--banner .c-toast-notification__message--with-title {
    margin-left: 1rem;
    margin-top: 0;
  }

  .c-toast-notification__actions {
    padding-top: 0;
  }

  .c-toast-notification__actions .c-link {
    margin-top: 0;
  }

  .c-toast-notification--banner .c-toast-notification__actions {
    padding-bottom: 1rem;
  }

  .c-toast-notification--banner .c-toast-notification__actions:before {
    content: '';
    margin-top: 0.75rem;
    padding-top: 0.875rem;
    display: block;
    border-top: 0.0625rem solid;
    border-color: var(--tws-toast-notification-border-color);
  }
}

.c-token {
  --token-safety-red: 0, 100%, 66.5%;
  --token-safety-dark-red: 0, 100%, 33%;
  --token-safety-green: 138, 48.8%, 48.2%;
  --token-safety-dark-green: 138, 49%, 24%;
  --token-safety-blue: 203.3, 100%, 45.5%;
  --token-safety-dark-blue: 203.3, 100%, 23%;
  --token-safety-yellow: 50.4, 100%, 56.1%;
  --token-safety-dark-yellow: 50.3, 100%, 28%;
  --token-safety-orange: 32.9, 100%, 53.9%;
  --token-safety-dark-orange: 32.8, 100%, 27%;
  --token-safety-neutral: 0, 0%, 62%;
}

.c-token.c-token--neutral {
  --tws-token-background-color: hsla(var(--color-gray-75), 0.1);
  --tws-token-background-color-hover: hsla(var(--color-gray-75), 0.15);
  --tws-token-background-color-active: hsl(var(--color-40));
  --tws-token-background-color-focus: hsl(var(--color-gray-45));
  --tws-token-close-button-background: hsl(var(--color-gray-40));
  --tws-token-text-color: hsl(var(--color-gray-75));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.c-token--warning {
  --tws-token-background-color: hsla(var(--token-safety-orange), 0.85);
  --tws-token-background-color-hover: hsl(var(--token-safety-orange));
  --tws-token-background-color-active: hsl(var(--token-safety-orange));
  --tws-token-background-color-focus: hsl(var(--token-safety-dark-orange));
  --tws-token-close-button-background: hsl(var(--token-safety-dark-orange));
  --tws-token-text-color: hsl(var(--color-gray-75));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.c-token--safety {
  --tws-token-background-color: hsla(var(--token-safety-green), 0.85);
  --tws-token-background-color-hover: hsl(var(--token-safety-green));
  --tws-token-background-color-active: hsl(var(--token-safety-green));
  --tws-token-background-color-focus: hsl(var(--token-safety-dark-green));
  --tws-token-close-button-background: hsl(var(--token-safety-dark-green));
  --tws-token-text-color: hsl(var(--color-white));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.c-token--caution {
  --tws-token-background-color: hsl(var(--token-safety-yellow), 0.85);
  --tws-token-background-color-hover: hsl(var(--token-safety-yellow));
  --tws-token-background-color-active: hsl(var(--token-safety-yellow));
  --tws-token-background-color-focus: hsl(var(--token-safety-dark-yellow));
  --tws-token-close-button-background: hsl(var(--token-safety-dark-yellow));
  --tws-token-text-color: hsl(var(--color-gray-75));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.c-token--danger {
  --tws-token-background-color: hsl(var(--token-safety-red), 0.85);
  --tws-token-background-color-hover: hsl(var(--token-safety-red));
  --tws-token-background-color-active: hsl(var(--token-safety-red));
  --tws-token-background-color-focus: hsl(var(--token-safety-dark-red));
  --tws-token-close-button-background: hsl(var(--token-safety-dark-red));
  --tws-token-text-color: hsl(var(--color-gray-75));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.c-token--notice {
  --tws-token-background-color: hsl(var(--token-safety-blue), 0.85);
  --tws-token-background-color-hover: hsl(var(--token-safety-blue));
  --tws-token-background-color-active: hsl(var(--token-safety-blue));
  --tws-token-background-color-focus: hsl(var(--token-safety-dark-blue));
  --tws-token-close-button-background: hsl(var(--token-safety-dark-blue));
  --tws-token-text-color: hsl(var(--color-white));
  --tws-token-text-color-focus: hsl(var(--color-white));
}

.c-token.is-disabled {
  --tws-token-background-color: hsla(var(--color-gray-75), 0.05);
  --tws-token-close-button-background: hsl(var(--color-gray-75), 0.35);
  --tws-token-text-color: hsl(var(--color-gray-75), 0.35);
}

.c-token {
  font-size: 0.875rem;
  text-align: center;
  border: 0.125rem solid transparent;
  background-color: var(--tws-token-background-color);
  border-radius: 1.5rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: default;
  height: 2rem;
  padding: 0 0.75rem;
}

.c-token:hover {
  background-color: var(--tws-token-background-color-hover);
}

.c-token:active {
  background-color: var(--tws-token-background-color-active);
}

.c-token:focus {
  background-color: var(--tws-token-background-color-focus);
}

.c-token::before {
  content: '';
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.c-token__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.c-token__content .c-token__text {
  color: var(--tws-token-text-color);
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.c-token:focus .c-token__content .c-token__text {
  color: var(--tws-token-text-color-focus);
}

.c-token .c-token__content .c-token__close {
  background-color: var(--tws-token-close-button-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-width: 1rem;
  height: 1rem;
  margin: 0.25rem 0 0.25rem 0.5rem;
  cursor: pointer;
}

.c-token__content .c-token__close .c-token__close-icon {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(/../../static/media/cancel-md-grey.1fc45ad0.svg);
  background-size: contain;
}

.c-token.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
}

@media (max-width: 1024px) {
  .c-token {
    max-width: 7.5rem;
  }

  .c-token__content .c-token__text {
    overflow: hidden;
  }
}

.c-token-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  width: 100%;
  max-width: 100%;
  scroll-behavior: smooth;
  flex-wrap: wrap;
  grid-gap: 0.75rem 0.5rem;
  gap: 0.75rem 0.5rem;
}

.c-token-list .c-pre-token {
  visibility: hidden;
}

.c-token-list__show-more-button {
  background-color: hsla(var(--color-gray-75), 0.1);
  border: hsla(var(--color-gray-75), 0.1);
  font-size: 0.875rem;
  text-align: center;
  border-radius: 1.5rem;
  height: 2rem;
  width: 2.5rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-items: center;
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-token-list {
    flex-wrap: nowrap;
  }

  .c-token-list::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
}

.c-trail {
  position: relative;
}

.c-trail .c-trail__slider .c-card {
  min-height: 19rem;
}

.c-trail.is-loading .c-trail__placeholder {
  -webkit-animation: pulse 1s ease-in-out alternate infinite;
          animation: pulse 1s ease-in-out alternate infinite;
}

.c-trail__container {
  position: relative;
  display: flex;
  align-items: center;
}

.c-trail__nav {
  position: absolute;
  margin: 0 1rem 0 1rem;
  width: 1.25em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: transform .2s ease-out;
}

.c-trail__nav:hover {
  transform: scale(1.2);
}

.c-trail__nav--prev {
  right: 100%;
  background-image: url(/../../static/media/arrow-left-md-dark.11e94719.svg)
}

.c-trail__nav--next {
  left: 100%;
  background-image: url(/../../static/media/arrow-right-md-dark.1c755551.svg)
}

.c-trail__viewport {
  overflow: hidden;
  flex: 1;
  padding: 1rem;
  margin: -1rem;
}

.c-trail__slider {
  transition: transform .7s cubic-bezier(0.77, 0, 0.175, 1);
}

.c-trail__title {
  margin-bottom: 2rem;
  font-size: 2.25em;
  text-align: center;
  color: hsl(var(--color-gray-30));
  font-family: var(--font-light);
}

.c-trail__placeholder {
  background-color: hsl(var(--color-gray-10));
  height: 19em;
  border-radius: 2px;
}

.c-trail--no-date .c-trail__placeholder {
  height: 16.4375em;
}

.c-trail__footer {
  position: relative;
  margin-top: 2em;
  text-align: right;
}

.c-trail__dots {
 position: absolute;
 left: 0; right: 0;
 top: 0;  bottom: 0;
 display: inline-flex;
 justify-content: center;
 align-items: center;
}

.c-trail__dot + .c-trail__dot {
  margin-left: 1em;
}

.c-trail__dot {
  width: 0.75em;
  height: 0.75em;
  background-color: hsl(var(--color-gray-15));
  border-radius: 50%;
  cursor: pointer;
}

.c-trail__dot:active {
  background-color: hsl(var(--color-gray-65));
}

.c-trail__all {
  position: relative;
  z-index: 2;
}

.c-trail__loader,
.c-trail__not-found {
  min-height: 20em;
}

.c-trail__link {
  text-align: center;
  padding: 1.375em 0 0 0;
}

.c-trail .c-trail__slider .c-card.c-trail__add-new-card {
  height: auto;
}

@media all and (max-width: 1023px) {
  .c-trail .c-card {
    min-height: 5.5rem;
  }

  .c-trail__viewport {
    padding: .5em 1.375em;
    margin: -.5em -1.375em;
  }

  .c-trail__slider {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 1.325rem;
    margin: 0 -1.375rem;
  }

  .c-trail__slider::-webkit-scrollbar {
    -webkit-appearance: none !important;
    display: none !important;
  }

  .c-trail__title {
    margin-bottom: 0.75rem;
  }

  .c-trail__footer {
    margin-top: 0.75em;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .c-trail__viewport {
    padding: 1em 3.5em;
    margin: -1em -3.5em;
  }

  .c-trail__slider {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 3.5rem;
    margin: 0 -3.5rem;
  }

  .c-trail__slider::-webkit-scrollbar {
    -webkit-appearance: none !important;
    display: none !important;
  }
}

@media (not-screen) and (min-width: 1023px) and (max-width: 1279px) {
  .c-trail__nav, .c-trail__footer {
    display: none;
  }

  .c-trail__viewport {
    padding: 1em 3.5em;
    margin: -1em -3.5em;
  }

  .c-trail__slider {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2.5rem;
    margin: -1em -3.5rem;
  }

  .c-trail__slider::-webkit-scrollbar {
    -webkit-appearance: none !important;
    display: none !important;
  }
}

@media (max-width: 767px)  {
  .c-trail__title {
    font-size: 1.5em;
  }

  .c-trail__placeholder {
    height: 7.68em;
  }

  .c-trail .c-trail__slider .c-card {
    min-height: 7.68rem;
  }

  .c-trail__loader,
  .c-trail__not-found {
    min-height: 7.68em;
  }
}

@-webkit-keyframes pulse {
  from {
    opacity: .5;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulse {
  from {
    opacity: .5;
  }

  to {
    opacity: 1;
  }
}

.c-validation-list {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  grid-gap: .25rem;
  gap: .25rem;
}

.c-validation-list__item {
  display: flex;
  font-family: var(--font-book);
  font-size: .75rem;
  max-width: 100%;
  align-items: center;
  color: hsl(var(--color-gray-75));
  grid-gap: .5rem;
  gap: .5rem;
}

.c-validation-list__item.is-default.is-valid {
  color: hsl(var(--color-gray-30));
}

.c-validation-list__icon {
  width: 1rem;
  flex: none;
}

.c-validation-list__item.is-invalid .c-validation-list__icon {
  fill: hsl(var(--color-signal-red-60));
}

.c-validation-list__item.is-valid .c-validation-list__icon {
  fill: hsl(var(--color-signal-green-60));
}

.c-validation-list__item.is-valid.is-warning .c-validation-list__icon {
  fill: hsl(var(--color-signal-yellow-60));
}

.c-value-list {
  flex: 1 1 auto;
}

.c-value-list__items {
  display: flex;
  min-width: 0
}

.c-value-list__item {
  flex: 0 1 auto;
  min-width: 0
}

.c-value-list--default .c-value-list__items,
.c-value-list--regular .c-value-list__items {
  margin: -0.75rem;
}

.c-value-list--default .c-value-list__item,
.c-value-list--regular .c-value-list__item {
  padding: 0.75rem;
}

.c-value-list--confortable .c-value-list__items {
  margin: -0.5rem;
}

.c-value-list--confortable .c-value-list__item {
  padding: 0.5em
}

.c-value-list--compact .c-value-list__items {
  margin: -0.25rem;
}

.c-value-list--compact .c-value-list__item {
  padding: 0.25em;
}

@media (min-width: 767px) {
  .c-value-list--vertical .c-value-list__items {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .c-value-list__items {
    flex-direction: column;
  }
}

.c-video-stream {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-video-stream__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.c-video-stream__stream {
  flex: 1;
}

.c-video-stream__iframe {
  min-width: 20rem;
  min-height: 20rem;
  border: 0;
  width: 100%;
  height: 100%;
}
.c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-15));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-15), .8);
  --tws-wizard-step-title-color-active: hsl(var(--color-15));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsl(var(--color-gray-60));
  --tws-wizard-step-circle-color-inactive: hsla(var(--color-20), .8);
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-15), .5);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-15), .5);
  --tws-wizard-step-track-inactive: hsla(var(--color-15), .12);

  --tws-wizard-step-circle-background: var(--tws-wizard-step-circle-background-active);
  --tws-wizard-step-circle-color: var(--tws-wizard-step-circle-color-active);
  --tws-wizard-step-subtitle-color: var(--tws-wizard-step-subtitle-color-active);
  --tws-wizard-step-title-color: var(--tws-wizard-step-title-color-active);
  --tws-wizard-step-track: var(--tws-wizard-step-track-active);
}

/* Theme */

.t-content-ultra-light .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-gray-75), .8);
  --tws-wizard-step-title-color-active: hsl(var(--color-gray-75));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-track-inactive: hsla(var(--color-gray-75), .1);
}

.t-content-very-light .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-75), .8);
  --tws-wizard-step-title-color-active: hsl(var(--color-75));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-20));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-75), .63);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-75), .63);
  --tws-wizard-step-track-inactive: hsla(var(--color-gray-75), .15);
}

.t-content-bright .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-white));
  --tws-wizard-step-circle-color-active: hsl(var(--color-45));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-white), .85);
  --tws-wizard-step-title-color-active: hsl(var(--color-white));
  --tws-wizard-step-track-active: hsl(var(--color-white));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-50));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-track-inactive: hsla(var(--color-white), .15);
}

.t-content-very-dark .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-white), .80);
  --tws-wizard-step-title-color-active: hsl(var(--color-white));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-80));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-track-inactive: hsla(var(--color-white), .15);
}

.c-modal.t-content-bright .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-white));
  --tws-wizard-step-circle-color-active: hsl(var(--color-45));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-white), .85);
  --tws-wizard-step-title-color-active: hsl(var(--color-white));
  --tws-wizard-step-track-active: hsl(var(--color-white));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-50));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-track-inactive: hsla(var(--color-white), .15);
}

.c-modal.t-content-ultra-light .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-gray-75), .8);
  --tws-wizard-step-title-color-active: hsl(var(--color-gray-75));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-track-inactive: hsla(var(--color-gray-75), .1);
}

.c-modal.t-content-very-dark .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-white), .80);
  --tws-wizard-step-title-color-active: hsl(var(--color-white));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-80));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-white), .6);
  --tws-wizard-step-track-inactive: hsla(var(--color-white), .15);
}

.c-modal.t-content-very-light .c-wizard {
  --tws-wizard-step-circle-background-active: hsl(var(--color-45));
  --tws-wizard-step-circle-color-active: hsl(var(--color-white));
  --tws-wizard-step-subtitle-color-active: hsla(var(--color-75), .8);
  --tws-wizard-step-title-color-active: hsl(var(--color-75));
  --tws-wizard-step-track-active: hsl(var(--color-45));

  --tws-wizard-step-circle-background-inactive: hsla(var(--color-gray-75), .63);
  --tws-wizard-step-circle-color-inactive: hsl(var(--color-20));
  --tws-wizard-step-subtitle-color-inactive: hsla(var(--color-75), .63);
  --tws-wizard-step-title-color-inactive: hsla(var(--color-75), .63);
  --tws-wizard-step-track-inactive: hsla(var(--color-gray-75), .15);
}

@-webkit-keyframes slideIn {
  from {
    transform: translateY(-25%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    transform: translateY(-25%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes slideInFromBottom {
  from {
    transform: translateY(15%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes slideInFromBottom {
  from {
    transform: translateY(15%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

.c-wizard__contextual-bar {
  padding: 0 0 1rem 0;
}

.c-wizard__contextual-bar .c-contextual-bar__header-top {
  padding-right: 1rem;
  padding-left: 1rem;
}

.c-wizard--vertical__contextual-bar .c-contextual-bar__content {
  padding-right: 1rem;
  padding-left: 1rem;
}

.c-wizard--horizontal__contextual-bar .c-contextual-bar__content {
  padding-right: 0;
  padding-left: 0;
}

.c-wizard {
  display: flex;
  flex-direction: column;
}

.c-wizard .c-wizard__content {
  display: inherit;
  flex-direction: inherit;
}

.c-wizard .c-wizard__actions {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.c-wizard--horizontal .c-wizard__header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.c-wizard--horizontal .c-wizard__header-prev {
  margin-right: 2.5rem;
}

.c-wizard--horizontal .c-wizard__header-next,
.c-wizard--horizontal .c-wizard__header-confirm {
  margin-left: 2.5rem;
}

.c-wizard--horizontal .c-wizard__header-next .c-inline-image.c-button__icon,
.c-wizard--horizontal .c-wizard__header-prev .c-inline-image.c-button__icon {
  width: 2rem;
}

.c-wizard--horizontal .c-wizard__header-steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.c-wizard--horizontal .c-wizard__header-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.125rem;
}

.c-wizard--horizontal .c-wizard__header-separator {
  width: 100%;
  min-width: 4rem;
  border-top: 2px solid var(--tws-wizard-step-track-active);
}

.c-wizard--horizontal .c-wizard__header-separator--dashed {
  border-top-style: dashed;
}

.c-wizard--horizontal .c-wizard__header-separator--faded {
  opacity: 50%;
}

.c-wizard--horizontal .c-wizard__header-step .c-wizard__header-step-index {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-family: var(--font-medium);
  border-radius: 50%;
  background-color: var(--tws-wizard-step-circle-background-active);
  color: var(--tws-wizard-step-circle-color-active);
}

.c-wizard--horizontal .c-wizard__header-step[data-step-title]::after {
  content: attr(data-step-title);
  margin-top: 0.5rem;
  color: var(--tws-wizard-step-title-color-active);
  font-family: var(--font-book);
  font-size: 0.875rem;
  text-align: center;
  overflow: hidden;
}

.c-wizard--horizontal .c-wizard__header-step--disabled .c-wizard__header-step-index {
  background-color: transparent;
  border: 1px solid var(--tws-wizard-step-circle-background-active);
  color: var(--tws-wizard-step-circle-background-active);
}

.c-wizard--horizontal .c-wizard__header-step--done .c-wizard__header-step-index {
  background-color: hsl(var(--color-signal-60));
  color: hsl(var(--color-white));
}

.c-wizard--horizontal .c-wizard__header-checkmark {
  width: 1rem;
  height: 1rem;
  fill: hsl(var(--color-white));
}

.c-wizard--horizontal .c-wizard__header-step--disabled::after,
.c-wizard--horizontal .c-wizard__header-step--done::after {
  color: var(--tws-wizard-step-circle-background-inactive);
}

.c-wizard--horizontal .c-wizard__header-step[data-step-title].c-wizard__header-step--current::after {
  font-family: var(--font-bold);
  font-weight: bold;
}

.c-wizard--horizontal .c-wizard__header-step--current.c-wizard__header-step--done .c-wizard__header-step-index::after {
  font-weight: normal;
  font-weight: initial;
}

@media (min-width: 1023px) {
  .c-wizard--horizontal .c-wizard__header-step[data-step-title]::after {
    position: absolute;
    top: 10.5rem;
    max-height: 2rem;
    max-width: 12rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .c-wizard--horizontal .c-wizard__content {
    padding: 0 1.5rem;
    margin-top: 4.5rem;
  }

  .c-wizard--horizontal .c-wizard__header-step--current.c-wizard__header-step--first {
    margin-left: 5rem;
  }

  .c-wizard--horizontal .c-wizard__header-step.c-wizard__header-step--current .c-wizard__header-step-index {
    width: 3.75rem;
    height: 3.75rem;
  }

  .c-wizard--horizontal .c-wizard__header-step--small .c-wizard__header-step-index {
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (max-width: 767px) {
  .c-wizard--horizontal .c-wizard__content {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .c-wizard--horizontal .c-wizard__header {
    border-bottom: 1px solid hsl(var(--color-gray-15));
    padding-right: 0;
    padding-left: 0;
  }

  .c-wizard--horizontal .c-wizard__header::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
  }

  .c-wizard--horizontal .c-wizard__header-steps {
    align-items: initial;
    padding-right: 0.5rem;
  }

  .c-wizard--horizontal .c-wizard__header-step {
    min-width: 5.5rem;
  }

  .c-wizard--horizontal .c-wizard__header-separator {
    margin: 0.75rem -1.55rem 0 -1.55rem;
    border-top-width: 1px;
  }

  .c-wizard--horizontal .c-wizard__header-step[data-step-title]::after {
    font-size: .75rem;
  }

  .c-wizard--horizontal .c-wizard__header-step .c-wizard__header-step-index {
    width: 1.5rem;
    height: 1.5rem;
  }

  .c-wizard--horizontal .c-wizard__header-step.c-wizard__header-step--current .c-wizard__header-step-index {
    width: 1.875rem;
    height: 1.875rem;
  }

  .c-wizard .c-wizard__content {
    width: 100%;
  }

  .c-wizard .c-wizard__actions {
    background-color: hsl(var(--color-white));
    display: flex;
    padding: 1.5rem 1rem;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    border-top: 1px solid hsl(var(--color-gray-15));
  }

  .c-wizard .c-wizard__actions .c-button {
    flex: 1;
  }
}

.c-wizard-step {
  position: relative;
  scroll-margin-top: 2rem;
}

.c-wizard--horizontal .c-wizard-step:not(.c-wizard-step--current) {
  display: none;
}

.c-wizard-step__header {
  display: flex;
  align-items: center;
}

.c-wizard-step__header-index {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-family: var(--font-medium);
  border-radius: 50%;
  background-color: var(--tws-wizard-step-circle-background-active);
  color: var(--tws-wizard-step-circle-color-active);
}

.c-wizard-step__header .c-wizard-step__header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.875rem;
}

.c-wizard-step__header .c-wizard-step__header-title {
  color: var(--tws-wizard-step-title-color-active);
  font-family: var(--font-book);
  font-size: 1rem;
}

.c-wizard-step__header .c-wizard-step__header-subtitle {
  color: var(--tws-wizard-step-subtitle-color-active);
  font-family: var(--font-book);
  font-size: 0.75rem;
}

.c-wizard-step__container {
  padding: 1rem 0rem 2.25rem 2.375rem;
  position: relative;
  margin: 0.25rem 0;
}

.c-wizard:not(.c-wizard--horizontal) .c-wizard-step__container::before {
  content: '';
  width: 2px;
  height: 100%;
  background-color: var(--tws-wizard-step-track-active);
  position: absolute;
  left: 0.7rem;
  top: 0rem;
}

.c-wizard--horizontal .c-wizard-step__content {
  margin-top: 1.5rem;
}

.c-wizard-step__container .c-wizard-step__content {
  -webkit-animation: slideIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: slideIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-wizard-step__container .c-wizard-step__actions {
  margin-top: 2.625rem;
  display: flex;
  justify-content: flex-end;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.c-wizard-step--last .c-wizard-step__container::before {
  content: normal;
  content: initial;
}

/* Collapsed */

.c-wizard-step--collapsed .c-wizard-step__content {
  visibility: hidden;
  overflow: hidden;
  height: 0;
  display: none;
}

/* Collapsed & Disabled */

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__header .c-wizard-step__header-index {
  background-color: var(--tws-wizard-step-circle-background-inactive);
  color: var(--tws-wizard-step-circle-color-inactive);
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__header .c-wizard-step__header-title {
  color: var(--tws-wizard-step-title-color-inactive);
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__header .c-wizard-step__header-subtitle {
  color: var(--tws-wizard-step-subtitle-color-inactive);
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__container {
  padding-top: 2rem;
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__container::before {
  background-color: var(--tws-wizard-step-track-inactive);
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__actions {
  display: none;
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__content {
  display: none;
}

.c-wizard-step--collapsed.c-wizard-step--disabled .c-wizard-step__result {
  display: none;
}

/* Collapsed & Done */

.c-wizard-step--collapsed.c-wizard-step--done .c-wizard-step__content {
  display: none;
}

.c-wizard-step--collapsed.c-wizard-step--done .c-wizard-step__result {
  -webkit-animation: slideInFromBottom 0.5s ease-out;
          animation: slideInFromBottom 0.5s ease-out;
}

/* Current */

.c-wizard-step--current .c-wizard-step__container::before {
  height: 100%;
  top: 0rem;
}

@media (min-width: 1023px) {
  .c-wizard--horizontal .c-wizard-step {
    border-left: 1px solid hsl(var(--color-gray-10));
    border-right: 1px solid hsl(var(--color-gray-10));
  }

  .c-wizard--horizontal .c-wizard-step {
    padding: 0 1.5rem;
  }

  .c-wizard--horizontal__header {
    margin-top: 2.5rem;
  }
}

@media (max-width: 767px) {
  .c-wizard-step__header .c-wizard-step__header-index {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.75rem;
  }

  .c-wizard-step__header .c-wizard-step__header-title {
    font-size: 0.875rem;
  }

  .c-wizard-step__header .c-wizard-step__header-subtitle {
    font-size: 0.625rem;
  }

  .c-wizard-step__container {
    padding: 2.625rem 0rem 3.25rem 2rem;
  }

  .c-wizard:not(.c-wizard--horizontal) .c-wizard-step__container::before {
    left: 0.5rem;
  }

  .c-wizard--horizontal .c-wizard-step__container {
    padding: 0;
  }
}

html, body {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

#root {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.c-foundation-application {
  z-index: var(--zindex-low);
}

:root {
  --tws-module-selector-title-search-height: 4rem;

  --tws-module-selector-border-color: hsla(var(--color-90), .1);
  --tws-module-selector-gradient-background-bar: var(--color-85);
  --tws-module-selector-icon-color: hsl(var(--color-white));
  --tws-module-selector-modules-border-color: hsla(var(--color-90), .1);
  --tws-module-selector-search-background: hsla(var(--color-90), .1);
  --tws-module-selector-title-background: hsl(var(--color-gray-10));
  --tws-module-selector-text-color: hsla(var(--color-white), .8);
  --tws-module-selector-opaque-background: hsla(var(--color-black), .5);

  --tws-module-selector-linear-theme-color: hsl(var(--color-55));
  --tws-module-selector-linear-background-color: hsl(var(--color-gray-5));
  --tws-module-selector-linear-icon-color: hsl(var(--color-gray-55));
  --tws-module-selector-linear-modules-background: hsl(var(--color-white));
  --tws-module-selector-linear-text-color: hsl(var(--color-black));
  --tws-module-selector-linear-module-title-color: hsl(var(--color-gray-45));
}

:root.t-nav-ultra-light {
  --tws-module-selector-border-color: hsla(var(--color-white), .1);
  --tws-module-selector-gradient-background-bar: var(--color-00);
  --tws-module-selector-icon-color: hsla(var(--color-black), .8);
  --tws-module-selector-modules-background: hsla(var(--color-gray-15), .1);
  --tws-module-selector-modules-border-color: hsla(var(--color-black), .1);
  --tws-module-selector-search-background: hsla(var(--color-gray-25), .15);
  --tws-module-selector-title-background: hsl(var(--color-gray-10));
  --tws-module-selector-text-color: hsl(var(--color-black));
}

:root.t-nav-bright {
  --tws-module-selector-border-color: hsla(var(--color-90), .1);
  --tws-module-selector-gradient-background-bar: var(--color-85);
  --tws-module-selector-icon-color: hsla(var(--color-white), .8);
  --tws-module-selector-modules-background: hsla(var(--color-45), .1);
  --tws-module-selector-modules-border-color: hsla(var(--color-90), .1);
  --tws-module-selector-search-background: hsla(var(--color-90), .1);
  --tws-module-selector-title-background: hsl(var(--color-gray-10));
  --tws-module-selector-text-color: hsl(var(--color-white));
}

.c-module-selector__section {
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--tws-module-selector-border-color);
}

.c-module-selector--linear-background {
  background-color: var(--tws-module-selector-opaque-background);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: var(--zindex-low);
}

.c-module-selector--linear {
  border-right: 1px solid var(--tws-module-selector-modules-border-color);
  width: 19.5rem;
  position: fixed;
  top: 0rem;
  bottom: 0;
  left: 0;
  height: 100vh;
  max-width: 40rem;
  background: transparent;
}

.c-module-selector--default {
  width: 100%;
}

.c-module-selector__search {
  background-color: var(--tws-module-selector-search-background);
  position: -webkit-sticky;
  position: sticky;
  top: -0.01rem;
  z-index: var(--zindex-low);
}

.c-module-selector--linear .c-module-selector__search {
  background-color: var(--tws-module-selector-title-background);
  background: var(--tws-module-selector-linear-background-color);
  height: 4rem;
  z-index: 1;
}

.c-module-selector--linear .c-module-selector__search-input .c-input__input {
  font-family: var(--font-medium);
}

.c-module-selector__search--top {
  background: hsl(var(--tws-module-selector-gradient-background-bar));
}

.c-module-selector__search-input {
  --tws-input-placeholder-color: var(--tws-module-selector-linear-icon-color);
  font-family: var(--font-medium);
  font-size: 1rem;
  width: 100%;
}

.t-content-ultra-light .c-module-selector--default .c-module-selector__search-input,
.t-content-bright .c-module-selector--default .c-module-selector__search-input {
  --tws-input-placeholder-color: var(--tws-module-selector-text-color);
}

.c-module-selector__search-input .c-input__box {
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: hsl(var(--color-gray-45));
}

.c-module-selector__search-input .c-input__input {
  color: var(--tws-module-selector-text-color);
  font-family: var(--font-book);
}

.c-module-selector--linear .c-module-selector__search-input .c-input__input {
  color: var(--tws-module-selector-linear-text-color);
}

.c-module-selector__search-icon {
  width: 1.375em;
  height: 1.375rem;
}

.c-module-selector__cancel-icon {
  width: 1rem;
  cursor: pointer;
}

.c-module-selector__search-icon,
.c-module-selector__cancel-icon {
  fill: var(--tws-module-selector-icon-color);
}

.c-module-selector--linear .c-module-selector__search-icon {
  fill: var(--tws-module-selector-linear-icon-color);
}

.c-module-selector__modules {
  width: 100%;
}

.c-module-selector__title-icon {
  fill: var(--tws-spotlight-icon-color);
  cursor: pointer;
}

.c-module-selector__title-wrapper {
  border-bottom: 1px solid var(--tws-module-selector-modules-border-color);
  background-color: hsl(var(--color-90));
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  padding: 0 1.25rem 0 1rem;
  position: -webkit-sticky;
  position: sticky;
  top: -0.01rem;
}

.c-module-selector__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.125rem;
  line-height: 2rem;
  color: var(--tws-module-selector-text-color);
  font-family: var(--font-book);
  padding: 0 1rem;
  margin-right: auto;
}

.c-module-selector__application-title-wrapper {
  background: var(--tws-module-selector-title-background);
  height: 4rem;
  max-height: 4rem;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
}

.c-module-selector__application-title-wrapper .c-module-selector__title {
  color: var(--tws-module-selector-linear-theme-color);
  font-family: var(--font-medium);
  margin-left: 1rem;
  text-align: left;
  text-align: initial;
}

.c-module-selector__application-title-wrapper .c-module-selector__title-icon {
  position: static;
  position: initial;
  fill: var(--tws-module-selector-linear-theme-color);
  width: 1.75rem;
  align-self: center;
}

.c-module-selector-modules-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - var(--tws-module-selector-title-search-height));
  background: var(--tws-module-selector-linear-background-color);
}

.c-module-selector__module-group-navigation {
  fill: var(--tws-module-selector-text-color);
  transform: rotate(180deg);
}

.c-module-selector__module {
  background-color: var(--tws-module-selector-modules-background);
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--tws-module-selector-modules-border-color);
  cursor: pointer;
}

.c-module-selector__module-title {
  color: hsl(var(--color-20));
  font-family: var(--font-medium);
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.c-module-selector__module--search {
  display: flex;
  align-items: center;
  height: 4.5rem;
}

.c-module-selector--linear .c-module-selector__module {
  background-color: var(--tws-module-selector-linear-modules-background);
}

.c-module-selector__module-name {
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--tws-module-selector-text-color);
  font-family: var(--font-book);
}

.c-module-selector--linear .c-module-selector__module-wrapper {
  width: 100%;
}

.c-module-selector--linear .c-module-selector__title-wrapper {
  background-color: hsl(var(--color-gray-5));
}

.c-module-selector--linear .c-module-selector__module-title {
  color: var(--tws-module-selector-linear-module-title-color);
}

.c-module-selector--linear .c-module-selector__title-icon {
  fill: var(--tws-module-selector-linear-text-color);
}

.c-module-selector--linear .c-module-selector__module-group-navigation {
  fill: var(--tws-module-selector-linear-text-color);
  transform: rotate(180deg);
}

.c-module-selector--linear .c-module-selector__title {
  color: var(--tws-module-selector-linear-text-color);
}

.c-module-selector--linear .c-module-selector__module-name {
  color: var(--tws-module-selector-linear-text-color);
  font-family: var(--font-medium);
  width: 100%;
  margin: auto;
  font-size: 1rem;
  line-height: 1.375rem;
}

.c-module-selector__submenu {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: fixed;
  top: 4rem;
  z-index: var(--zindex-low);
  background: linear-gradient(180deg,
    hsl(var(--tws-spotlight-gradient-background-1)) 0%,
    hsl(var(--tws-spotlight-gradient-background-2)) 52.55%,
    hsl(var(--tws-spotlight-gradient-background-3)) 100%
  );
  height: calc(100% - 4rem);
}

.c-module-selector__submenu .c-module-selector__title-wrapper {
  position: fixed;
  top: 0;
}

.c-module-selector__submenu .c-module-selector__modules {
  overflow: auto;
}

@media (max-width: 1023px) {
  .t-content-ultra-light .c-module-selector--default .c-module-selector__search-input,
  .t-content-bright .c-module-selector--default .c-module-selector__search-input {
    --tws-input-placeholder-color: var(--tws-module-selector-text-color);
  }

  .c-module-selector__module-group-navigation,
  .c-module-selector--linear .c-module-selector__module-group-navigation {
    transform: rotate(180deg) scale(0.7);
  }

  .c-module-selector__nav-icon {
    transform: scale(0.7);
  }

  .c-module-selector__close-icon {
    width: 0.875rem;
    height: 0.875rem;
    transform: scale(0.95);
    margin-right: 1px;
  }
}

@media (max-width: 1023px) {
  .t-content-ultra-light .c-module-selector--spatial .c-module-selector__search-input,
  .t-content-bright .c-module-selector--spatial .c-module-selector__search-input {
    --tws-input-placeholder-color: var(--tws-module-selector-text-color);
  }
}

@media (min-width: 1024px) {
  .c-module-selector-spatial-desktop {
    width: 52.5rem;
    height: 34.625rem;
    margin: auto;
  }

  .c-module-selector-spatial-desktop__section {
    width: 100%;
  }

  .c-module-selector-spatial-desktop__search {
    top: -0.01rem;
    z-index: var(--zindex-low);
  }

  .c-module-selector-spatial-desktop__modules {
    margin-top: 3.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2rem;
  }

  .c-module-selector-spatial-desktop__module {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    padding: 0;
    cursor: pointer;
    justify-content: flex-start;
    border-bottom: 0px;
  }

  .c-module-selector-spatial-desktop__module-name {
    color: var(--tws-module-selector-text-color);
    font-family: var(--font-book);
    padding-left: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: .2px;
    align-self: center;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .c-module-selector-spatial-desktop__module-wrapper {
    width: 14rem;
    margin-bottom: 2.375rem;
  }

  .c-module-selector-spatial-desktop__module-wrapper:last-child {
    justify-content: flex-start;
  }

  .c-module-selector-spatial-desktop__trail-wrapper {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: auto;
  }

  .c-module-selector-spatial-desktop__module-icon {
    fill: var(--tws-module-selector-text-color);
    stroke: var(--tws-module-selector-text-color);
    width: 1.875rem;
    height: 1.875rem;
  }

  .c-module-selector-spatial-desktop__navigation-icon--next {
    fill: var(--tws-module-selector-icon-color);
    transform: rotate(180deg);
    cursor: pointer;
    margin: -12rem 56rem;
    position: absolute;
  }

  .c-module-selector-spatial-desktop__navigation-icon--back {
    fill: var(--tws-module-selector-icon-color);
    cursor: pointer;
    margin: 10.2rem -5rem;
    position: absolute;
  }

  .c-module-selector-spatial-desktop__next-arrow {
    cursor: pointer;
    margin: -12rem 56rem;
    position: absolute;
  }

  .c-module-selector-spatial-desktop__back-arrow {
    cursor: pointer;
    margin: 10.2rem -5rem;
    position: absolute;
  }

  .c-module-selector-spatial-desktop__modules-title {
    color: var(--tws-module-selector-icon-color);
    font-family: var( --font-medium);
    font-size: 0.875rem;
    border-bottom: 2px solid;
    line-height: 2rem;
    min-width: 6.5rem;
    margin-left: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .c-module-selector-spatial-desktop__search-input .c-input__box {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid var(--tws-module-selector-icon-color);
    border-radius: 0;
  }

  .c-module-selector-spatial-desktop__search-input .c-input__input {
    color: var(--tws-module-selector-text-color);
    font-family: var(--font-book);
  }

  .c-module-selector-spatial-desktop__title-icon {
    fill: var(--tws-module-selector-text-color);
    cursor: pointer;
    height: 2rem;
    width: 2rem;
    align-self: flex-end;
  }

  .c-module-selector-spatial-desktop__module-title {
    color: hsl(var(--color-20));
    font-family: var(--font-medium);
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding-left: 0.75rem;
  }

  .c-module-selector-spatial-desktop__title-wrapper {
    display: flex;
    height: 2.5em;
    align-items: center;
  }
}

.c-auxiliary-bar {
  width: 100%;
  align-items: center;
  display: flex;
  background: hsl(var(--color-gray-10));
  height: var(--tws-application-bar-height);
  padding: 0 3rem;
  align-items: stretch;
}

.c-auxiliary-bar__route {
  align-self: center;
}

.c-application-bar-routes .c-modal__content {
  background-color: hsl(var(--color-gray-30));
}

.c-application-bar-routes__route {
  display: flex;
  align-items: center;
  color: hsl(var(--color-gray-75));
  background-color: hsl(var(--color-white));
  padding: 1rem;
  height: 3.25rem;
  border-bottom: 1px solid hsla(var(--color-gray-75), .1);
  line-height: 1.25rem;
}

:root {
  --tws-application-bar-height: 4rem;
}

:root.t-nav-ultra-light {
  --tws-application-bar-background: hsl(var(--color-5));
  --tws-application-bar-icon-color: hsl(var(--color-45));
  --tws-application-bar-text-color: hsl(var(--color-45));
  --tws-application-bar-secondary-text-color: hsla(var(--color-45), .6);

  --tws-application-bar-active-module-background: hsla(var(--color-gray-75), .1);
  --tws-application-bar-active-module-text-color: hsl(var(--color-gray-75));

  --tws-application-bar-module-text-color: hsla(var(--color-gray-75), .80);
  --tws-application-bar-module-text-color-focused: hsl(var(--color-gray-75));
  --tws-application-bar-module-text-color-pressed: hsla(var(--color-gray-75), .63);
}

:root.t-nav-very-light {
  --tws-application-bar-background: hsl(var(--color-15));
  --tws-application-bar-icon-color: hsl(var(--color-45));
  --tws-application-bar-text-color: hsl(var(--color-45));
  --tws-application-bar-secondary-text-color: hsla(var(--color-45), .6);

  --tws-application-bar-active-module-background: hsla(var(--color-75), .15);
  --tws-application-bar-active-module-text-color: hsl(var(--color-75));

  --tws-application-bar-module-text-color: hsla(var(--color-75), .80);
  --tws-application-bar-module-text-color-focused: hsl(var(--color-75));
  --tws-application-bar-module-text-color-pressed: hsla(var(--color-75), .63);
}

:root.t-nav-bright {
  --tws-application-bar-background: hsl(var(--color-45));
  --tws-application-bar-icon-color: hsl(var(--color-white));
  --tws-application-bar-text-color: hsl(var(--color-white));
  --tws-application-bar-secondary-text-color: hsla(var(--color-white), .6);

  --tws-application-bar-active-module-background: hsla(var(--color-white), .15);
  --tws-application-bar-active-module-text-color: hsl(var(--color-white));

  --tws-application-bar-module-text-color: hsla(var(--color-white), .85);
  --tws-application-bar-module-text-color-focused: hsl(var(--color-white));
  --tws-application-bar-module-text-color-pressed: hsla(var(--color-white), .60);
}

:root.t-nav-very-dark {
  --tws-application-bar-background: hsl(var(--color-75));
  --tws-application-bar-icon-color: hsl(var(--color-white));
  --tws-application-bar-text-color: hsl(var(--color-white));
  --tws-application-bar-secondary-text-color: hsla(var(--color-white), .6);

  --tws-application-bar-active-module-background: hsla(var(--color-white), .15);
  --tws-application-bar-active-module-text-color: hsl(var(--color-white));

  --tws-application-bar-module-text-color: hsla(var(--color-white), .80);
  --tws-application-bar-module-text-color-focused: hsl(var(--color-white));
  --tws-application-bar-module-text-color-pressed: hsla(var(--color-white), .60);
}

:root.t-nav-very-dark-gray {
  --tws-application-bar-background: hsl(var(--color-70));
  --tws-application-bar-icon-color: hsl(var(--color-15));
  --tws-application-bar-text-color: hsl(var(--color-15));
  --tws-application-bar-secondary-text-color: hsla(var(--color-15), .6);

  --tws-application-bar-active-module-background: hsla(var(--color-15), .12);
  --tws-application-bar-active-module-text-color: hsl(var(--color-15));

  --tws-application-bar-module-text-color: hsla(var(--color-15), .80);
  --tws-application-bar-module-text-color-focused: hsl(var(--color-15));
  --tws-application-bar-module-text-color-pressed: hsla(var(--color-15), .5);
}

.c-application-bar {
  width: 100%;
  align-items: center;
  display: flex;
  background: var(--tws-application-bar-background);
  height: var(--tws-application-bar-height);
  padding: 0 1.5rem;
  align-items: stretch;
}

.c-application-bar--sticky-to-top {
  position: fixed;
  top: 0;
  z-index: var(--zindex-high);
}

.c-application-bar--sticky-to-top-parent {
  margin-top: var(--tws-application-bar-height);
}

.c-application-bar__icon {
  fill: var(--tws-application-bar-icon-color);
  width: 1.5rem;
  cursor: pointer;
  align-self: center;
}

.c-application-bar__spotlight-slidebar .c-modal-header {
  background-color: hsl(var(--tws-spotlight-gradient-background-1));
  color: var(--tws-spotlight-text-color);
  display: flex;
  align-items: center;
}

.c-application-bar__spotlight-slidebar .c-spotlight__custom-menu-slidebar .c-modal-header {
  background-color: var(--tws-modal-header-background);
}

.c-application-bar__spotlight-slidebar.c-spotlight__custom-menu-header {
  height: 2.875rem;       /* Follows modal header height */
  display: flex;
  padding: 0 1rem;
}

.c-application-bar__spotlight-slidebar .c-modal-header .c-modal__title {
  padding: 1.5rem 1.375rem;
  font-size: 0.75rem;
  color: hsl(var(--color-gray-45));
  font-family: var(--font-book);
}

.c-application-bar__spotlight-slidebar .c-modal-header .c-modal-close {
  height: 2.5rem;
  margin-right: 1rem;
  margin-top: 1rem;
}

.c-application-bar__spotlight-slidebar .c-modal__content {
  height: 100%;
}

.c-application-bar__spotlight-slidebar .c-modal-close svg path {
  fill: var(--tws-spotlight-icon-color);
}

.c-application-bar__title {
  color: var(--tws-application-bar-text-color);
  font-family: var(--font-light);
  font-size: 1.25rem;
  margin-left: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-self: center;
  word-break: break-word;
}

.c-application-bar__modules {
  display: flex;
  margin-left: 1.5rem;
  flex: 1;
  overflow: hidden;
}

.c-application-bar__module {
  min-width: 7.5rem;
  color: var(--tws-application-bar-module-text-color);
  font-family: var(--font-medium);
  font-size: 1rem;
  padding: 0 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: .625rem;
  gap: .625rem;
  text-align: center;
}

.c-application-bar__module .c-application-bar__module-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.c-application-bar__overflow-modules .c-application-bar__overflow-modules-content {
  display: flex;
  flex-direction: column;
}

.c-application-bar__overflow-modules .c-application-bar__overflow-modules-content .c-application-bar__overflow-module {
  font-family: var(--font-medium);
  display: flex;
  align-items: center;
  font-size: 1rem;
  width: 100%;
  height: 3.25rem;
  padding-left: 1rem;
  cursor: pointer;
  justify-content: space-between;
  color: hsl(var(--color-gray-75));
}

.c-application-bar__overflow-modules .c-application-bar__overflow-modules-content .c-application-bar__overflow-module--active {
  background-color: hsl(var(--color-15));
}

.c-application-bar__overflow-modules .c-application-bar__overflow-modules-content .c-application-bar__overflow-module:hover {
  color: hsla(var(--color-gray-75), .8);
}

.c-application-bar__module:active {
  color: var(--tws-application-bar-module-text-color-pressed);
}

.c-application-bar__module:focus,
.c-application-bar__module:hover,
.c-application-bar__overflow-modules-button:focus,
.c-application-bar__overflow-modules-button:hover {
  color: var(--tws-application-bar-module-text-color-focused);
}

.c-application-bar__module--active {
  background-color: var(--tws-application-bar-active-module-background);
  color: var(--tws-application-bar-active-module-text-color);
}

.c-application-bar__module-close-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: hsl(var(--color-white));
  display: none;
}

.c-application-bar__overflow-modules-button {
  color: var(--tws-application-bar-module-text-color);
  font-family: var(--font-medium);
  font-size: 1rem;
  padding: 0 1.5rem;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  min-width: 7.5rem
}

.c-application-bar__overflow-modules-button svg {
  cursor: pointer;
  min-width: 1.5rem;
  height: 1.5rem;
  fill: var(--tws-application-bar-module-text-color);
  align-self: center;
  margin-left: 1rem;
  transition: transform .2s ease-in-out;
}

.c-application-bar__overflow-modules-button--active svg {
  transform: rotate(180deg);
}

.c-application-bar__module:hover .c-application-bar__module-close-icon {
  display: block;
}

.c-pre-more-dropdown {
  visibility: hidden;
}

.c-application-bar__dot {
  transform: rotate(90deg);
}

.c-application-bar__container {
  display: flex;
  place-content: flex-end;
  place-items: center;
}

.c-application-bar__container svg {
  fill: var(--tws-application-bar-icon-color) !important;
}

.c-application-bar__container + .c-application-bar__container:not(:empty)::before {
  content: '';
  background: hsla(var(--color-gray-75), 0.1);
  height: 2rem;
  width: 1px;
  margin: 0 1.5rem;
}

.c-application-bar__container--icons-hidden {
  display: none;
}

.c-application-bar__container .c-avatar__title {
  color: var(--tws-application-bar-text-color);
}

.c-application-bar__container .c-avatar__subtitle,
.c-application-bar__container .c-avatar__description {
  color: var(--tws-application-bar-secondary-text-color);
}

.c-application-bar__user .c-avatar__data {
  margin-left: 1.5rem;
}

.c-application-bar__user .c-avatar__title {
  color: var(--tws-application-bar-text-color);
  font-family: var(--font-medium);
}

@media (max-width: 1023px) {
  .c-application-bar__title {
    flex: 1;
    margin: 0 1rem;
    text-align: center;
  }

  .c-application-bar__spotlight-slidebar .c-modal-header .c-modal__title {
    color: var(--tws-spotlight-text-color);
    font-size: 1.125rem;
    padding: 1rem;
  }

  .c-application-bar__spotlight-slidebar .c-modal-header .c-modal-close__icon {
    width: 0.875rem;
    height: 0.875rem;
    margin: 1rem 1.5rem;
  }

  .c-application-bar__spotlight-slidebar .c-modal-header .c-modal-close {
    margin-right: 0;
    margin-top: 0;
  }

  .c-application-bar__spotlight-slidebar .c-modal__wrapper {
    padding: 0;
  }

  .c-application-bar__spotlight-slidebar .c-modal-header {
    padding-right: 0.5rem;
    height: var(--tws-application-bar-height);
    flex-direction: row-reverse;
  }

  .c-application-bar__spotlight-slidebar {
    background: transparent;
  }
}

.c-foundation__loader {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.c-foundation__loader .c-loader__circle {
  margin: 0 0 1rem 0;
}

:root {
  --tws-login-background: hsl(var(--color-white));
  --tws-login-link: hsla(var(--color-45), 0.8);
  --tws-login-link-hover: hsla(var(--color-45), 1);
  --tws-login-logo: hsl(var(--color-45));
  --tws-login-text: hsl(var(--color-90));
}

:root.t-content-bright {
  --tws-login-background: hsl(var(--color-45));
  --tws-login-link: hsla(var(--color-white), 0.8);
  --tws-login-link-hover: hsla(var(--color-white), 1);
  --tws-login-logo: hsl(var(--color-white));
  --tws-login-text: hsl(var(--color-white));
}

.c-login {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  background-color: var(--tws-login-background);
  width: 100vw;
}

.c-login__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  width: 100%;
}

.c-login__logo {
  margin-top: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  max-height: 8.38rem;
  height: auto;
  fill: var(--tws-login-logo);
}

.c-login__text {
  color: var(--tws-login-text);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-family: var(--font-book);
}

.c-login__name {
  font-size: 1.625rem;
  line-height: 2.25rem;
  margin-top: 2.5rem;
  text-align: center;
}

.c-login__form {
  margin-top: 2.5rem;
  width: 100%;
}

.c-login__form .c-login__field {
  margin-top: 1.25rem;
}

.c-login__action {
  margin-top: 1.875rem;
  margin-bottom: 1rem;
  width: 100%;
}

.c-login__forgot-password {
  color: var(--tws-login-link);
  line-height: 1.375rem;
  font-family: var(--font-bold);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.c-login__forgot-password:hover {
  color: var(--tws-login-link-hover);
}

.c-login__custom {
  margin-top: 1rem;
  display: flex;
  flex: 1;
  width: 100%;
}

.c-login__custom > * {
  max-width: 100%;
}

.c-login__custom .c-text {
  color: var(--tws-login-text);
}

.c-login__bottom {
  margin-top: auto;
  width: 100%;
}

.c-login__bottom-links {
  display: flex;
  justify-content: center;
  margin: 1.25rem 1.25rem 2rem 1.25rem;
  grid-gap: .75rem;
  gap: .75rem;
}

.c-login__bottom-link-separator {
  width: 1px;
  color: hsl(var(--tws-login-text));
  border: 1px solid var(--tws-login-link);
}

.c-login__bottom .c-login__dependencies,
.c-login__bottom .c-login__version {
  line-height: 1rem;
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-content: center;
}

.c-login__bottom-links--has-separator .c-login__dependencies {
  flex: 1;
  justify-content: flex-start;
}

.c-login__bottom-links--has-separator .c-login__version {
  flex: 1;
  justify-content: flex-end;
}

.c-login__bottom .c-login__dependencies-text,
.c-login__bottom .c-login__version-text {
  font-family: var(--font-bold);
  cursor: pointer;
  color: var(--tws-login-link);
}

.c-login__notification {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.c-login__sign-in-message {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--tws-login-text);
  font-family: var(--font-book);
}

.c-login__sign-in-title {
  width: 100%;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--tws-login-text);
  font-family: var(--font-bold);
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

.c-login--compact {
  width: 100%;
  flex: 0;
}

.c-login--compact .c-login__form {
  margin-top: 0.75rem;
}

.c-login--compact .c-login__name {
  margin-top: 2rem;
  font-size: 1.5rem;
}

.c-inline-image.c-login__logo img,
.c-inline-image.c-login__logo svg {
  max-height: inherit;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.c-login--compact .c-login__logo {
  max-width: 3.875rem;
}

.c-login__top {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-login--compact .c-login__form {
    margin-top: 0.25rem;
  }

  .c-login__logo {
    max-height: 4.875rem;
  }
}

@media (min-width: 767px) {
  .c-login__top,
  .c-login__logo,
  .c-login__form,
  .c-login__action,
  .c-login__notification {
    max-width: 21.4375rem;
  }
}

.c-login-dialog,
.c-login-dialog__form {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}

.c-login-dialog__button {
  width: 100%;
}

.c-multi-factor-authentication-activation {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.c-multi-factor-authentication-activation__scanning,
.c-multi-factor-authentication-activation__confirm {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.c-multi-factor-authentication-activation__scanning > div {
  display: flex;
  flex-direction: column;
  text-align: left;
  text-align: initial;
}

.c-multi-factor-authentication-activation__text {
  font-family: var(--font-book);
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(var(--color-gray-75));
}

.c-multi-factor-authentication-activation__input {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}

.c-multi-factor-authentication__content {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.c-multi-factor-authentication__header {
  display: flex;
  flex-direction: column;
  grid-gap: .5rem;
  gap: .5rem;
  align-items: center;
  text-align: center;
}

.c-multi-factor-authentication__header span {
  font-family: var(--font-book);
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(var(--color-gray-75));
}

.c-multi-factor-authentication__input {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}

.c-multi-factor-authentication__extra-content {
  align-self: center;
}

:root {
  --tws-spotlight-border-color: hsla(var(--color-90), .1);
  --tws-spotlight-default-menu-side-handler-size: 3rem;
  --tws-spotlight-gradient-background-1: var(--color-90);
  --tws-spotlight-gradient-background-2: var(--color-65);
  --tws-spotlight-gradient-background-3: var(--color-55);
  --tws-spotlight-icon-color: hsl(var(--color-white));
  --tws-spotlight-link-color: hsl(var(--color-white), .8);
  --tws-spotlight-location-background: transparent;
  --tws-spotlight-text-color: hsla(var(--color-white), .8);
  --tws-spotlight-user-background: transparent;
  --tws-spotlight-user-color: var(--color-white);
  --tws-spotlight-user-menu-side-handler-size: 1.5rem;
}

:root.t-nav-ultra-light {
  --tws-spotlight-border-color: hsla(var(--color-white), .1);
  --tws-spotlight-gradient-background-1: var(--color-00);
  --tws-spotlight-gradient-background-2: var(--color-00);
  --tws-spotlight-gradient-background-3: var(--color-00);
  --tws-spotlight-icon-color: hsla(var(--color-black), .8);
  --tws-spotlight-link-color: hsl(var(--color-black), .8);
  --tws-spotlight-location-background: hsla(var(--color-gray-25), .15);
  --tws-spotlight-text-color: hsl(var(--color-black));
  --tws-spotlight-user-background: hsl(var(--color-gray-10));
  --tws-spotlight-user-color: var(--color-black);
}

:root.t-nav-bright {
  --tws-spotlight-border-color: hsla(var(--color-90), .1);
  --tws-spotlight-gradient-background-1: var(--color-90);
  --tws-spotlight-gradient-background-2: var(--color-65);
  --tws-spotlight-gradient-background-3: var(--color-55);
  --tws-spotlight-icon-color: hsla(var(--color-white), .8);
  --tws-spotlight-link-color: hsl(var(--color-white), .8);
  --tws-spotlight-location-background: transparent;
  --tws-spotlight-text-color: hsl(var(--color-white));
  --tws-spotlight-user-background: transparent;
  --tws-spotlight-user-color: var(--color-white);
}

.c-spotlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    180deg,
    hsl(var(--tws-spotlight-gradient-background-1)) 0%,
    hsl(var(--tws-spotlight-gradient-background-2)) 52.55%,
    hsl(var(--tws-spotlight-gradient-background-3)) 100%
  );
  flex: 1;
}

.c-spotlight .c-drop-down-menu {
  align-self: end;
  z-index: var(--zindex-modal);
}

.c-spotlight .c-drop-down-menu__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-spotlight__section {
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--tws-spotlight-border-color);
}

.c-spotlight__dropdown-menu .c-spotlight__section {
  padding: 0;
  padding-bottom: 1rem;
  height: 4rem;
}

.c-spotlight__user {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--tws-spotlight-user-background);
}

.c-spotlight__user-menu {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 1rem;
}

.c-spotlight .c-drop-down-menu .c-spotlight__user {
  align-self: flex-end;
  max-width: 20rem;
}

.c-spotlight__avatar {
  cursor: pointer;
  width: 100%;
}

.c-spotlight__user .c-avatar__img {
  fill: var(--color-white);
}

.c-spotlight .c-drop-down-menu .c-collapse-arrow {
  fill: hsl(var(--tws-spotlight-user-color));
}

.c-spotlight__user .c-avatar__title {
  color: hsl(var(--tws-spotlight-user-color));
}

.c-spotlight__user .c-avatar__subtitle {
  color: hsla(var(--tws-spotlight-user-color), 0.8);
}

.c-spotlight__logout {
  margin-top: 1rem;
  line-height: 1.25rem;
  font-family: var(--font-book);
  color: hsl(var(--color-gray-75));
  padding: 0;
}

.c-spotlight__location {
  background-color: var(--tws-spotlight-location-background);
}

.c-spotlight__location-texts {
  /* 2.5 is the size of the Edit icon plus its margin */
  width: calc(100% - 2.5rem);
}

.c-spotlight__location-title,
.c-spotlight__location-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: var(--font-book);
}

.c-spotlight__location-title {
  font-family: var(--font-bold);
}

.c-spotlight__location-title:after {
  content: ': ';
}

.c-spotlight__location-edit {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  display: flex;
  align-self: center;
  margin-left: 1rem;
}

.c-spotlight__edit-information {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  min-height: 7rem;
}

.c-spotlight__edit-information-field {
  margin-top: 1.25rem;
}

.c-spotlight__user-menu-modal {
  height: 100%;
  margin: unset;
}

.c-spotlight__default-menu {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 1rem;
}

.c-spotlight__default-menu .c-spotlight__logout {
  line-height: 1.25rem;
  font-family: var(--font-book);
}

.c-spotlight__default-menu .c-spotlight__logout .c-link__text {
  text-decoration: underline;
  text-underline-position: under;
  color: hsla(var(--tws-spotlight-user-color), 0.8);
}

.c-spotlight__custom-menu-slidebar .c-modal__wrapper {
  padding: 0;
}

.c-spotlight__custom-menu-header {
  height: var(--tws-application-bar-height);
  display: flex;
  padding: 0 1rem;
  background: var(--tws-modal-header-background);
  justify-content: space-between;
}

.c-spotlight__custom-menu-header__icon {
  width: 1.5rem;
  display: flex;
  justify-content: space-evenly;
}

.c-user-menu__title {
  color: var(--tws-application-bar-text-color);
  font-family: var(--font-book);
  font-size: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-self: center;
  word-break: break-word;
}

.c-spotlight__custom-menu-slidebar .c-slidebar-side-handler {
  display: none;
}

.c-spotlight__custom-menu-content {
  padding: 1rem;
}

.c-spotlight__title {
  height: var(--tws-application-bar-height);
  color: var(--tws-spotlight-text-color);
  position: absolute;
  font-size: 1.125rem;
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .c-spotlight__establishment,
  .c-spotlight__sector {
    color: var(--tws-spotlight-text-color);
  }

  .c-spotlight__user-menu .c-spotlight__user {
    max-width: calc(100% - var(--tws-spotlight-user-menu-side-handler-size));
  }

  .c-spotlight__default-menu .c-spotlight__user {
    max-width: calc(100% - var(--tws-spotlight-default-menu-side-handler-size));
  }

  .c-spotlight__location-edit {
    fill: var(--tws-spotlight-icon-color);
    margin-right: 0.25rem;
  }

  .c-spotlight__edit-information {
    min-height: 100vh;
  }

  .c-spotlight__title {
    position: unset;
  }

  .c-spotlight__custom-menu-header .c-user-menu__title {
    font-size: 1.125rem;
  }
}


/*# sourceMappingURL=vendors~main.c2739cd7.chunk.css.map*/