/* overwritable browser-default button style reset */
.btn-reset,
.ui-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  background: none;
}
/* Legacy design scale, predating Tailwind. */
:root {
  --border-radius-smaller: 4px;
  --border-radius-base: 6px;
  --border-radius-medium: 8px;
  --border-radius-larger: 10px;
  --border-radius-largest: 12px;
  --spacer-smallest: 10px;
  --spacer-smaller: 20px;
  --spacer-small: 40px;
  --spacer-base: 60px;
  --fontFamily-brand: 'SofiaPro', 'Helvetica Neue', helvetica, arial, sans-serif;
  --fontSize-small: 14px;
  --fontSize-smaller: 12px;
  --fontSize-base: 16px;
  --fontSize-large: 20px;
  --fontSize-larger: 24px;
  --fontSize-largest: 32px;
  --fontWeight-regular: 400;
  --fontWeight-medium: 500;
  --fontWeight-bold: 600;
  --lineHeight-1: 1;
  --lineHeight-125: 1.25;
  --lineHeight-15: 1.5;
}
/* Font Families */
/* -------------------------------------------------- */
@font-face {
  font-family: SofiaPro;
  src: url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_A_0.eot');
  src:
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_A_0.eot?#iefix') format('embedded-opentype'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_A_0.woff2') format('woff2'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_A_0.woff') format('woff'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_A_0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SofiaPro;
  src: url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_D_0.eot');
  src:
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_D_0.eot?#iefix') format('embedded-opentype'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_D_0.woff2') format('woff2'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_D_0.woff') format('woff'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_D_0.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: SofiaPro;
  src: url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_7_0.eot');
  src:
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_7_0.eot?#iefix') format('embedded-opentype'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_7_0.woff2') format('woff2'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_7_0.woff') format('woff'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_7_0.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: SofiaPro;
  src: url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_C_0.eot');
  src:
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_C_0.eot?#iefix') format('embedded-opentype'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_C_0.woff2') format('woff2'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_C_0.woff') format('woff'),
    url('https://envoy-fonts.s3.amazonaws.com/sofia-pro/3AF984_C_0.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
/* Font Size */
/* -------------------------------------------------- */
/* Font Weight */
/* -------------------------------------------------- */
/* Sofia Decender Fix */
/* -------------------------------------------------- */
.sofia-offset::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: 2px;
}
/* Line Height */
/* -------------------------------------------------- */
.lh-1 {
  line-height: var(--lineHeight-1);
}
.lh-125 {
  line-height: var(--lineHeight-125);
}
.lh-15 {
  line-height: var(--lineHeight-15);
}
/* Font Variants */
/* -------------------------------------------------- */
.lining-nums {
  font-variant-numeric: lining-nums;
  font-feature-settings: 'lnum';
}
.letter-rule::first-letter {
  border-top: 0.25rem solid #ef3934;
  padding-top: 1rem;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.label-reset {
  color: #282c36;
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-regular);
  text-transform: none;
}
/* tailwind */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #ebebf0; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
body {
  line-height: normal;
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
   * TODO: the header styles below will be removed when we replace all instances with Ui::Heading
   */
h1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}
h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}
h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}
h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}
h5 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
}
a {
  --tw-text-opacity: 1;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1));
}
a.sort-asc {
    background-image: url('images/chevron-up-blue.svg');
  }
a.sort-desc {
    background-image: url('images/chevron-down-blue.svg');
  }
a:hover {
  text-decoration-line: underline;
}
p {
  margin-bottom: 1rem;
  line-height: 1.5;
}
/**
   * TODO: the input styles below will be removed when we replace all instances with Ui::Input
   */
input::-moz-placeholder, textarea::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 143 158 / var(--tw-placeholder-opacity, 1));
}
input::placeholder,
  textarea::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 143 158 / var(--tw-placeholder-opacity, 1));
}
/**
   * TODO: the svg style below will be removed when we replace all instances with Ui::Icon
   */
svg,
  img {
  display: inline;
  vertical-align: baseline;
}
input[type='number']svg,input[type='number']
  img {
  display: inline;
  margin: auto;
}
input[type='number']svg:disabled,input[type='number']
  img:disabled {
    opacity: 0.5;
  }
svg.card,
  img.card {
  top: 30px;
  position: absolute;
  left: -3px;
}
svg.calendar-popover,
  img.calendar-popover {
    position: relative;
    z-index: auto;
    top: 0;
    left: 0;
    background-color: none;
    border-radius: 0;
  }
/**
   * TODO: the table style will be removed when we have Ui::Table
   */
table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;

    border-spacing: 0;
}
th,
  td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
th,
  td,
  .table-cell {
  box-sizing: content-box;
}
th {
  text-align: left;
  vertical-align: bottom;
}
td {
  vertical-align: top;
}
/**
   * global ul styles are added mainly due to PowerSelect's use of it
   */
ul,
  ol,
  dl {
  line-height: 1.5;
}
hr {
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
:root {
    --pw-colors-primary: #e91c1c;
  }
form {
    -webkit-margin-after: 0em;
            margin-block-end: 0em;
  }
/**
 * Trying not to veer off too much from the tailwindcss base
 */
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 40em) {
  .\!container {
    max-width: 40em !important;
  }
  .container {
    max-width: 40em;
  }
}
@media (min-width: 48em) {
  .\!container {
    max-width: 48em !important;
  }
  .container {
    max-width: 48em;
  }
}
@media (min-width: 64em) {
  .\!container {
    max-width: 64em !important;
  }
  .container {
    max-width: 64em;
  }
}
@media (min-width: 80em) {
  .\!container {
    max-width: 80em !important;
  }
  .container {
    max-width: 80em;
  }
}
@media (min-width: 96em) {
  .\!container {
    max-width: 96em !important;
  }
  .container {
    max-width: 96em;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-checkbox,.form-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
.form-checkbox {
  border-radius: 0px;
}
.form-radio {
  border-radius: 100%;
}
.form-checkbox:focus,.form-radio:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:checked,.form-radio:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.form-radio:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
.form-checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
/* .focused is for programmatically focused elements */
.form-common:focus,
    .form-common.focused:not(.error):not(:disabled) {
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    --tw-border-opacity: 1;
    border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,0.16);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.form-common.error {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 0 1px #c25700;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-common.error:focus {
  --tw-shadow: 0 0 0 1px #c25700,0 1px 4px 0 rgba(194,87,0,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-input {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.form-input:disabled {
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.form-input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.form-input:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.form-input {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
@media print {

  .form-input {
    border-color: #717684;
  }
}
.form-input {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-input:focus,.form-input.focused:not(.error):not(:disabled) {
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    --tw-border-opacity: 1;
    border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,0.16);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.form-input:not(.error):not(:focus):not(.focused):hover {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.form-input.error {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 0 1px #c25700;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-input.error:focus {
  --tw-shadow: 0 0 0 1px #c25700,0 1px 4px 0 rgba(194,87,0,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-input {
  padding: 0.5rem;
}
.form-input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(201 203 212 / var(--tw-placeholder-opacity, 1));
}
.form-input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(201 203 212 / var(--tw-placeholder-opacity, 1));
}
.form-input:disabled::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(92 98 112 / var(--tw-placeholder-opacity, 1));
}
.form-input:disabled::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(92 98 112 / var(--tw-placeholder-opacity, 1));
}
.form-input::-moz-placeholder {
      line-height: normal;
    }
.form-input::placeholder {
      line-height: normal;
    }
.form-input[type='search'] {
  border-radius: 9999px;
  padding-left: 2rem;
}
.status-badge .form-input[type='search'] {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
.form-textarea {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.form-textarea:disabled {
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.form-textarea {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.form-textarea:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.form-textarea {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
@media print {

  .form-textarea {
    border-color: #717684;
  }
}
.form-textarea {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-textarea:focus,.form-textarea.focused:not(.error):not(:disabled) {
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    --tw-border-opacity: 1;
    border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,0.16);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.form-textarea:not(.error):not(:focus):not(.focused):hover {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.form-textarea.error {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 0 1px #c25700;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-textarea.error:focus {
  --tw-shadow: 0 0 0 1px #c25700,0 1px 4px 0 rgba(194,87,0,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-textarea {
  padding: 0.5rem;
}
.form-textarea::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(201 203 212 / var(--tw-placeholder-opacity, 1));
}
.form-textarea::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(201 203 212 / var(--tw-placeholder-opacity, 1));
}
.form-textarea:disabled::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(92 98 112 / var(--tw-placeholder-opacity, 1));
}
.form-textarea:disabled::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(92 98 112 / var(--tw-placeholder-opacity, 1));
}
.form-textarea::-moz-placeholder {
      line-height: normal;
    }
.form-textarea::placeholder {
      line-height: normal;
    }
.form-textarea {

    /**
     * NOTE: lineHeight.normal is 1.5, which is different from line-height: normal which
     * is used in the placeholder
     */
    line-height: normal;
  }
.form-select {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.form-select:disabled {
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.form-select {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.form-select:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.form-select {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
@media print {

  .form-select {
    border-color: #717684;
  }
}
.form-select {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-select:focus,.form-select.focused:not(.error):not(:disabled) {
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    /* not using the focus: pseudo selector here on purpose so that we can reuse it with .focused */
    --tw-border-opacity: 1;
    border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,0.16);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
.form-select:not(.error):not(:focus):not(.focused):hover {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.form-select.error {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 0 1px #c25700;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-select.error:focus {
  --tw-shadow: 0 0 0 1px #c25700,0 1px 4px 0 rgba(194,87,0,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  text-align: left;
  font-size: 1rem;
}
.form-select:disabled {
  pointer-events: none;
}
.form-checkbox {
  --tw-text-opacity: 1;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1));
}
.sort-asc.form-checkbox {
    background-image: url('images/chevron-up-blue.svg');
  }
.sort-desc.form-checkbox {
    background-image: url('images/chevron-down-blue.svg');
  }
.form-checkbox {
  transition-duration: 200ms;
  border-radius: 0.1875rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity, 1));
}
.form-checkbox:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
.form-checkbox:checked:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(92 98 112 / var(--tw-border-opacity, 1));
}
.form-checkbox:indeterminate:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(92 98 112 / var(--tw-border-opacity, 1));
}
.form-checkbox {
  --tw-shadow: inset 0px 1px 1.5px rgba(0, 0, 0, 0.26),inset 0px -1px 1.5px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: inset 0px 1px 1.5px var(--tw-shadow-color), inset 0px -1px 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-checkbox:checked {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-checkbox:indeterminate {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-checkbox:checked {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.form-checkbox:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 235 240 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 0px;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.form-checkbox {

    /**
     * disabled:checked and disabled:indeterminate here are required, otherwise the
     * checkbox color will be bg-carbon-5
     **/
  }
.form-checkbox:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.form-checkbox:checked:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(92 98 112 / var(--tw-bg-opacity, 1));
}
.form-checkbox:indeterminate:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(92 98 112 / var(--tw-bg-opacity, 1));
}
.ui__banner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(65 65 162 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.handsontable .ui__banner {
  position: relative;
}
.handsontable th:nth-child(2) .ui__banner::after,
.handsontable th:nth-child(3) .ui__banner::after,
.handsontable th:nth-child(4) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .ui__banner::after, .readonly-table .handsontable th:nth-child(3) .ui__banner::after, .readonly-table .handsontable th:nth-child(4) .ui__banner::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .ui__banner::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .ui__banner::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .ui__banner::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .ui__banner::after {
  display: none;
}
.handsontable thead th .ui__banner {
  padding: 2px 4px;
}
.ui__banner__icon {
  float: left;
  margin-right: 0.5rem;
  height: 3rem;
  width: 3rem;
}
.ui__banner__header {
  font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.ui__banner__body {
  font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.powerSelectDropdown--visitor-types .ember-power-select-option[aria-selected='false'] span.ui__banner__body, .powerSelectDropdown--delivery-areas .ember-power-select-option[aria-selected='false'] span.ui__banner__body {
      display: none;
    }
.ui__banner__body a {
  --tw-text-opacity: 1;
  color: rgb(189 205 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.ui__banner__close--button {
  position: absolute;
  right: 1.5rem;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.25rem;
  border-style: none;
  background-color: transparent;
  padding: 0.625rem;
  outline: 2px solid transparent;
  outline-offset: 2px;

    top: calc(50% - 18px);
}
.ui__banner__close--button,
  .ui__banner__close--icon {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
/* The icon imports `?current-color`, so it takes its color by inheritance
     rather than from a selector reaching inside it. This is the value the asset
     used to bake in. */
.ui__banner__close--icon {
    color: #999fac;
  }
.ui__banner__close--button:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
.ui__banner__close--button:hover .ui__banner__close--icon {
  --tw-text-opacity: 1;
  color: rgb(201 203 212 / var(--tw-text-opacity, 1));
}
/**
 * The wrapper is important to avoid issues related to collapsing margins. overflow-hidden
 * is added in order to prevent unwanted horizontal scrolling caused by the negative
 * margins.
 *
 * The wrapper also allows consumers to apply utilities on Ui::ButtonGroup and have it
 * work as expected without performing math to compensate for the negative margins that
 * are applied.
 */
.ui__button_group__wrapper {
  overflow: hidden;
}
.ui__button_group__wrapper .ui__button_group {
  display: flex;
  align-items: flex-start;
}
.input.ui__button_group__wrapper .ui__button_group,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__button_group__wrapper .ui__button_group {
  display: flex;
}
.ui__button_group__wrapper .ui__button_group {

      /**
     * flex-wrap is important for us to prepare for a responsive world where the buttons
     * will be allowed to stack vertically when there's not enough space.
     */

      flex-wrap: wrap;

      gap: 0.75rem;
    }
.ui__button_group__wrapper .ui__button_group--segmented {
  flex-wrap: nowrap;
  gap: 0px;
}
.ui__button_group__wrapper .ui__button_group--segmented .btn {
      /**
         * outline buttons have a lighter colored border that turns the same color as the
         * background when you hover over or make a button active. when button borders are
         * overlapping, the left border of the second button is above right border of the
         * second button. thus, when hovering over the first button, the background, the
         * left, top, and bottom borders become red-40. All except for its right border as
         * it belongs to the second button.
         *
         * these classes fixes this by lifting the hovered button so that all its borders
         * are visible.
         */
    }
.ui__button_group__wrapper .ui__button_group--segmented .btn:hover {
  z-index: 10;
}
.ui__button_group__wrapper .ui__button_group--segmented .btn:focus {
  z-index: 10;
}
.ui__button_group__wrapper .ui__button_group--segmented:not(.ui__button_group--reverse) .btn:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui__button_group__wrapper .ui__button_group--segmented:not(.ui__button_group--reverse) .btn:not(:first-child) {
        /** shift the button 1px to the left so that the touching borders overlap */
        margin-left: -1px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
      }
.ui__button_group__wrapper .ui__button_group--segmented.ui__button_group--reverse .btn:not(:last-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui__button_group__wrapper .ui__button_group--segmented.ui__button_group--reverse .btn:not(:first-child) {
          /** shift the button 1px to the right so that the touching borders overlap */
          margin-right: -1px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
        }
.ui__button_group__wrapper .ui__button_group--spacing-tight {
  gap: 0.5rem;
}
.ui__button_group__wrapper .ui__button_group--spacing-even {
  justify-content: space-between;
}
.ui__button_group__wrapper .ui__button_group--vertical {
  flex-direction: column;
}
.ui__button_group__wrapper .ui__button_group--vertical.ui__button_group--reverse {
  flex-direction: column-reverse;
}
.ui__button_group__wrapper .ui__button_group--reverse {
  flex-direction: row-reverse;

    /**
       * deviation note: justify-end keeps the horizontal alignment flush to the left
       * instead of the default behavior where it will hug the right of the screen. the
       * intended effect here is to reverse the order of the buttons but keep the starting
       * origin.
       */

    justify-content: flex-end;
}
/**
       * applying flex-wrap-reverse is important when the horizontal buttons wrap because
       * it will move the margin from the left side to the right side of the buttons so
       * that you don't have the extra leading margin. this however causes the entire
       * vertical button group to be flush to the right so we're excluding it.
       */
.ui__button_group__wrapper .ui__button_group--reverse:not(.ui__button_group--vertical) {
  flex-wrap: wrap-reverse;
}
.ui__card {
    /** TODO remove when we use tailwind's reset/normalize */
    --tw-border-opacity: 1;
    border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));

    /** ensure children element backgrounds don't bleed over our border */

    overflow: hidden;

    /** standard padding */

    padding: 1rem;

    /** standard background color */

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    /** cards are by default flex and flow from top to bottom */

    display: flex;

    flex-direction: column;
  }
.input.ui__card,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__card {
  display: flex;
}
.ui__card {

    /**
   * the default no shadow, bordered card style. see transparent-page's rule for the
   * alternate design.
   */

    border-radius: 0.5rem;

    border-width: 1px;

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
@media print {

  .ui__card {
    border-color: #717684;
  }
}
/** force border and no shadow if overridden by transparent-page */
.ui__card--border {
    border-width: 1px !important;
    box-shadow: none !important;
  }
.ui__card--dark {
  --tw-bg-opacity: 1;
  background-color: rgb(65 65 162 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(235 235 240 / var(--tw-text-opacity, 1));
}
.ui__card--row {
  flex-direction: row;
}
/** Apply adjustments to Ui::Card inside a transparent-page */
.transparent-page .ui__card {
  border-radius: 0.625rem;
  border-width: 0px;
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui__header {
  margin: 0px;
}
.ui__header h2 {
  display: flex;
  align-items: center;
}
.input.ui__header h2,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__header h2 {
  display: flex;
}
.ui__header__title {
  flex: 1 1 auto;
  font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}
.btn--small.ui__header__title {
    padding: 8px 16px 7px;
  }
.ui__header__subtitle {
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1));
}
.ui__header__subtitle .ember-power-select-trigger {
  margin-bottom: 0;
}
@media print {

  .ui__header__subtitle {
    color: #000;
  }
}
.ui__header__back-link {
  text-decoration-line: none;
}
.ui__header__back-link--icon {
  margin-top: 1px;
  margin-right: 0.5rem;
  vertical-align: top;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.ui__header__back-link--icon path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.ui__header__back-link--icon:hover path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(233 28 28 / var(--tw-text-opacity, 1));
}
.ember-power-select-trigger.ui__header__back-link--icon:hover path {
    border: none;
    box-shadow: 0 0 0 1px rgba(233, 28, 28, 0.5) inset;
    transition: all 0.2s;
    background-image: url('images/arrow-single-red.svg');
    background-position: center right;
    background-repeat: no-repeat;
  }
.ember-power-select-trigger.ui__header__back-link--icon:hover path .ember-power-select-placeholder {
      color: #e91c1c;
    }
.ember-power-select-trigger.ui__header__back-link--icon:hover path:hover,
    .ember-power-select-trigger.ui__header__back-link--icon:hover path.ember-power-select-trigger--active {
      border: none;
      background-image: url('images/arrow-single-white.svg');
      background-position: center right;
      background-repeat: no-repeat;
      background-color: #e91c1c;
    }
.ember-power-select-trigger.ui__header__back-link--icon:hover path:hover .ember-power-select-placeholder, .ember-power-select-trigger.ui__header__back-link--icon:hover path.ember-power-select-trigger--active .ember-power-select-placeholder {
        color: #fff;
      }
.macStopLights .ui__header__back-link--icon:hover path {
  background: #fa625c url('images/macStopLight-red.png') no-repeat;
  background-position: 12px;
  background-size: 6px;
  border: 0.5px solid #dc4744;
}
.ui__page__section {
    /** applies vertical distance between elements inside a section */
  }
.ui__page__section > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
/**
   * Workaround empty liquid-container divs that exist and take up vertical space due to
   * the margins applied by space-y-8. These are empty because the condition evaluates to
   * false.
   */
.ui__page__section > :not([hidden]) ~ .liquid-container:empty {
  margin-top: 0px;
}
/**
   * apply mt-16 between sections except the first one. this is similar to tailwind's
   * implementation of space-{x|y}-{number}.
   */
.ui__page__section:not([hidden]) ~ .ui__page__section:not([hidden]) {
  margin-top: 4rem;
}
/**
   * Added a workaround where a section is wrapped inside a liquid-if (which is on it's way
   * out) so that the extra divs liquid-container > liquid-child become "invisible" to the
   * selector and therefore still correctly adds the margin between a section and a
   * liquid-if-wrapped section.
   */
.ui__page__section:not([hidden]) ~ .liquid-container > .liquid-child > .ui__page__section:not([hidden]) {
  margin-top: 4rem;
}
.ui__page {
    /* lay out basic shape */
    border-radius: 0.625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 2rem;
    --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    /**
   * use flex + space-between to lay out content from top to bottom with consistent
   * spacing between rows.
   */
  }
.ui__page > :not([hidden]) ~ .liquid-container:empty,.ui__page > :not([hidden]) ~ .ember-view:empty {
  margin-top: 0px;
}
.ui__page {
  display: flex;
  flex-direction: column;
}
.ui__page > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.input.ui__page,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__page {
  display: flex;
}
.ui__page {

    /* fill the screen even if the content is short */
  }
/**
   * Workaround empty liquid-container divs that exist and take up vertical space due to
   * the margins applied by space-y-8. These are empty because the condition evaluates to
   * false.
   */
.ui__page > :not([hidden]) ~ .liquid-container:empty {
  margin-top: 0px;
}
.ui__page {
  flex: 1 1 auto;
}
.btn--small.ui__page {
    padding: 8px 16px 7px;
  }
.ui__page--nofill {
    /**
     * this used to do flex-none to counteract the default flex-auto from
     * ui__page but it interacted badly with the height: 0 in
     * ui__page--noscroll. Instead, we change ui__page--nofill to
     * display: table and it correctly only takes up as much vertical height
     * as the content needs.
     */
    display: table;
  }
.ui__page--noscroll {
    /**
     * I know this looks like a hack. Let me explain the intention.
     *
     * Setting height: 0 forces the page to vertically shrink until the bottom
     * of the page is visible in the viewport, thus not needing the page to
     * scroll, as the variant `--noscroll` here suggests. This is desirable
     * for long pages that you want to force to fit on the page like the
     * employee directory with a lot of employees.
     *
     * The alternative is to do some sort of max-height: calc(100vh - Nrem)
     * but that only works if Ui::Page takes the entire vertical space.
     * It does not work when other things are placed above like the onboarding
     * panel and/or banners.
     *
     * By setting height: 0, flexbox kicks in and uses flex-auto to resize
     * the height to fit.
     */
    height: 0px;
  }
.ui__page--transparent .ui__card {
  border-radius: 0.625rem;
  border-width: 0px;
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui__page--transparent {
  border-radius: 0px;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.ui__page--responsive {
  border-radius: 0px;
  padding: 1rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 40em) {
  .ui__page--responsive {
    border-radius: 0.625rem;
    padding: 2rem;
    --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.ui__page--noexpand-x {
    /* Try to keep content in the viewport (accounting for side nav)  */
    max-width: 84rem;
    min-width: 42rem;
    width: calc(100vw - 16rem);
  }
/**
  * Workaround empty liquid-container divs that exist and take up vertical space due to
  * the margins applied by space-y-8. These are empty because the condition evaluates to
  * false.
  *
  * This is a duplicate of the selector above when space-y-8 is being used in a
  * non-Ui::Page component, for example, on the fieldset. We can remove this rule when we
  * implement this The Right Way by modifying the tailwind space-between plugin.
  *
  * 1/22/21 - adding ember-view:empty when ember-wormhole is rendered but the content in
  * it decides to render nothing, like with ProtectGrowthBanner.
  */
.space-y-8 > :not([hidden]) ~ .liquid-container:empty,
  .space-y-8 > :not([hidden]) ~ .ember-view:empty {
  margin-top: 0px;
}
.ui__well .ui__card {
  border-radius: 0.625rem;
  border-width: 0px;
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui__well {
  margin-left: -2rem;
  margin-right: -2rem;
  display: flex;
  flex-direction: column;
}
.ui__well > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.ui__well {
  padding: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.input.ui__well,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__well {
  display: flex;
}
.ui__well__item {
  display: flex;
  align-items: center;
}
.ui__well__item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.input.ui__well__item,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__well__item {
  display: flex;
}
.ui__well__item > :nth-child(1) {
  box-sizing: border-box;
  max-width: 600px;
  flex: 1 1 auto;
}
.btn--small.ui__well__item > :nth-child(1) {
    padding: 8px 16px 7px;
  }
/**
   * apply mt-12 between sections except the first one. this is similar to tailwind's
   * implementation of space-{x|y}-{number}.
   */
.ui__well__section:not([hidden]) ~ .ui__well__section:not([hidden]) {
  margin-top: 3rem;
}
/**
   * Workaround an extra margin being applied to an empty animated-container divs. We
   * apply !mt-0 to the AnimatedContainer and re-apply the margin to the first child in
   * the container to compensate. This results in having consistent distance from the
   * section title when there are content in the animated container, and no extra space
   * when there are none since the margin is now provided by the content.
   */
.ui__well__section > .animated-container {
  margin-top: 0px;
}
.ui__well__section > .animated-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.ui__well__section > .animated-container > :nth-child(1) {
  margin-top: 1rem;
}
.ui__well__section > h4 {
  display: flex;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.input.ui__well__section > h4,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__well__section > h4 {
  display: flex;
}
.ui__well__section > h4 > span {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.loader {
    position: absolute;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
    transition: all 0.2s;
  }
.dropdown-menu {
    background: #fff;
    border: 1px solid #c9cbd4;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.3);
    position: absolute;
    transition: all 0.15s ease;
    transform: translate3d(0, -6px, 0);
    opacity: 1;
    z-index: 10;
  }
.dropdown-menu::after,
    .dropdown-menu::before {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      right: 14px;
      border: 10px solid transparent;
      pointer-events: none;
    }
.dropdown-menu::before {
      top: -20px;
      z-index: 10;
      border-bottom: 10px solid white;
    }
.dropdown-menu::after {
      top: -21px;
      z-index: 0;
      border-bottom: 10px solid #c9cbd4;
    }
.dropdown-menu .dropdown-item {
      color: #3f4450;
      transition: all 0.1s;
      outline: none;
      white-space: nowrap;
      border-radius: 3px;
      opacity: 0.75;
      line-height: 40px;
      display: block;
      cursor: pointer;
      width: 100%;
    }
.dropdown-menu .dropdown-item:disabled {
        cursor: not-allowed;
        opacity: 0.5;
      }
.dropdown-menu .dropdown-item:hover {
        color: #6161ff;
        background-color: #f0f4ff;
        text-decoration: none;
      }
.dropdown-menu .dropdown-item a {
        color: inherit;
        text-decoration: none;
      }
.dropdown-menu .dropdown-item:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
      }
.dropdown-menu .dropdown-item:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
      }
.dropdown-menu .dropdown-item.disabled {
        opacity: 0.4;
      }
.dropdown-menu .dropdown-item.\!disabled {
        opacity: 0.4 !important;
      }
/* Vendored from @envoy/tailwind 3.0.0. Defines the .form-* control primitives that
   @tailwindcss/forms (strategy: 'class') targets, including the ones polarwind-react
   components render. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.pointer-events-none {
  pointer-events: none;
}
.\!pointer-events-auto {
  pointer-events: auto !important;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.\!static {
  position: static !important;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-1 {
  inset: -0.25rem;
}
.inset-0 {
  inset: 0px;
}
.-inset-x-4 {
  left: -1rem;
  right: -1rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!left-0 {
  left: 0px !important;
}
.\!left-1\/2 {
  left: 50% !important;
}
.\!right-auto {
  right: auto !important;
}
.\!top-0 {
  top: 0px !important;
}
.\!top-1\/2 {
  top: 50% !important;
}
.\!top-\[45px\] {
  top: 45px !important;
}
.\!top-auto {
  top: auto !important;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-5 {
  bottom: -1.25rem;
}
.-bottom-8 {
  bottom: -2rem;
}
.-left-\[22px\] {
  left: -22px;
}
.-right-\[24px\] {
  right: -24px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[128px\] {
  bottom: 128px;
}
.bottom-\[calc\(3\.5rem_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(3.5rem + env(safe-area-inset-bottom));
}
.bottom-\[calc\(3\.75rem_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(3.75rem + env(safe-area-inset-bottom));
}
.bottom-\[calc\(4\.25rem_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(4.25rem + env(safe-area-inset-bottom));
}
.bottom-\[calc\(7\.75rem_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(7.75rem + env(safe-area-inset-bottom));
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-8 {
  left: 2rem;
}
.left-9 {
  left: 2.25rem;
}
.left-\[168px\] {
  left: 168px;
}
.left-\[187px\] {
  left: 187px;
}
.left-\[193px\] {
  left: 193px;
}
.left-\[25px\] {
  left: 25px;
}
.left-\[31px\] {
  left: 31px;
}
.left-\[3px\] {
  left: 3px;
}
.left-\[6px\] {
  left: 6px;
}
.left-\[72px\] {
  left: 72px;
}
.left-\[91px\] {
  left: 91px;
}
.left-\[97px\] {
  left: 97px;
}
.left-\[calc\(100\%-24px-3px\)\] {
  left: calc(100% - 24px - 3px);
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-12 {
  right: 3rem;
}
.right-16 {
  right: 4rem;
}
.right-2 {
  right: 0.5rem;
}
.right-20 {
  right: 5rem;
}
.right-4 {
  right: 1rem;
}
.right-40 {
  right: 10rem;
}
.right-6 {
  right: 1.5rem;
}
.right-72 {
  right: 18rem;
}
.right-8 {
  right: 2rem;
}
.right-9 {
  right: 2.25rem;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[11px\] {
  right: 11px;
}
.right-\[304px\] {
  right: 304px;
}
.right-\[calc\(2rem_\+_2rem_\+_120px_\+_20px\)\] {
  right: calc(2rem + 2rem + 120px + 20px);
}
.right-full {
  right: 100%;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/4 {
  top: 25%;
}
.top-10 {
  top: 2.5rem;
}
.top-11 {
  top: 2.75rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-1px\] {
  top: -1px;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[11px\] {
  top: 11px;
}
.top-\[13px\] {
  top: 13px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[calc\(100\%-11px\)\] {
  top: calc(100% - 11px);
}
.top-\[calc\(2rem_\+_64px_\/_2_-_40px_\/_2\)\] {
  top: calc(2rem + 64px / 2 - 40px / 2);
}
.top-full {
  top: 100%;
}
.top-px {
  top: 1px;
}
.isolate {
  isolation: isolate;
}
.isolation-auto {
  isolation: auto;
}
.\!z-\[1001\] {
  z-index: 1001 !important;
}
.\!z-\[214748364\] {
  z-index: 214748364 !important;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-999 {
  z-index: 999;
}
.z-\[100000000\] {
  z-index: 100000000;
}
.z-\[1000000\] {
  z-index: 1000000;
}
.z-\[100000\] {
  z-index: 100000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[51\] {
  z-index: 51;
}
.z-\[52\] {
  z-index: 52;
}
.z-\[996\] {
  z-index: 996;
}
.z-\[999999999\] {
  z-index: 999999999;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-2 {
  order: 2;
}
.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-full {
  grid-column: 1 / -1;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-10 {
  grid-row: span 10 / span 10;
}
.row-span-11 {
  grid-row: span 11 / span 11;
}
.row-span-12 {
  grid-row: span 12 / span 12;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-span-4 {
  grid-row: span 4 / span 4;
}
.row-span-5 {
  grid-row: span 5 / span 5;
}
.row-span-6 {
  grid-row: span 6 / span 6;
}
.row-span-7 {
  grid-row: span 7 / span 7;
}
.row-span-8 {
  grid-row: span 8 / span 8;
}
.row-span-9 {
  grid-row: span 9 / span 9;
}
.row-span-full {
  grid-row: 1 / -1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-none {
  float: none;
}
.\!m-0 {
  margin: 0px !important;
}
.-m-1 {
  margin: -0.25rem;
}
.-m-16 {
  margin: -4rem;
}
.-m-2 {
  margin: -0.5rem;
}
.-m-4 {
  margin: -1rem;
}
.-m-8 {
  margin: -2rem;
}
.-m-px {
  margin: -1px;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-10 {
  margin: 2.5rem;
}
.m-12 {
  margin: 3rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-8 {
  margin: 2rem;
}
.m-\[3px\] {
  margin: 3px;
}
.m-auto {
  margin: auto;
}
.\!-my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.\!my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-\[60px\] {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-legacy-icon {
  margin-left: 9px;
  margin-right: 9px;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[46px\] {
  margin-top: 46px;
  margin-bottom: 46px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!-mb-1\.5 {
  margin-bottom: -0.375rem !important;
}
.\!-mb-4 {
  margin-bottom: -1rem !important;
}
.\!-mb-8 {
  margin-bottom: -2rem !important;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-1 {
  margin-bottom: 0.25rem !important;
}
.\!mb-2 {
  margin-bottom: 0.5rem !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!mb-5 {
  margin-bottom: 1.25rem !important;
}
.\!mb-\[2px\] {
  margin-bottom: 2px !important;
}
.\!ml-0 {
  margin-left: 0px !important;
}
.\!ml-1 {
  margin-left: 0.25rem !important;
}
.\!ml-12 {
  margin-left: 3rem !important;
}
.\!ml-2 {
  margin-left: 0.5rem !important;
}
.\!ml-auto {
  margin-left: auto !important;
}
.\!mr-0 {
  margin-right: 0px !important;
}
.\!mr-6 {
  margin-right: 1.5rem !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.\!mt-0\.5 {
  margin-top: 0.125rem !important;
}
.\!mt-1 {
  margin-top: 0.25rem !important;
}
.\!mt-12 {
  margin-top: 3rem !important;
}
.\!mt-16 {
  margin-top: 4rem !important;
}
.\!mt-2 {
  margin-top: 0.5rem !important;
}
.\!mt-32 {
  margin-top: 8rem !important;
}
.\!mt-4 {
  margin-top: 1rem !important;
}
.\!mt-5 {
  margin-top: 1.25rem !important;
}
.\!mt-8 {
  margin-top: 2rem !important;
}
.\!mt-\[-15px\] {
  margin-top: -15px !important;
}
.\!mt-\[5px\] {
  margin-top: 5px !important;
}
.-mb-0\.5 {
  margin-bottom: -0.125rem;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-mb-4 {
  margin-bottom: -1rem;
}
.-mb-5 {
  margin-bottom: -1.25rem;
}
.-mb-8 {
  margin-bottom: -2rem;
}
.-ml-0\.5 {
  margin-left: -0.125rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-12 {
  margin-left: -3rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-ml-8 {
  margin-left: -2rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-4 {
  margin-right: -1rem;
}
.-mr-8 {
  margin-right: -2rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-2\.5 {
  margin-top: -0.625rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.-mt-\[115px\] {
  margin-top: -115px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-18 {
  margin-bottom: 4.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[-2px\] {
  margin-bottom: -2px;
}
.mb-\[13px\] {
  margin-bottom: 13px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[26px\] {
  margin-bottom: 26px;
}
.mb-\[46px\] {
  margin-bottom: 46px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-16 {
  margin-left: 4rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[121px\] {
  margin-left: 121px;
}
.ml-\[13px\] {
  margin-left: 13px;
}
.ml-\[60px\] {
  margin-left: 60px;
}
.ml-\[66px\] {
  margin-left: 66px;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-20 {
  margin-right: 5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mr-\[74px\] {
  margin-right: 74px;
}
.mr-\[auto\] {
  margin-right: auto;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-26 {
  margin-top: 6.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-0\.5em\] {
  margin-top: -0.5em;
}
.mt-\[14px\] {
  margin-top: 14px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[26px\] {
  margin-top: 26px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.\!inline-flex {
  display: inline-flex !important;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-\[100px\] {
  width: 100px;
  height: 100px;
}
.size-\[64px\] {
  width: 64px;
  height: 64px;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-11 {
  height: 2.75rem !important;
}
.\!h-12\.5 {
  height: 3.125rem !important;
}
.\!h-2 {
  height: 0.5rem !important;
}
.\!h-3 {
  height: 0.75rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-5\/6 {
  height: 83.333333% !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-\[300px\] {
  height: 300px !important;
}
.\!h-\[30px\] {
  height: 30px !important;
}
.\!h-\[400px\] {
  height: 400px !important;
}
.\!h-\[410px\] {
  height: 410px !important;
}
.\!h-\[770px\] {
  height: 770px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-12\.5 {
  height: 3.125rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-18 {
  height: 4.5rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-30 {
  height: 7.5rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-45 {
  height: 11.25rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-50 {
  height: 12.5rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[1\.25rem\] {
  height: 1.25rem;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[104px\] {
  height: 104px;
}
.h-\[105px\] {
  height: 105px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[139px\] {
  height: 139px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[146px\] {
  height: 146px;
}
.h-\[148px\] {
  height: 148px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[165px\] {
  height: 165px;
}
.h-\[166px\] {
  height: 166px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[17\.5px\] {
  height: 17.5px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[175px\] {
  height: 175px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[281px\] {
  height: 281px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[427px\] {
  height: 427px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[462px\] {
  height: 462px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[515px\] {
  height: 515px;
}
.h-\[545px\] {
  height: 545px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[59px\] {
  height: 59px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[690px\] {
  height: 690px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[798px\] {
  height: 798px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[87px\] {
  height: 87px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[95vw\] {
  height: 95vw;
}
.h-\[98px\] {
  height: 98px;
}
.h-\[calc\(100\%-116px\)\] {
  height: calc(100% - 116px);
}
.h-\[calc\(100\%-60px\)\] {
  height: calc(100% - 60px);
}
.h-\[calc\(5rem_\+_env\(safe-area-inset-bottom\)\)\] {
  height: calc(5rem + env(safe-area-inset-bottom));
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.\!max-h-\[1080px\] {
  max-height: 1080px !important;
}
.\!max-h-\[300px\] {
  max-height: 300px !important;
}
.\!max-h-\[410px\] {
  max-height: 410px !important;
}
.\!max-h-full {
  max-height: 100% !important;
}
.\!max-h-none {
  max-height: none !important;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-4 {
  max-height: 20rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[16px\] {
  max-height: 16px;
}
.max-h-\[282px\] {
  max-height: 282px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[375px\] {
  max-height: 375px;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[440px\] {
  max-height: 440px;
}
.max-h-\[462px\] {
  max-height: 462px;
}
.max-h-\[48rem\] {
  max-height: 48rem;
}
.max-h-\[50px\] {
  max-height: 50px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[580px\] {
  max-height: 580px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[650px\] {
  max-height: 650px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[calc\(100vh-510px\)\] {
  max-height: calc(100vh - 510px);
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!min-h-\[136px\] {
  min-height: 136px !important;
}
.\!min-h-\[38px\] {
  min-height: 38px !important;
}
.\!min-h-\[407px\] {
  min-height: 407px !important;
}
.\!min-h-\[491px\] {
  min-height: 491px !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-32 {
  min-height: 8rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-80 {
  min-height: 20rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[100\%\] {
  min-height: 100%;
}
.min-h-\[12rem\] {
  min-height: 12rem;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[174px\] {
  min-height: 174px;
}
.min-h-\[186px\] {
  min-height: 186px;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[24rem\] {
  min-height: 24rem;
}
.min-h-\[26px\] {
  min-height: 26px;
}
.min-h-\[27\.5rem\] {
  min-height: 27.5rem;
}
.min-h-\[270px\] {
  min-height: 270px;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[35rem\] {
  min-height: 35rem;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[405px\] {
  min-height: 405px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[509px\] {
  min-height: 509px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-1\/3 {
  width: 33.333333% !important;
}
.\!w-11\/12 {
  width: 91.666667% !important;
}
.\!w-114 {
  width: 28.5rem !important;
}
.\!w-12\.5 {
  width: 3.125rem !important;
}
.\!w-16 {
  width: 4rem !important;
}
.\!w-3 {
  width: 0.75rem !important;
}
.\!w-36 {
  width: 9rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-44 {
  width: 11rem !important;
}
.\!w-48 {
  width: 12rem !important;
}
.\!w-64 {
  width: 16rem !important;
}
.\!w-\[1096px\] {
  width: 1096px !important;
}
.\!w-\[150px\] {
  width: 150px !important;
}
.\!w-\[300px\] {
  width: 300px !important;
}
.\!w-\[30px\] {
  width: 30px !important;
}
.\!w-\[38px\] {
  width: 38px !important;
}
.\!w-\[600px\] {
  width: 600px !important;
}
.\!w-\[705px\] {
  width: 705px !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.\!w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-100 {
  width: 25rem;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-114 {
  width: 28.5rem;
}
.w-12 {
  width: 3rem;
}
.w-12\.5 {
  width: 3.125rem;
}
.w-142 {
  width: 35.5rem;
}
.w-16 {
  width: 4rem;
}
.w-18 {
  width: 4.5rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-2\/5 {
  width: 40%;
}
.w-2\/6 {
  width: 33.333333%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-26 {
  width: 6.5rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-3\/6 {
  width: 50%;
}
.w-30 {
  width: 7.5rem;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-4\/5 {
  width: 80%;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-50 {
  width: 12.5rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-70 {
  width: 17.5rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[1\%\] {
  width: 1%;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[114px\] {
  width: 114px;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[164px\] {
  width: 164px;
}
.w-\[166px\] {
  width: 166px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[17\.5px\] {
  width: 17.5px;
}
.w-\[17px\] {
  width: 17px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[264px\] {
  width: 264px;
}
.w-\[27\%\] {
  width: 27%;
}
.w-\[276px\] {
  width: 276px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[31\%\] {
  width: 31%;
}
.w-\[315px\] {
  width: 315px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[33\%\] {
  width: 33%;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[35\%\] {
  width: 35%;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[37\%\] {
  width: 37%;
}
.w-\[373px\] {
  width: 373px;
}
.w-\[390px\] {
  width: 390px;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[530px\] {
  width: 530px;
}
.w-\[545px\] {
  width: 545px;
}
.w-\[548px\] {
  width: 548px;
}
.w-\[570px\] {
  width: 570px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[623px\] {
  width: 623px;
}
.w-\[624px\] {
  width: 624px;
}
.w-\[67\%\] {
  width: 67%;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[737px\] {
  width: 737px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[8rem\] {
  width: 8rem;
}
.w-\[98px\] {
  width: 98px;
}
.w-\[fit-content\] {
  width: -moz-fit-content;
  width: fit-content;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!min-w-\[36px\] {
  min-width: 36px !important;
}
.\!min-w-\[486px\] {
  min-width: 486px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-2 {
  min-width: 0.5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-\[1000px\] {
  min-width: 1000px;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[14em\] {
  min-width: 14em;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[154px\] {
  min-width: 154px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[176px\] {
  min-width: 176px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18rem\] {
  min-width: 18rem;
}
.min-w-\[19\%\] {
  min-width: 19%;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[42px\] {
  min-width: 42px;
}
.min-w-\[430px\] {
  min-width: 430px;
}
.min-w-\[50px\] {
  min-width: 50px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.min-w-\[69px\] {
  min-width: 69px;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-landing {
  min-width: 850px;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.\!max-w-142 {
  max-width: 35.5rem !important;
}
.\!max-w-2xl {
  max-width: 42rem !important;
}
.\!max-w-3xl {
  max-width: 48rem !important;
}
.\!max-w-4xl {
  max-width: 56rem !important;
}
.\!max-w-96 {
  max-width: 24rem !important;
}
.\!max-w-\[100vw\] {
  max-width: 100vw !important;
}
.\!max-w-\[1096px\] {
  max-width: 1096px !important;
}
.\!max-w-\[1100px\] {
  max-width: 1100px !important;
}
.\!max-w-\[1150px\] {
  max-width: 1150px !important;
}
.\!max-w-\[242px\] {
  max-width: 242px !important;
}
.\!max-w-\[300px\] {
  max-width: 300px !important;
}
.\!max-w-\[330px\] {
  max-width: 330px !important;
}
.\!max-w-\[462px\] {
  max-width: 462px !important;
}
.\!max-w-\[482px\] {
  max-width: 482px !important;
}
.\!max-w-\[500px\] {
  max-width: 500px !important;
}
.\!max-w-\[50vw\] {
  max-width: 50vw !important;
}
.\!max-w-\[550px\] {
  max-width: 550px !important;
}
.\!max-w-\[600px\] {
  max-width: 600px !important;
}
.\!max-w-\[608px\] {
  max-width: 608px !important;
}
.\!max-w-\[612px\] {
  max-width: 612px !important;
}
.\!max-w-\[640px\] {
  max-width: 640px !important;
}
.\!max-w-\[680px\] {
  max-width: 680px !important;
}
.\!max-w-\[700px\] {
  max-width: 700px !important;
}
.\!max-w-\[705px\] {
  max-width: 705px !important;
}
.\!max-w-\[730px\] {
  max-width: 730px !important;
}
.\!max-w-\[800px\] {
  max-width: 800px !important;
}
.\!max-w-\[820px\] {
  max-width: 820px !important;
}
.\!max-w-\[initial\] {
  max-width: initial !important;
}
.\!max-w-export {
  max-width: 800px !important;
}
.\!max-w-form {
  max-width: 600px !important;
}
.\!max-w-full {
  max-width: 100% !important;
}
.\!max-w-lg {
  max-width: 32rem !important;
}
.\!max-w-md {
  max-width: 28rem !important;
}
.\!max-w-none {
  max-width: none !important;
}
.\!max-w-xl {
  max-width: 36rem !important;
}
.\!max-w-xs {
  max-width: 20rem !important;
}
.max-w-142 {
  max-width: 35.5rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-50 {
  max-width: 12.5rem;
}
.max-w-64 {
  max-width: 16rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-72 {
  max-width: 18rem;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[16px\] {
  max-width: 16px;
}
.max-w-\[175px\] {
  max-width: 175px;
}
.max-w-\[18rem\] {
  max-width: 18rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[282px\] {
  max-width: 282px;
}
.max-w-\[28rem\] {
  max-width: 28rem;
}
.max-w-\[2rem\] {
  max-width: 2rem;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[485px\] {
  max-width: 485px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[525px\] {
  max-width: 525px;
}
.max-w-\[548px\] {
  max-width: 548px;
}
.max-w-\[566px\] {
  max-width: 566px;
}
.max-w-\[623px\] {
  max-width: 623px;
}
.max-w-\[737px\] {
  max-width: 737px;
}
.max-w-\[754px\] {
  max-width: 754px;
}
.max-w-\[9rem\] {
  max-width: 9rem;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-form {
  max-width: 600px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-px {
  max-width: 1px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[2\] {
  flex: 2;
}
.flex-\[3\] {
  flex: 3;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.grow-\[3\] {
  flex-grow: 3;
}
.basis-\[0\%\] {
  flex-basis: 0%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.\!-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!translate-y-0 {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[2px\] {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.\!cursor-default {
  cursor: default !important;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-text {
  cursor: text;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.scroll-m-6 {
  scroll-margin: 1.5rem;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid-rows-\[1fr_min-content_min-content\] {
  grid-template-rows: 1fr min-content min-content;
}
.grid-rows-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-rows: auto minmax(0,1fr);
}
.grid-rows-\[min-content_min-content_1fr_min-content\] {
  grid-template-rows: min-content min-content 1fr min-content;
}
.grid-rows-none {
  grid-template-rows: none;
}
.grid-rows-subgrid {
  grid-template-rows: subgrid;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-center {
  justify-items: center;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[1\.125rem\] {
  gap: 1.125rem;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-px {
  gap: 1px;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem * var(--tw-space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
.divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid;
}
.divide-carbon-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-divide-opacity, 1));
}
.divide-carbon-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(201 203 212 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.\!overflow-scroll {
  overflow: scroll !important;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.\!overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.overscroll-y-contain {
  overscroll-behavior-y: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
.\!whitespace-normal {
  white-space: normal !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-balance {
  text-wrap: balance;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.\!rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[27px\] {
  border-radius: 27px;
}
.rounded-\[34px\] {
  border-radius: 34px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-page {
  border-radius: 0.625rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[0\.625rem\] {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.\!border-2 {
  border-width: 2px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-b-0 {
  border-bottom-width: 0px !important;
}
.\!border-l-0 {
  border-left-width: 0px !important;
}
.\!border-t-8 {
  border-top-width: 8px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-carbon-20 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 203 212 / var(--tw-border-opacity, 1)) !important;
}
.\!border-carbon-5 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(246 246 249 / var(--tw-border-opacity, 1)) !important;
}
.\!border-carbon-70 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(63 68 80 / var(--tw-border-opacity, 1)) !important;
}
.\!border-gem-50 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(97 97 255 / var(--tw-border-opacity, 1)) !important;
}
.\!border-papaya-60 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(168 79 0 / var(--tw-border-opacity, 1)) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.border-\[\#e9e9ea\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-carbon-10 {
  --tw-border-opacity: 1;
  border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
.border-carbon-20 {
  --tw-border-opacity: 1;
  border-color: rgb(201 203 212 / var(--tw-border-opacity, 1));
}
.border-carbon-30 {
  --tw-border-opacity: 1;
  border-color: rgb(164 169 182 / var(--tw-border-opacity, 1));
}
.border-carbon-40 {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.border-carbon-5 {
  --tw-border-opacity: 1;
  border-color: rgb(246 246 249 / var(--tw-border-opacity, 1));
}
.border-carbon-50 {
  --tw-border-opacity: 1;
  border-color: rgb(113 118 132 / var(--tw-border-opacity, 1));
}
.border-carbon-70 {
  --tw-border-opacity: 1;
  border-color: rgb(63 68 80 / var(--tw-border-opacity, 1));
}
.border-carbon-80 {
  --tw-border-opacity: 1;
  border-color: rgb(48 53 65 / var(--tw-border-opacity, 1));
}
.border-cilantro-50 {
  --tw-border-opacity: 1;
  border-color: rgb(1 137 64 / var(--tw-border-opacity, 1));
}
.border-gem-10 {
  --tw-border-opacity: 1;
  border-color: rgb(224 232 255 / var(--tw-border-opacity, 1));
}
.border-gem-20 {
  --tw-border-opacity: 1;
  border-color: rgb(189 205 255 / var(--tw-border-opacity, 1));
}
.border-gem-40 {
  --tw-border-opacity: 1;
  border-color: rgb(112 131 255 / var(--tw-border-opacity, 1));
}
.border-gem-50 {
  --tw-border-opacity: 1;
  border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
}
.border-gem-60 {
  --tw-border-opacity: 1;
  border-color: rgb(78 78 218 / var(--tw-border-opacity, 1));
}
.border-papaya-20 {
  --tw-border-opacity: 1;
  border-color: rgb(255 198 122 / var(--tw-border-opacity, 1));
}
.border-papaya-50 {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
}
.border-papaya-60 {
  --tw-border-opacity: 1;
  border-color: rgb(168 79 0 / var(--tw-border-opacity, 1));
}
.border-red-40 {
  --tw-border-opacity: 1;
  border-color: rgb(250 67 56 / var(--tw-border-opacity, 1));
}
.border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgb(233 28 28 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.\!border-r-carbon-80 {
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(48 53 65 / var(--tw-border-opacity, 1)) !important;
}
.\!border-t-red-50 {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(233 28 28 / var(--tw-border-opacity, 1)) !important;
}
.border-b-carbon-10 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
.border-b-carbon-20 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(201 203 212 / var(--tw-border-opacity, 1));
}
.border-l-papaya-40 {
  --tw-border-opacity: 1;
  border-left-color: rgb(247 105 2 / var(--tw-border-opacity, 1));
}
.border-r-carbon-10 {
  --tw-border-opacity: 1;
  border-right-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
}
.border-r-carbon-40 {
  --tw-border-opacity: 1;
  border-right-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.\!bg-carbon-10 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-carbon-5 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-carbon-70 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 68 80 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-cilantro-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(1 137 64 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gem-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(97 97 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-papaya-10 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 231 189 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-papaya-5 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 243 209 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 28 28 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#2F86EB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 134 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E6E6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EBEBF0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F4FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffeceb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 235 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / .05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 232 255 / var(--tw-bg-opacity, 1));
}
.bg-carbon-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
}
.bg-carbon-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-carbon-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(201 203 212 / var(--tw-bg-opacity, 1));
}
.bg-carbon-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(164 169 182 / var(--tw-bg-opacity, 1));
}
.bg-carbon-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(138 143 158 / var(--tw-bg-opacity, 1));
}
.bg-carbon-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.bg-carbon-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 118 132 / var(--tw-bg-opacity, 1));
}
.bg-carbon-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(92 98 112 / var(--tw-bg-opacity, 1));
}
.bg-carbon-70 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 68 80 / var(--tw-bg-opacity, 1));
}
.bg-carbon-80 {
  --tw-bg-opacity: 1;
  background-color: rgb(48 53 65 / var(--tw-bg-opacity, 1));
}
.bg-carbon-80\/20 {
  background-color: rgb(48 53 65 / 0.2);
}
.bg-carbon-80\/50 {
  background-color: rgb(48 53 65 / 0.5);
}
.bg-cilantro-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 245 210 / var(--tw-bg-opacity, 1));
}
.bg-cilantro-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(78 193 118 / var(--tw-bg-opacity, 1));
}
.bg-cilantro-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(223 251 230 / var(--tw-bg-opacity, 1));
}
.bg-cilantro-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(1 137 64 / var(--tw-bg-opacity, 1));
}
.bg-cilantro-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(1 121 57 / var(--tw-bg-opacity, 1));
}
.bg-gem-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 232 255 / var(--tw-bg-opacity, 1));
}
.bg-gem-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(189 205 255 / var(--tw-bg-opacity, 1));
}
.bg-gem-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(143 165 255 / var(--tw-bg-opacity, 1));
}
.bg-gem-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-gem-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(97 97 255 / var(--tw-bg-opacity, 1));
}
.bg-gem-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 218 / var(--tw-bg-opacity, 1));
}
.bg-gem-70 {
  --tw-bg-opacity: 1;
  background-color: rgb(65 65 162 / var(--tw-bg-opacity, 1));
}
.bg-gem-80 {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 124 / var(--tw-bg-opacity, 1));
}
.bg-inherit {
  background-color: inherit;
}
.bg-papaya-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 189 / var(--tw-bg-opacity, 1));
}
.bg-papaya-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 122 / var(--tw-bg-opacity, 1));
}
.bg-papaya-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 143 51 / var(--tw-bg-opacity, 1));
}
.bg-papaya-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 209 / var(--tw-bg-opacity, 1));
}
.bg-papaya-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 87 0 / var(--tw-bg-opacity, 1));
}
.bg-papaya-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 79 0 / var(--tw-bg-opacity, 1));
}
.bg-pistachio-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 239 148 / var(--tw-bg-opacity, 1));
}
.bg-pistachio-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(184 190 4 / var(--tw-bg-opacity, 1));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(65 64 162 / var(--tw-bg-opacity, 1));
}
.bg-red-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 229 / var(--tw-bg-opacity, 1));
}
.bg-red-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 67 56 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 10 20 / var(--tw-bg-opacity, 1));
}
.bg-red-70 {
  --tw-bg-opacity: 1;
  background-color: rgb(160 12 31 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-center {
  background-position: center;
}
.bg-right-top {
  background-position: right top;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-carbon-30 {
  fill: #a4a9b6;
}
.fill-cilantro-30 {
  fill: #4ec176;
}
.fill-gem-30 {
  fill: #8fa5ff;
}
.fill-papaya-30 {
  fill: #ff8f33;
}
.fill-pistachio-30 {
  fill: #b8be04;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.\!p-10 {
  padding: 2.5rem !important;
}
.\!p-12 {
  padding: 3rem !important;
}
.\!p-16 {
  padding: 4rem !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.\!p-2\.5 {
  padding: 0.625rem !important;
}
.\!p-3 {
  padding: 0.75rem !important;
}
.\!p-4 {
  padding: 1rem !important;
}
.\!p-8 {
  padding: 2rem !important;
}
.\!p-\[32px\] {
  padding: 32px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-14 {
  padding: 3.5rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[40px\] {
  padding: 40px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.\!py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.\!py-\[13px\] {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.\!py-\[14px\] {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.425rem\] {
  padding-left: 0.425rem;
  padding-right: 0.425rem;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-18 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-1 {
  padding-bottom: 0.25rem !important;
}
.\!pb-4 {
  padding-bottom: 1rem !important;
}
.\!pb-\[10px\] {
  padding-bottom: 10px !important;
}
.\!pb-\[11px\] {
  padding-bottom: 11px !important;
}
.\!pl-0 {
  padding-left: 0px !important;
}
.\!pl-4 {
  padding-left: 1rem !important;
}
.\!pl-7 {
  padding-left: 1.75rem !important;
}
.\!pl-\[10px\] {
  padding-left: 10px !important;
}
.\!pl-\[14px\] {
  padding-left: 14px !important;
}
.\!pl-\[30px\] {
  padding-left: 30px !important;
}
.\!pr-20 {
  padding-right: 5rem !important;
}
.\!pr-4 {
  padding-right: 1rem !important;
}
.\!pr-8 {
  padding-right: 2rem !important;
}
.\!pr-\[11px\] {
  padding-right: 11px !important;
}
.\!pr-\[34px\] {
  padding-right: 34px !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.\!pt-1\.5 {
  padding-top: 0.375rem !important;
}
.\!pt-16 {
  padding-top: 4rem !important;
}
.\!pt-8 {
  padding-top: 2rem !important;
}
.\!pt-\[10px\] {
  padding-top: 10px !important;
}
.\!pt-\[11px\] {
  padding-top: 11px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[17px\] {
  padding-bottom: 17px;
}
.pb-\[1px\] {
  padding-bottom: 1px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[calc\(0\.5rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(0\.75rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(1rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(3\.5rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(3.5rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(3\.75rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(3.75rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(5\.25rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(7rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(7rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(9rem_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(9rem + env(safe-area-inset-bottom));
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[15px\] {
  padding-left: 15px;
}
.pl-\[5\.2rem\] {
  padding-left: 5.2rem;
}
.pl-\[60px\] {
  padding-left: 60px;
}
.pl-\[env\(safe-area-inset-left\)\] {
  padding-left: env(safe-area-inset-left);
}
.pl-px {
  padding-left: 1px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[13px\] {
  padding-right: 13px;
}
.pr-\[25\%\] {
  padding-right: 25%;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pr-\[env\(safe-area-inset-right\)\] {
  padding-right: env(safe-area-inset-right);
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-40 {
  padding-top: 10rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[26px\] {
  padding-top: 26px;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[34px\] {
  padding-top: 34px;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.pt-\[4px\] {
  padding-top: 4px;
}
.pt-px {
  padding-top: 1px;
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.\!text-right {
  text-align: right !important;
}
.text-right {
  text-align: right;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.\!align-middle {
  vertical-align: middle !important;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.align-\[-0\.125em\] {
  vertical-align: -0.125em;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.\!text-2xl {
  font-size: 1.5rem !important;
}
.\!text-base {
  font-size: 1rem !important;
}
.\!text-lg {
  font-size: 1.125rem !important;
}
.\!text-sm {
  font-size: 0.875rem !important;
}
.\!text-xl {
  font-size: 1.25rem !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
}
.text-2xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
}
.text-4\.5xl {
  font-size: 2.5rem;
}
.text-4xl {
  font-size: 2rem;
}
.text-5xl {
  font-size: 3rem;
}
.text-6xl {
  font-size: 4rem;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.762px\] {
  font-size: 12.762px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[90px\] {
  font-size: 90px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-sm {
  font-size: 0.875rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
}
.text-xsm {
  font-size: .825rem;
}
.text-xss {
  font-size: 0.625rem;
}
.\!font-bold {
  font-weight: 600 !important;
}
.\!font-normal {
  font-weight: 400 !important;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[600\] {
  font-weight: 600;
}
.font-bold {
  font-weight: 600;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.normal-nums {
  font-variant-numeric: normal;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-6 {
  line-height: 1.5rem !important;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-4\.5 {
  line-height: 1.125rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-6-alt {
  line-height: 1.5;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[100px\] {
  line-height: 100px;
}
.leading-\[150\%\] {
  line-height: 150%;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[180\%\] {
  line-height: 180%;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[34px\] {
  line-height: 34px;
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: normal;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.05em\] {
  letter-spacing: 0.05em;
}
.tracking-\[0\.636px\] {
  letter-spacing: 0.636px;
}
.tracking-\[1px\] {
  letter-spacing: 1px;
}
.tracking-\[2px\] {
  letter-spacing: 2px;
}
.tracking-caps {
  letter-spacing: 0.125em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-carbon-30 {
  --tw-text-opacity: 1 !important;
  color: rgb(164 169 182 / var(--tw-text-opacity, 1)) !important;
}
.\!text-carbon-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1)) !important;
}
.\!text-carbon-60 {
  --tw-text-opacity: 1 !important;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1)) !important;
}
.\!text-carbon-70 {
  --tw-text-opacity: 1 !important;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1)) !important;
}
.\!text-carbon-80 {
  --tw-text-opacity: 1 !important;
  color: rgb(48 53 65 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gem-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gem-60 {
  --tw-text-opacity: 1 !important;
  color: rgb(78 78 218 / var(--tw-text-opacity, 1)) !important;
}
.\!text-papaya-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(194 87 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(233 28 28 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#282C36\] {
  --tw-text-opacity: 1;
  color: rgb(40 44 54 / var(--tw-text-opacity, 1));
}
.text-\[\#A84F00\] {
  --tw-text-opacity: 1;
  color: rgb(168 79 0 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/75 {
  color: rgb(0 0 0 / 0.75);
}
.text-carbon-10 {
  --tw-text-opacity: 1;
  color: rgb(235 235 240 / var(--tw-text-opacity, 1));
}
.text-carbon-20 {
  --tw-text-opacity: 1;
  color: rgb(201 203 212 / var(--tw-text-opacity, 1));
}
.text-carbon-30 {
  --tw-text-opacity: 1;
  color: rgb(164 169 182 / var(--tw-text-opacity, 1));
}
.text-carbon-40 {
  --tw-text-opacity: 1;
  color: rgb(138 143 158 / var(--tw-text-opacity, 1));
}
.text-carbon-5 {
  --tw-text-opacity: 1;
  color: rgb(246 246 249 / var(--tw-text-opacity, 1));
}
.text-carbon-50 {
  --tw-text-opacity: 1;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1));
}
.text-carbon-60 {
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.text-carbon-70 {
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.text-carbon-80 {
  --tw-text-opacity: 1;
  color: rgb(48 53 65 / var(--tw-text-opacity, 1));
}
.text-carbon-90 {
  --tw-text-opacity: 1;
  color: rgb(31 35 45 / var(--tw-text-opacity, 1));
}
.text-carbon-checkbox {
  --tw-text-opacity: 1;
  color: rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.text-cilantro-30 {
  --tw-text-opacity: 1;
  color: rgb(78 193 118 / var(--tw-text-opacity, 1));
}
.text-cilantro-40 {
  --tw-text-opacity: 1;
  color: rgb(33 148 78 / var(--tw-text-opacity, 1));
}
.text-cilantro-5 {
  --tw-text-opacity: 1;
  color: rgb(223 251 230 / var(--tw-text-opacity, 1));
}
.text-cilantro-50 {
  --tw-text-opacity: 1;
  color: rgb(1 137 64 / var(--tw-text-opacity, 1));
}
.text-cilantro-60 {
  --tw-text-opacity: 1;
  color: rgb(1 121 57 / var(--tw-text-opacity, 1));
}
.text-gem-20 {
  --tw-text-opacity: 1;
  color: rgb(189 205 255 / var(--tw-text-opacity, 1));
}
.text-gem-30 {
  --tw-text-opacity: 1;
  color: rgb(143 165 255 / var(--tw-text-opacity, 1));
}
.text-gem-5 {
  --tw-text-opacity: 1;
  color: rgb(240 244 255 / var(--tw-text-opacity, 1));
}
.text-gem-50 {
  --tw-text-opacity: 1;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1));
}
.text-gem-60 {
  --tw-text-opacity: 1;
  color: rgb(78 78 218 / var(--tw-text-opacity, 1));
}
.text-gem-70 {
  --tw-text-opacity: 1;
  color: rgb(65 65 162 / var(--tw-text-opacity, 1));
}
.text-gem-80 {
  --tw-text-opacity: 1;
  color: rgb(49 49 124 / var(--tw-text-opacity, 1));
}
.text-papaya-20 {
  --tw-text-opacity: 1;
  color: rgb(255 198 122 / var(--tw-text-opacity, 1));
}
.text-papaya-30 {
  --tw-text-opacity: 1;
  color: rgb(255 143 51 / var(--tw-text-opacity, 1));
}
.text-papaya-40 {
  --tw-text-opacity: 1;
  color: rgb(247 105 2 / var(--tw-text-opacity, 1));
}
.text-papaya-5 {
  --tw-text-opacity: 1;
  color: rgb(255 243 209 / var(--tw-text-opacity, 1));
}
.text-papaya-50 {
  --tw-text-opacity: 1;
  color: rgb(194 87 0 / var(--tw-text-opacity, 1));
}
.text-papaya-60 {
  --tw-text-opacity: 1;
  color: rgb(168 79 0 / var(--tw-text-opacity, 1));
}
.text-pistachio-50 {
  --tw-text-opacity: 1;
  color: rgb(106 126 7 / var(--tw-text-opacity, 1));
}
.text-pistachio-60 {
  --tw-text-opacity: 1;
  color: rgb(88 112 0 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(65 64 162 / var(--tw-text-opacity, 1));
}
.text-red-40 {
  --tw-text-opacity: 1;
  color: rgb(250 67 56 / var(--tw-text-opacity, 1));
}
.text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(233 28 28 / var(--tw-text-opacity, 1));
}
.text-red-60 {
  --tw-text-opacity: 1;
  color: rgb(199 10 20 / var(--tw-text-opacity, 1));
}
.text-red-70 {
  --tw-text-opacity: 1;
  color: rgb(160 12 31 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-carbon-30::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(164 169 182 / var(--tw-placeholder-opacity, 1));
}
.placeholder-carbon-30::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(164 169 182 / var(--tw-placeholder-opacity, 1));
}
.placeholder-carbon-40::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 143 158 / var(--tw-placeholder-opacity, 1));
}
.placeholder-carbon-40::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 143 158 / var(--tw-placeholder-opacity, 1));
}
.\!opacity-100 {
  opacity: 1 !important;
}
.\!opacity-30 {
  opacity: 0.3 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.\!shadow {
  --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.08) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-lg {
  --tw-shadow: 0 4px 8px 0 rgba(0,0,0,0.12) !important;
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3\.646px_7\.292px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 3.646px 7.292px 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 3.646px 7.292px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_\#6161FF\] {
  --tw-shadow: inset 0 0 0 1px #6161FF;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 4px 8px 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 4px 16px 0 rgba(0,0,0,0.16);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-cilantro-50 {
  outline-color: #018940;
}
.outline-red-50 {
  outline-color: #e91c1c;
}
.\!ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\!ring-inset {
  --tw-ring-inset: inset !important;
}
.ring-inset {
  --tw-ring-inset: inset;
}
.\!ring-red-50\/50 {
  --tw-ring-color: rgb(233 28 28 / 0.5) !important;
}
.ring-carbon-20 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(201 203 212 / var(--tw-ring-opacity, 1));
}
.ring-carbon-30 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 169 182 / var(--tw-ring-opacity, 1));
}
.ring-cilantro-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(1 137 64 / var(--tw-ring-opacity, 1));
}
.ring-papaya-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 87 0 / var(--tw-ring-opacity, 1));
}
.ring-red-40 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 67 56 / var(--tw-ring-opacity, 1));
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-0 {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert {
  --tw-backdrop-invert: invert(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.\!transition-none {
  transition-property: none !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.chart-skeleton-bar {
    animation: chart-skeleton-pulse 1.4s ease-in-out infinite;
  }
.transparent-page {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
/** space-x-reverse uses css var, got removed in target ie11 */
.space-x-reverse.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
    margin-right: 0.5rem;
  }
.\[--pp-scale\:0\.5\] {
  --pp-scale: 0.5;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\!\[background-image\:none\] {
  background-image: none !important;
}
.\!\[box-shadow\:inset_0_0_0_1px_theme\(colors\.red\.50\/0\.5\)\] {
  box-shadow: inset 0 0 0 1px rgb(233 28 28 / 0.5) !important;
}
.\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}
@keyframes chart-skeleton-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
/* Addons */
.bg-polka-dot {
  background-color: #f6f6f9;
  background-image: radial-gradient(#c9cbd4 10%, transparent 10%);
  background-position:
    0 0,
    15px 15px;
  background-size: 30px 30px;
}
#desks-map-wrapper {
  box-shadow:
    0 2px 8px 0 rgb(0 0 0 / 8%),
    0 -2px 8px 0 rgb(0 0 0 / 8%);
}
#desks-map-wrapper .leaflet-loader {
    height: 100;
    width: 100;
    position: absolute;
    z-index: 100000;
  }
#desks-map-wrapper .leaflet-overlay-pane,
  #desks-map-wrapper .leaflet-pane {
    z-index: 10;
  }
#desks-map-wrapper .leaflet-container {
    background: none;
    font-family: var(--fontFamily-brand);
    font-size: 1rem;
    height: 800px; /* match up with JS*/
    line-height: 1.5;
    outline: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
  }
#desks-map-wrapper .base-desk-icon,
  #desks-map-wrapper .reserved-desk-icon,
  #desks-map-wrapper .selected-desk-icon,
  #desks-map-wrapper .selected-group-desk-icon,
  #desks-map-wrapper .desk-icon,
  #desks-map-wrapper .disabled-desk-icon,
  #desks-map-wrapper .selected-disabled-desk-icon,
  #desks-map-wrapper .scheduled-desk-icon,
  #desks-map-wrapper .resource-icon-base.desk.is-disabled,
  #desks-map-wrapper .reserved-parking-icon.desk.is-disabled {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    box-shadow: 0 5.4px 10.7px 0 rgba(0, 0, 0, 0.12);
    --resource-schedule-badge-offset: -13.3333%;
    --resource-schedule-badge-size: 46.6667%;
  }
#desks-map-wrapper .reserved-desk-icon {
    background-image: url('images/resource-map/red-desk-icon.svg');
  }
#desks-map-wrapper .selected-desk-icon {
    background-image: url('images/resource-map/green-dot-dark-green-border.svg');
  }
#desks-map-wrapper .selected-group-desk-icon {
    background-image: url('images/resource-map/selected-desk-person-icon.svg');
  }
#desks-map-wrapper .employee-desk {
    background-image: url('images/desks/desk-pin.svg');
    background-size: contain;
    border-radius: 0;
    box-shadow: none;
  }
#desks-map-wrapper .desk-icon {
    background-image: url('images/resource-map/desk-icon.svg');
  }
#desks-map-wrapper .disabled-desk-icon,
  #desks-map-wrapper .resource-icon-base.desk.is-disabled,
  #desks-map-wrapper .reserved-desk-icon.desk.is-disabled,
  #desks-map-wrapper .reserved-parking-icon.desk.is-disabled {
    background-image: url('images/resource-map/disabled-desk-icon.svg');
  }
#desks-map-wrapper .selected-disabled-desk-icon {
    background-image: url('images/resource-map/gray-dot-dark-gray-border.svg');
  }
#desks-map-wrapper .red-pin-icon {
    background-image: url('images/resource-map/red-pin.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    border-radius: 0;
    box-shadow: none;
  }
#desks-map-wrapper .scheduled-desk-icon {
    background-image: url('images/resource-map/disabled-desk-icon.svg');
    position: relative;
  }
#desks-map-wrapper .scheduled-desk-icon::after {
      content: '';
      position: absolute;
      top: var(--resource-schedule-badge-offset);
      right: var(--resource-schedule-badge-offset);
      width: var(--resource-schedule-badge-size);
      height: var(--resource-schedule-badge-size);
      background-image: url('images/resource-map/clock-icon.svg');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
    }
#desks-map-wrapper .leaflet-top .leaflet-control {
    margin-top: 24px;
  }
#desks-map-wrapper .leaflet-bottom .leaflet-control {
    margin-bottom: 24px;
  }
#desks-map-wrapper .leaflet-left .leaflet-control {
    margin-left: 24px;
  }
#desks-map-wrapper .leaflet-right .leaflet-control {
    margin-right: 24px;
  }
#desks-map-wrapper .leaflet-grab {
    cursor: crosshair;
  }
.employee-schedule-map #desks-map-wrapper .leaflet-grab {
      cursor: pointer;
    }
#desks-map-wrapper .leaflet-touch .leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    border: none;
  }
#desks-map-wrapper .leaflet-touch .leaflet-bar a {
    border: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    color: #000;
    opacity: 0.75;
  }
#desks-map-wrapper .leaflet-touch .leaflet-bar a.leaflet-disabled {
      background-color: #8a8f9e;
    }
#desks-map-wrapper .leaflet-touch .leaflet-bar a:hover:not(.leaflet-disabled) {
      opacity: 0.65;
    }
#desks-map-wrapper .leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
#desks-map-wrapper .leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
#desks-map-wrapper .leaflet-control-zoom-in {
    opacity: 0.3;
    position: relative;
    display: block;
  }
#desks-map-wrapper .leaflet-control-zoom-in:hover {
      text-decoration: none;
    }
#desks-map-wrapper .leaflet-control-zoom-out::before {
      border-top: 2px solid #000;
      content: '';
      display: block;
      margin: 0 4px;
      opacity: 0.3;
      position: relative;
    }
#desks-map-wrapper .leaflet-control-zoom-out:hover {
      text-decoration: none;
    }
#desks-map-wrapper .leaflet-touch .leaflet-control-layers,
  #desks-map-wrapper .leaflet-touch .leaflet-bar {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
  }
#desks-map-wrapper .leaflet-popup {
    margin-bottom: 0;
  }
/* left values get overwritten by the element style of leaflet popup so !important is needed*/
#desks-map-wrapper .leaflet-popup.right {
      left: 20px !important;
      right: initial;
    }
#desks-map-wrapper .leaflet-popup.left {
      left: initial !important;
      right: 20px;
    }
#desks-map-wrapper .leaflet-popup.top {
      bottom: 20px;
    }
#desks-map-wrapper .leaflet-popup.bottom {
      top: -20px;
    }
#desks-map-wrapper .leaflet-popup-content-wrapper {
    padding: 0.5rem;
  }
.employee-schedule-map #desks-map-wrapper .leaflet-popup-content-wrapper {
      padding: 1.5rem;
    }
#desks-map-wrapper .leaflet-popup-content {
    margin: 0;
  }
#desks-map-wrapper .leaflet-popup-tip-container {
    display: none;
  }
#desks-map-wrapper .leaflet-container a.leaflet-popup-close-button {
    top: 2.5px;
    right: 2.5px;
  }
#desks-map-wrapper .leaflet-tooltip {
    border-radius: 12px;
    margin-top: -30px;
    padding: 8px;
  }
#desks-map-wrapper .leaflet-tooltip::before {
      display: none;
    }
#desks-map-wrapper .leaflet-tooltip-right {
    margin-left: 20px;
  }
#desks-map-wrapper .leaflet-tooltip-left {
    margin-right: 20px;
  }
.admin-map .leaflet-popup-content {
    margin: 0;
    width: unset !important;
  }
/* ProseMirror – Needs investigation; should be replaced by ui-pill component*/
/* --------------------------------------------------------*/
.custom-notifications .liquid-container,
.custom-notifications .liquid-child {
  overflow: visible;
}
.nda-markdown-editor .ProseMirror-menubar-wrapper {
  border-radius: 3px 3px 0 0;
}
.super-text-editor__reset-button {
  position: absolute;
  right: 5px;
  top: 10px;
  z-index: 1000;
}
.super-text-editor__reset-button--inline {
  position: absolute;
  right: 2px;
  top: -30px;
}
/* Custom Host Notifications*/
.custom-host-notifications .ProseMirror-menubar-wrapper {
  border: none;
  position: relative;
}
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror {
    transition: all 0.2s;
    height: auto !important;
    padding: 10px 110px 10px 12px !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
    border: none !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror-menubar {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    min-height: 0 !important;
    border-radius: 0 6px 6px 0;
    left: auto;
    border: none;
    background: #fff;
    display: flex;
    align-items: center;
  }
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror-menuitem .ProseMirror-menu-dropdown {
    box-shadow:
      0 0 0 1px rgba(201, 203, 212, 0.5),
      0 1px 1px 1px rgba(201, 203, 212, 0.3);
    padding: 4px 18px 4px 8px;
    transition: all 0.2s;
    vertical-align: middle;
  }
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror-menuitem .ProseMirror-menu-dropdown::after {
      right: 6px;
    }
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror-menuitem .ProseMirror-menu-dropdown:hover {
      box-shadow:
        0 0 0 1px rgba(201, 203, 212, 0.6),
        0 2px 4px 1px rgba(201, 203, 212, 0.5);
    }
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror-menu-dropdown-menu {
    max-width: 180px;
  }
.custom-host-notifications .ProseMirror-menubar-wrapper.ProseMirror-focused {
    border: none;
  }
.custom-host-notifications .ProseMirror-menubar-wrapper.ProseMirror-focused .ProseMirror-menubar {
      background: none !important;
      border: none !important;
    }
.custom-host-notifications .ProseMirror-menubar-wrapper.ProseMirror-focused .ProseMirror {
      border: none !important;
      box-shadow: none !important;
    }
.emailSidebarEditor .ProseMirror {
  height: 128px;
  padding-top: 8px;
}
.emailSidebarEditor .ProseMirror p {
    margin-top: 0 !important;
  }
.subject-notification-editor .ProseMirror {
  transition: none !important;
  border: 1px solid #f6f6f9 !important;
  margin-bottom: 0 !important;
}
.subject-disable .ProseMirror {
    background-color: transparent !important;
  }
.subject-disable .ProseMirror-menubar {
    background-color: transparent !important;
  }
.ProseMirror-expanding .ProseMirror {
    max-height: 600px;
    min-height: 300px;
    height: 320px;
  }
.ember-prose-mirror .ProseMirror {
    /* Styles copied from ProseMirror - deprecated in 0.8.0*/
    padding: 4px 8px 4px 14px;
    white-space: pre-wrap;
    line-height: 1.2;
    height: 520px;
    overflow-y: auto;
  }
.ember-prose-mirror.small .ProseMirror {
      height: 108px;
    }
.ember-prose-mirror .ProseMirror-menubar-wrapper {
  border-radius: 0.375rem;

    border: 1px solid rgba(201, 203, 212, 0.5);
}
.ember-prose-mirror .ProseMirror-menubar-wrapper.ProseMirror-focused {
      border: 1px solid rgba(201, 203, 212, 0.65);
    }
.ember-prose-mirror .ProseMirror-menubar-wrapper.ProseMirror-focused .ProseMirror-menubar {
        border-bottom: 1px solid rgba(201, 203, 212, 0.65) !important;
        background: linear-gradient(rgba(235, 235, 240, 0.2), rgba(235, 235, 240, 0.6));
      }
.ember-prose-mirror .ProseMirror-menubar-wrapper.ProseMirror-focused .ProseMirror-menuseparator {
        border-right: 1px solid rgba(201, 203, 212, 0.65) !important;
      }
.ember-prose-mirror .ProseMirror-menubar {
    background: linear-gradient(rgba(235, 235, 240, 0.2), rgba(235, 235, 240, 0.2));
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ebebf0;
    padding: 0.25rem;
    box-sizing: border-box;
    min-height: 40px !important;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.ember-prose-mirror .ProseMirror-menuitem {
    margin: 0 0.25rem;
  }
.ember-prose-mirror .ProseMirror-menuitem .ProseMirror-icon,
  .ember-prose-mirror .ProseMirror-menuitem .ProseMirror-menu-dropdown {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
    border-radius: 2px;
  }
.ember-prose-mirror .ProseMirror-menuitem .ProseMirror-icon svg, .ember-prose-mirror .ProseMirror-menuitem .ProseMirror-menu-dropdown svg {
      overflow: visible !important;
    }
.ember-prose-mirror .ProseMirror-menuitem .ProseMirror-icon:hover, .ember-prose-mirror .ProseMirror-menuitem .ProseMirror-menu-dropdown:hover {
      box-shadow:
        0 0 0 1px rgba(201, 203, 212, 0.5),
        0 1px 2px 1px rgba(201, 203, 212, 0.3);
    }
.ember-prose-mirror .ProseMirror-menuitem .ProseMirror-icon.ProseMirror-menu-active, .ember-prose-mirror .ProseMirror-menuitem .ProseMirror-menu-dropdown.ProseMirror-menu-active {
      box-shadow:
        0 0 0 1px rgba(201, 203, 212, 0.25) inset,
        0 1px 2px 1px rgba(201, 203, 212, 0.3) inset;
      background: rgba(235, 235, 240, 0.75);
      color: #3f4450;
    }
.ember-prose-mirror .ProseMirror-menuseparator {
    height: 40px;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    margin: -6px 0.25rem;
    border-right: 1px solid #ebebf0;
  }
.ember-prose-mirror .ProseMirror-menu-dropdown-menu {
    box-shadow:
      0 2px 4px rgba(201, 203, 212, 0.33),
      0 1px 4px rgba(201, 203, 212, 0.1);
    border: 1px solid rgba(201, 203, 212, 0.65);
    padding: 0.5rem 0;
    border-radius: 2px;
    margin-top: -0.4rem;
    max-height: 180px;
    overflow: auto;
    max-height: 12rem;
  }
.ember-prose-mirror .ProseMirror-menu-dropdown-item {
    padding: 0;
  }
.ember-prose-mirror .ProseMirror-menu-dropdown-item:hover {
      background: transparent;
    }
.ember-prose-mirror .ProseMirror-menu-dropdown-item > * {
    padding: 0.25rem 4rem 0.25rem 0.75rem;
    margin: 0;
    box-sizing: border-box;
    text-transform: lowercase;
  }
.ember-prose-mirror .ProseMirror-menu-dropdown-item > *::first-letter {
      text-transform: uppercase !important;
    }
.ember-prose-mirror .ProseMirror-menu-dropdown-item > *:hover {
      background: rgba(250, 67, 56, 0.1);
      color: #e91c1c;
    }
.ember-prose-mirror .ProseMirror-languages-dropdown .ProseMirror-menu-dropdown-item {
      text-transform: none;
    }
.ember-prose-mirror .ProseMirror {
    outline: none;
    padding-top: 0.5rem;
  }
.ember-prose-mirror .ProseMirror * {
      outline: none;
    }
/* NOTE .h1, .h2 classes etc are for styling inside the text type dropdown in menu bar*/
.ember-prose-mirror .ProseMirror h1,
  .ember-prose-mirror .ProseMirror-menubar .h1 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin: 1.5em 0 0.5em !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror h2,
  .ember-prose-mirror .ProseMirror-menubar .h2 {
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 2em 0 1em !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror h3,
  .ember-prose-mirror .ProseMirror-menubar .h3 {
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 2em 0 1em !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror h4,
  .ember-prose-mirror .ProseMirror-menubar .h4 {
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 2em 0 1em !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror h5,
  .ember-prose-mirror .ProseMirror-menubar .h5 {
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 2em 0 1em !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror h6,
  .ember-prose-mirror .ProseMirror-menubar .h6 {
    font-size: 0.67em !important;
    line-height: 19px !important;
    margin: 2.33em 0 !important;
    font-weight: bold !important;
  }
.ember-prose-mirror .ProseMirror > p {
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 1em 0 1.2em !important;
    font-weight: normal !important;
  }
.ember-prose-mirror .ProseMirror b {
    font-size: inherit;
    font-weight: bold;
  }
.ember-prose-mirror .ProseMirror i {
    font-size: inherit;
    font-style: italic;
  }
.ember-prose-mirror .ProseMirror a {
    font-size: inherit;
    text-decoration: underline;
    color: inherit;
  }
.ember-prose-mirror .ProseMirror blockquote {
    padding-left: 8px;
    font-size: 1rem;
    border-left: 4px solid #ddd;
    margin: 1em 40px;
  }
.ember-prose-mirror .ProseMirror ol,
  .ember-prose-mirror .ProseMirror ul {
    margin: 1rem 0;
    padding-left: 40px;
  }
.ember-prose-mirror .ProseMirror ul {
    list-style-type: disc;
  }
.ember-prose-mirror .ProseMirror ol {
    list-style-type: decimal;
  }
.ember-prose-mirror .ProseMirror li p {
    font-size: inherit;
    margin: 0;
    padding: 0;
  }
.ember-prose-mirror .ProseMirror pre,
  .ember-prose-mirror .ProseMirror code {
    display: block;
    padding: 0.75rem 1rem;
    line-height: 1.5em;
    font-size: 0.875rem;
    margin: 1rem 0;
  }
.ember-prose-mirror .ProseMirror code {
    display: inline-block;
  }
.ember-prose-mirror .ProseMirror pre code {
    display: block;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
  }
.ember-prose-mirror .ProseMirror__pillbox {
    background: #f0f4ff;
    color: #6161ff;
    padding: 4px 6px;
    font-size: 0.8em;
    font-weight: var(--fontWeight-bold);
    border-radius: 20px;
    line-height: 1;
    margin: 2px 0;
    border: 1px solid #bdcdff;
    outline: none;
    text-transform: uppercase;
    transition: background 0.2s;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-block;
  }
.ember-prose-mirror .ProseMirror__pillbox.ProseMirror-selectednode {
      background: #ebebf0;
    }
.ember-prose-mirror .ProseMirror__extensions-menu-item {
  display: flex;
}
.input.ember-prose-mirror .ProseMirror__extensions-menu-item,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ember-prose-mirror .ProseMirror__extensions-menu-item {
  display: flex;
}
.ember-prose-mirror .ProseMirror__extensions-menu-item {
  align-items: center;
}
.ember-prose-mirror .ProseMirror__variables-menu-item {
  display: flex;
}
.input.ember-prose-mirror .ProseMirror__variables-menu-item,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ember-prose-mirror .ProseMirror__variables-menu-item {
  display: flex;
}
.ember-prose-mirror .ProseMirror__variables-menu-item {
  align-items: center;
}
.ember-prose-mirror .ProseMirror__variable-icon {
    width: 12px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-left: 0.5rem;
  }
.ember-prose-mirror .ProseMirror__menu-icon {
    width: 35px;
    height: 35px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 0.5rem;
  }
/* Custom CSS for announcement templates*/
.ember-prose-mirror .announcement-template-message-field .ProseMirror {
      min-height: 160px;
    }
.ember-prose-mirror .custom-host-notifications[disabled] {
    pointer-events: none;
  }
.ember-prose-mirror .custom-host-notifications[disabled] .ProseMirror-menubar-wrapper .ProseMirror {
      background: #f6f6f9;
      border-color: #ebebf0;
      cursor: default;
    }
.ember-prose-mirror .ProseMirror-menu-dropdown-item .h1,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .h2,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .h3,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .h4,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .h5,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .h6,
    .ember-prose-mirror .ProseMirror-menu-dropdown-item .p {
      margin: 0.2rem 0 !important;
    }
.ember-prose-mirror .ProseMirror__pillbox--invalid {
  background: #fff3d1;
  border: 1px solid #ffc67a;
  color: #c25700;
}
/* ember-modal-dialog */
.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}
.ember-modal-dialog.emd-in-place {
  position: static;
}
.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}
.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}
.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}
.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, .77);
}
/* utilities */
.icon-checkmark-small-green,
.icon-cross-small-red,
.icon-plus,
.icon-rules,
.icon-info,
.icon-settings,
.icon-loader,
.icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.icon-checkmark-small-green,
.icon-cross-small-red,
.icon-plus,
.icon-rules,
.icon-info,
.icon-settings,
.icon-loader {
  height: 16px;
  margin: auto;
  width: 16px;
}
.paymentIcon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: -2px;
}
.icon-close-gray-circle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('images/resource-map/close-gray-circle-icon.svg');
  height: 16px;
  width: 16px;
}
/* Alert icon on Billing page*/
.icon-alert {
  background-image: url('images/alert.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.icon-alert-large-dims {
  width: 50px;
  height: 50px;
  background-size: 24px;
}
.icon-alert-small-dims {
  width: 16px;
  height: 16px;
  background-size: 12px;
}
.icon-menu-trigger {
  background-image: url('images/menu-trigger.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.icon-menu-trigger-dark {
  background-image: url('images/menu-trigger-dark.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.icon-shield-green {
  background-image: url('images/shield-green.svg');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-shield-red {
  background-image: url('images/shield-red.svg');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-shield-light-gray {
  background-image: url('images/shield-light-gray.svg');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-announcement-templates-fire-emergency {
  background-image: url('images/announcement-templates/fire-emergency.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-severe-weather {
  background-image: url('images/announcement-templates/severe-weather.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-medical-emergency {
  background-image: url('images/announcement-templates/medical-emergency.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-violent-incident {
  background-image: url('images/announcement-templates/violent-incident.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-workplace-hazard {
  background-image: url('images/announcement-templates/workplace-hazard.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-it-system-outage {
  background-image: url('images/announcement-templates/it-system-outage.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-power-outage {
  background-image: url('images/announcement-templates/power-outage.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-suspicious-activity {
  background-image: url('images/announcement-templates/suspicious-activity.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-announcement-templates-custom {
  background-image: url('images/announcement-templates/custom.svg');
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.icon-hamburger {
  background-image: url('images/drafts/hamburger.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-hamburger.active {
    background-image: url('images/drafts/hamburger-selected.svg');
  }
.icon-seating {
  background-image: url('images/drafts/seating.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-seating.active {
    background-image: url('images/drafts/seating-selected.svg');
  }
.icon-insights-info {
  background-image: url('images/drafts/insights-info-gem.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.icon-insights {
  background-image: url('images/drafts/insights-filled-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.icon-insights-button {
  background-image: url('images/drafts/insights-dark-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.icon-insights-button.active {
    background-image: url('images/drafts/insights-white-icon.svg');
  }
.icon-resources {
  background-image: url('images/drafts/plus-sign-dark.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.icon-resources.active {
    background-image: url('images/drafts/plus-sign-red.svg');
  }
/* Bill Paid icon on Billing page*/
.icon-paid {
  background-image: url('images/checkmark-green.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Bill Refunded icon on Billing page*/
.icon-refund {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+PGcgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzQ5OTBFMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZD0iTS4yMDggNy45ODVsNy43NzctNy43NzcgNy43NzcgNy43NzctNy43NzcgNy43Nzd6Ii8+PHBhdGggZD0iTTggNGwtNCA0IDQgNHYtM2g0di0yaC00di0zeiIgZmlsbD0iI2ZmZiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPjwvZz48L3N2Zz4=');
  background-position: center;
  background-repeat: no-repeat;
}
.icon-refund-partial {
  opacity: 0.5;
}
/* Next Payment icon on Billing page*/
.icon-next {
  background-image: url('images/next-payment.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.icon-chevron-down-gem-50 {
  background-image: url('images/chevron-down-gem-50.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
/* Checkmark on Subscribe page*/
.icon-checkmark-green {
  background-image: url('images/checkmark-circle-green.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-right: 6px;
}
.icon-checkmark-gray {
  background-image: url('images/checkmark-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* Checkmark on admin roles page*/
.icon-checkmark-green-small {
  background-image: url('images/checkmark-circle-green.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin: auto;
}
.icon-checkmark-green-rounded {
  background-image: url('images/ipad-demo/icons/check.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-checkmark-transparent-circle-white {
  background-image: url('images/checkmark-transparent-circle-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-checkmark-white-circle-gray {
  background-image: url('images/checkmark-white-circle-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-cross-incircle-gray {
  background-image: url('images/add-dark-circle.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-cross-transparent-incircle-white {
  background-image: url('images/cross-transparent-incircle-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-cross-white-incircle-gray {
  background-image: url('images/cross-white-incircle-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
/* Checkmark on rooms calendar permissions*/
.icon-checkmark-small-green {
  background-image: url('images/checkmark-green.svg');
}
/* Cross on rooms calendar permissions*/
.icon-cross-small-red {
  background-image: url('images/cross-small-red.svg');
}
/* Cross in circle on admin roles page*/
.icon-cross-gray-small {
  background-image: url('images/cross-incircle-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin: auto;
}
.icon-cross-gray-light-small {
  background-image: url('images/cross-small-graydark.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin: auto;
}
.icon-cross-small-gray {
  background-image: url('images/cross-small-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  margin: auto;
}
.icon-cross-small-gray.email {
    background-size: 12px 12px;
    margin: 0;
  }
.icon-remove-option-x {
  background-image: url('images/resource-map/remove-option-x.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.icon-question-mark-gray-circle {
  background-image: url('images/resource-map/question-mark-gray-circle.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
/* i Symbol on Pre-Registration page*/
.icon-notice,
.icon-notice-gray {
  background-image: url('images/notice-gray.svg');
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
}
.icon-lightbulb-blue {
  background-image: url('images/lightbulb-blue.svg');
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
}
.icon-legacyPlan {
  background-image: url('images/plans/legacy.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin: 0 9px;
}
.icon-standardPlan {
  background-image: url('images/plans/standard.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin: 0 9px;
}
.icon-premiumPlan {
  background-image: url('images/plans/premium.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin: 0 9px;
}
.icon-deliveriesPlan {
  background-image: url('images/app-icons/deliveries.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 45px;
  height: 45px;
}
.icon-desksPlan {
  background-image: url('images/app-icons/desks.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 45px;
  height: 45px;
}
.icon-vrPlan {
  background-image: url('images/app-icons/visitors.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 45px;
  height: 45px;
}
.icon-workplacePlan {
  background-image: url('images/app-icons/workplace.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 45px;
  height: 45px;
}
.icon-vfdPlan {
  background-image: url('images/app-icons/vfd.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 45px;
  height: 45px;
}
.icon-enterprisePlan {
  background-image: url('images/plans/enterprise.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin: 0 9px;
}
.icon-mapPin {
  background-image: url('images/map-pin.svg');
  background-position: center 32%;
  background-repeat: no-repeat;
}
/* Show Calendar icon on mobile dashboard*/
.icon-calendar {
  background: url('images/calendar.svg') no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: -4px;
}
/*Calendar icon for employee schedule change desk icon*/
.icon-calendar-available {
  background: url('images/desks/calendar-available.svg') no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
/* Search icon in Employee Directory search field*/
.icon-search,
.ember-power-select-search input[type='search'] {
  background-image: url('images/search-field.svg');
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.icon-search:focus,
  .icon-search:active,
  .ember-power-select-search input[type='search']:focus,
  .ember-power-select-search input[type='search']:active {
    background-image: url('images/search-field-active.svg');
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
/* Lock icon on Log In button*/
.lock {
  background-image: url('images/lock.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-left: -10px;
  margin-right: 5px;
  display: inline-block;
  text-indent: -9999px;
  opacity: 0.6;
}
.icon-i18n {
  background-image: url('images/features/i18n.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
  transition: all 0.2s;
}
.calendar-icon {
  background-image: url('images/resource-map/calendar-icon.svg');
  width: 16px;
  height: 16px;
  display: inline-block;
}
.black-calendar-icon {
  background-image: url('images/resource-map/calendar-black.svg');
  width: 16px;
  height: 16px;
  display: inline-block;
}
.icon-trash {
  background-image: url('images/trash-delete-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
  opacity: 0.9;
  transition: all 0.2s;
}
.icon-trash.small {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
  }
.icon-refresh {
  background-image: url('images/redo-slate.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
  opacity: 0.9;
  transition: all 0.2s;
}
.icon-refresh.small {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
  }
.icon-reSort {
  background-image: url('images/resort.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
  opacity: 0.9;
  transition: all 0.2s;
}
.icon-reSort.small {
    width: 12px;
    height: 10px;
    vertical-align: -1px;
  }
.icon-reSort:hover {
    cursor: grab;
  }
.icon-reSort:active {
    cursor: grabbing;
  }
.icon-reSort-disabled {
  opacity: 0.5;
}
.icon-reSort-disabled:hover {
    cursor: auto;
  }
.btn:not(.btn--nonHoverFill):hover .icon-trash {
    background-image: url('images/trash-delete-black.svg');
    background-repeat: no-repeat;
  }
/* circular material-style spinner*/
.circular {
  animation: rotate 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px;
}
.circular-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #e91c1c;
}
.rotated90 {
  transform: rotate(90deg);
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
a.navBack {
  text-decoration: none;
}
.navBack-icon {
  vertical-align: top;
  margin-top: 2px;
  transition: all 0.2s;
}
.navBack-icon path {
    transition: all 0.2s;
  }
.navBack-icon:hover path {
    fill: #e91c1c;
  }
/* Arrows*/
/* ------------------------------------*/
.icon-arrow-left {
  background-image: url('images/arrow-left.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 8px;
  min-width: 5px;
  min-height: 8px;
}
.icon-arrow-left:hover {
    background-image: url('images/arrow-left-red.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px 8px;
  }
.icon-arrow-left.btn--outlineFill:hover {
    background-image: url('images/arrow-left.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px 8px;
  }
.icon-arrow-right {
  background-image: url('images/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 8px;
  min-width: 5px;
  min-height: 8px;
}
.icon-arrow-right:hover {
    background-image: url('images/arrow-right-red.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px 8px;
  }
.icon-arrow-right.btn--outlineFill:hover {
    background-image: url('images/arrow-right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px 8px;
  }
.orange:hover .icon-arrow-right {
  background-image: url('images/arrow-right-orange.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 8px;
}
.icon-arrow-down {
  background-image: url('images/arrow-single.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 5px;
  min-width: 8px;
  min-height: 5px;
}
.icon-arrow-down:hover {
    background-image: url('images/arrow-single-red.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 5px;
  }
.icon-arrow-down.btn--outlineFill:hover {
    background-image: url('images/arrow-single.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 5px;
  }
.orange:hover .icon-arrow-down {
  background-image: url('images/arrow-single-orange.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 5px;
}
.icon-arrow-left-gray,
.icon-arrow-right-gray {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 12px;
  width: 7px;
  height: 12px;
}
.icon-arrow-left-gray:disabled, .icon-arrow-right-gray:disabled {
    opacity: 1; /* override default button styles*/
  }
.icon-arrow-left-gray {
  background-image: url('images/arrow-left-large-grayDark.svg');
}
.icon-arrow-left-gray:hover,
  .icon-arrow-left-gray:focus {
    outline: 0;
    background-image: url('images/arrow-left-large-grayDarker.svg');
  }
.icon-arrow-right-gray {
  background-image: url('images/arrow-right-large-grayDark.svg');
}
.icon-arrow-right-gray:hover,
  .icon-arrow-right-gray:focus {
    outline: 0;
    background-image: url('images/arrow-right-large-grayDarker.svg');
  }
.icon-arrow-left-large {
  background-image: url('images/arrow-left-large.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 12px;
  min-width: 7px;
  min-height: 12px;
}
.icon-arrow-left-large:hover {
    background-image: url('images/arrow-left-large-red.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px 12px;
  }
.icon-arrow-left-large.btn--outlineFill:hover {
    background-image: url('images/arrow-left-large.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px 12px;
  }
.icon-arrow-right-large {
  background-image: url('images/arrow-right-large.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 12px;
  min-width: 7px;
  min-height: 12px;
}
.icon-arrow-right-large:hover {
    background-image: url('images/arrow-right-large-red.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px 12px;
  }
.icon-arrow-right-large.btn--outlineFill:hover {
    background-image: url('images/arrow-right-large.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px 12px;
  }
/* left sidebar icons in mainNav*/
.icon-mainNav-dashboard::before, .icon-mainNav-visitors::before, .icon-mainNav-invites::before, .icon-mainNav-analytics::before, .icon-mainNav-employees::before, .icon-mainNav-devices::before, .icon-mainNav-setup::before, .icon-mainNav-delivery::before, .icon-mainNav-integrations::before, .icon-mainNav-locations::before, .icon-mainNav-visitor-log::before, .icon-mainNav-global-devices::before, .icon-mainNav-settings::before, .icon-mainNav-protect::before, .icon-mainNav-maps::before, .icon-mainNav-rooms::before, .icon-mainNav-screens::before, .icon-mainNav-desks::before, .icon-mainNav-response::before, .icon-mainNav-communications::before, .icon-mainNav-schedule::before, .icon-mainNav-admins::before, .icon-mainNav-location-settings::before, .icon-mainNav-workplace::before, .icon-mainNav-resources::before, .icon-mainNav-manage::before, .icon-mainNav-properties::before, .icon-mainNav-virtual-front-desk::before {
    content: '\00a0';
    position: relative;
    display: inline;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 16px;
    top: -1px;
  }
.icon-eye {
  width: 20px;
  height: 20px;
  background: url('images/sidebar/closed-eye.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.icon-eye.active {
    background: url('images/sidebar/open-eye.svg');
    background-repeat: no-repeat;
    background-position: center;
  }
.icon-mainNav-desks::before {
    background-image: url('images/sidebar/mainNav-slate/desks.svg');
  }
.icon-mainNav-desks:hover::before, .icon-mainNav-desks[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/desks.svg');
    }
.icon-mainNav-desks.active::before {
      background-image: url('images/sidebar/mainNav-filled/desks.svg');
    }
.icon-mainNav-protect::before {
    background-image: url('images/sidebar/mainNav-slate/protect.svg');
  }
.icon-mainNav-protect:hover::before, .icon-mainNav-protect[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/protect.svg');
    }
.icon-mainNav-protect.active::before {
      background-image: url('images/sidebar/mainNav-filled/protect.svg');
    }
.icon-mainNav-workplace::before {
    background-image: url('images/sidebar/mainNav-slate/workplace.svg');
  }
.icon-mainNav-workplace:hover::before, .icon-mainNav-workplace[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/workplace.svg');
    }
.icon-mainNav-workplace.active::before {
      background-image: url('images/sidebar/mainNav-filled/workplace.svg');
    }
.icon-mainNav-resources::before {
    background-image: url('images/sidebar/mainNav-slate/resources.svg');
  }
.icon-mainNav-resources:hover::before, .icon-mainNav-resources.active::before, .icon-mainNav-resources[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/resources.svg');
    }
.icon-mainNav-maps::before {
    background-image: url('images/sidebar/mainNav-slate/maps.svg');
  }
.icon-mainNav-maps:hover::before, .icon-mainNav-maps[aria-current='page']::before, .icon-mainNav-maps.is-pending::before {
      background-image: url('images/sidebar/mainNav-red/maps.svg');
    }
.icon-mainNav-maps.active::before {
      background-image: url('images/sidebar/mainNav-filled/maps.svg');
    }
.icon-mainNav-locations::before {
    background-image: url('images/sidebar/mainNav-slate/locations.svg');
  }
.icon-mainNav-locations:hover::before, .icon-mainNav-locations[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/locations.svg');
    }
.icon-mainNav-locations.active::before {
      background-image: url('images/sidebar/mainNav-filled/locations.svg');
    }
.icon-mainNav-delivery::before {
    background-image: url('images/sidebar/mainNav-slate/deliveries.svg');
    top: 1px; /* Fix for weird icon size compared to others*/
  }
.icon-mainNav-delivery:hover::before, .icon-mainNav-delivery[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/deliveries.svg');
    }
.icon-mainNav-delivery.active::before {
      background-image: url('images/sidebar/mainNav-filled/deliveries.svg');
    }
.icon-mainNav-global-devices::before {
    background-image: url('images/sidebar/mainNav-slate/global-devices.svg');
  }
.icon-mainNav-global-devices:hover::before, .icon-mainNav-global-devices[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/global-devices.svg');
    }
.icon-mainNav-global-devices.active::before {
      background-image: url('images/sidebar/mainNav-filled/global-devices.svg');
    }
.icon-mainNav-dashboard::before {
    background-image: url('images/sidebar/mainNav-slate/home.svg');
  }
.icon-mainNav-dashboard:hover::before, .icon-mainNav-dashboard[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/home.svg');
    }
.icon-mainNav-dashboard.active::before {
      background-image: url('images/sidebar/mainNav-filled/home.svg');
    }
.icon-mainNav-virtual-front-desk::before {
    background-image: url('images/sidebar/mainNav-slate/virtual-front-desk.svg');
  }
.icon-mainNav-virtual-front-desk:hover::before, .icon-mainNav-virtual-front-desk[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/virtual-front-desk.svg');
    }
.icon-mainNav-virtual-front-desk.active::before {
      background-image: url('images/sidebar/mainNav-filled/virtual-front-desk.svg');
    }
.icon-mainNav-visitor-log::before, .icon-mainNav-visitors::before {
    background-image: url('images/sidebar/mainNav-slate/visitors.svg');
  }
.icon-mainNav-visitor-log:hover::before, .icon-mainNav-visitor-log[aria-current='page']::before, .icon-mainNav-visitors:hover::before, .icon-mainNav-visitors[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/visitors.svg');
    }
.icon-mainNav-visitor-log.active::before, .icon-mainNav-visitors.active::before {
      background-image: url('images/sidebar/mainNav-filled/visitors.svg');
    }
.icon-mainNav-workplace::before {
    background-image: url('images/sidebar/mainNav-slate/workplace.svg');
  }
.icon-mainNav-workplace:hover::before, .icon-mainNav-workplace[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/workplace.svg');
    }
.icon-mainNav-workplace.active::before {
      background-image: url('images/sidebar/mainNav-filled/workplace.svg');
    }
.icon-mainNav-invites::before {
    background-image: url('images/sidebar/mainNav-slate/invites.svg');
  }
.icon-mainNav-invites:hover::before, .icon-mainNav-invites[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/invites.svg');
    }
.icon-mainNav-invites.active::before {
      background-image: url('images/sidebar/mainNav-filled/invites.svg');
    }
.icon-mainNav-analytics::before {
    background-image: url('images/sidebar/mainNav-slate/analytics.svg');
  }
.icon-mainNav-analytics:hover::before, .icon-mainNav-analytics[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/analytics.svg');
    }
.icon-mainNav-employees::before {
    background-image: url('images/sidebar/mainNav-slate/employee-directory.svg');
  }
.icon-mainNav-employees:hover::before, .icon-mainNav-employees[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/employee-directory.svg');
    }
.icon-mainNav-employees.active::before {
      background-image: url('images/sidebar/mainNav-filled/employee-directory.svg');
    }
.icon-mainNav-admins::before {
    background-image: url('images/sidebar/mainNav-slate/admins.svg');
  }
.icon-mainNav-admins:hover::before, .icon-mainNav-admins[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/admins.svg');
    }
.icon-mainNav-admins.active::before {
      background-image: url('images/sidebar/mainNav-filled/admins.svg');
    }
.icon-mainNav-devices::before {
    background-image: url('images/sidebar/mainNav-slate/devices.svg');
  }
.icon-mainNav-devices:hover::before, .icon-mainNav-devices[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/devices.svg');
    }
.icon-mainNav-devices.active::before {
      background-image: url('images/sidebar/mainNav-filled/devices.svg');
    }
.icon-mainNav-setup::before {
    background-image: url('images/sidebar/mainNav-slate/setup.svg');
  }
.icon-mainNav-setup:hover::before, .icon-mainNav-setup[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/setup.svg');
    }
.icon-mainNav-setup.active::before {
      background-image: url('images/sidebar/mainNav-filled/setup.svg');
    }
.icon-mainNav-settings::before {
    background-image: url('images/sidebar/mainNav-slate/settings.svg');
  }
.icon-mainNav-settings:hover::before, .icon-mainNav-settings[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/settings.svg');
    }
.icon-mainNav-settings.active::before {
      background-image: url('images/sidebar/mainNav-filled/settings.svg');
    }
.icon-mainNav-integrations::before {
    background-image: url('images/sidebar/mainNav-slate/integrations.svg');
  }
.icon-mainNav-integrations:hover::before, .icon-mainNav-integrations[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/integrations.svg');
    }
.icon-mainNav-integrations.active::before {
      background-image: url('images/sidebar/mainNav-filled/integrations.svg');
    }
.icon-mainNav-properties::before {
    background-image: url('images/sidebar/mainNav-slate/building.svg');
  }
.icon-mainNav-properties:hover::before, .icon-mainNav-properties.active::before, .icon-mainNav-properties[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/building.svg');
    }
/* right sidebar icons in mainNav*/
.icon-mainNav-getProduct::after {
    content: '\00a0';
    position: relative;
    display: inline;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 16px;
    float: right;
    background-image: url('images/sidebar/plus.svg');
  }
.icon-mainNav-response::before {
    background-image: url('images/sidebar/mainNav-slate/response.svg');
  }
.icon-mainNav-response:hover::before, .icon-mainNav-response[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/response.svg');
    }
.icon-mainNav-communications::before {
    background-image: url('images/sidebar/mainNav-slate/communications.svg');
  }
.icon-mainNav-communications:hover::before, .icon-mainNav-communications[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/communications.svg');
    }
.icon-mainNav-rooms::before {
    background-image: url('images/sidebar/mainNav-slate/rooms.svg');
  }
.icon-mainNav-rooms:hover::before, .icon-mainNav-rooms[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/rooms.svg');
    }
.icon-mainNav-rooms.active::before {
      background-image: url('images/sidebar/mainNav-red/rooms.svg');
    }
.icon-mainNav-screens::before {
    background-image: url('images/sidebar/mainNav-slate/screens.svg');
  }
.icon-mainNav-screens:hover::before, .icon-mainNav-screens[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/screens.svg');
    }
.icon-mainNav-screens.active::before {
      background-image: url('images/sidebar/mainNav-red/screens.svg');
    }
.icon-mainNav-schedule::before {
    background-image: url('images/sidebar/mainNav-slate/schedule.svg');
  }
.icon-mainNav-schedule:hover::before, .icon-mainNav-schedule[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/schedule.svg');
    }
.icon-mainNav-schedule.active::before {
      background-image: url('images/sidebar/mainNav-filled/schedule.svg');
    }
.icon-mainNav-location-settings::before {
    background-image: url('images/sidebar/mainNav-slate/location-settings.svg');
  }
.icon-mainNav-location-settings:hover::before, .icon-mainNav-location-settings[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/location-settings.svg');
    }
.icon-mainNav-location-settings.active::before {
      background-image: url('images/sidebar/mainNav-filled/location-settings.svg');
    }
.icon-mainNav-manage::before {
    background-image: url('images/sidebar/mainNav-slate/person.svg');
  }
.icon-mainNav-manage:hover::before, .icon-mainNav-manage[aria-current='page']::before {
      background-image: url('images/sidebar/mainNav-red/person.svg');
    }
.icon-mainNav-manage.active::before {
      background-image: url('images/sidebar/mainNav-filled/person.svg');
    }
/* icon for add employee*/
.icon-add::before, .icon-building::before {
    content: '\00a0';
    position: relative;
    display: inline;
    padding: 0 16px 0 8px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 16px;
  }
.icon-building::before {
    background-image: url('images/building.svg');
  }
.icon-add::before {
    background-image: url('images/add.svg');
  }
.icon-pencil {
  background-image: url('images/pencil.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
  opacity: 0.9;
  transition: all 0.2s;
}
.icon-pencil.small {
    width: 12px;
    height: 12px;
  }
.icon-base,
.icon-pencil-white-full,
.icon-pencil-dark-full,
.icon-settings-dark,
.icon-settings-white {
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: -2px;
}
.icon-pencil-white-full {
  background-image: url('images/pencil-white-full.svg');
}
.icon-pencil-dark-full {
  background-image: url('images/pencil-dark-full.svg');
}
.icon-settings-dark {
  background-image: url('images/settings-dark.svg');
}
.icon-settings-white {
  background-image: url('images/settings-white.svg');
}
.icon-employee-desk {
  background-image: url('images/desks/desk-pin.svg');
  border-radius: 0;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: contain;
  width: 46px;
  height: 46px;
}
.icon-employee-resource-occupied {
  background-image: url('images/desks/desk-pin.svg');
  opacity: 0.5;
  border-radius: 0;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: contain;
  width: 46px;
  height: 46px;
}
.btn:not(.btn--nonHoverFill):hover .icon-pencil, input:focus + label.btn .icon-pencil {
    background-image: url('images/pencil-white.svg');
    background-repeat: no-repeat;
  }
.icon-plus {
  background-image: url('images/sidebar/plus.svg');
}
.icon-rules {
  background-image: url('images/rules.svg');
  text-indent: -9999px;
}
.icon-info {
  background-image: url('images/gray-info.svg');
}
.icon-settings {
  background-image: url('images/settings.svg');
}
.icon-loader {
  position: relative;
}
.icon-loader > .circular {
  position: absolute;
  width: 24px;
  height: 24px;
  left: -4px;
  top: -4px;
  /* overrides max-height: 100% on svg*/
  max-height: 24px;
}
/* ember-modal*/
/* TODO - [mgallag] Standardize on a single set of modal styles*/
#modal-overlays {
  z-index: 100000000; /* Let's play Global Thermonuclear War.*/
  position: absolute;
}
@keyframes fade-overlay {
  from {
    background: rgba(0, 0, 0, 0);
  }

  to {
    background: rgba(0, 0, 0, 0.6);
  }
}
@keyframes modal-from-top {
  from {
    top: -50%;
  }

  to {
    top: 50%;
  }
}
.ember-modal-overlay .translucent {
    background-color: rgba(0, 0, 0, 0.6);
  }
.ember-modal-overlay .translucent.ember-modal-overlay--fadeIn {
    animation: fade-overlay 0.3s;
  }
.ember-modal-overlay--page-takeover {
  background-color: #e5e5e5;
}
.ember-modal-overlay--nudge {
  width: 10vw;
  height: 10vh;
  right: 0;
  bottom: 0;
  top: auto;
  left: auto;
}
.ember-modal-dialog {
  width: 95vw;
  max-width: 500px;
  max-height: 96vh;
  padding: 0;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.24);
  overflow-y: auto;
  overflow-x: hidden;
}
.ember-modal-dialog--admin-roles,
.ember-modal-dialog--payment-method,
.ember-modal-dialog--manage-email-recipients {
  max-width: 700px;
}
.ember-modal-dialog--subscription-summary {
  max-width: 700px;
  padding: 2rem;
  max-height: 90vh;
}
.ember-modal-dialog--add-quantity,
.ember-modal-dialog--groups {
  max-width: 704px;
  min-height: 384px;
}
.ember-modal-dialog--locations-search {
  max-width: 42rem;
  min-height: 30rem;
}
.ember-modal-dialog--locations-multi-select-flow {
  max-width: 42rem;
}
.ember-modal-dialog--choose-area {
  max-width: 564px;
}
.ember-modal-dialog--instructions {
  min-width: 664px;
}
.ember-modal-dialog--vaccine-tracking-confirmation {
  min-width: 611px;
}
.ember-modal-dialog--page-takeover {
  width: 880px;
  max-width: 880px;
  height: 750px;
  background-color: #fff;
}
.ember-modal-dialog--black {
  background-color: #000;
}
.ember-modal-dialog--lightbox {
  padding: 2rem;
  max-height: 96vh;
  max-width: none;
  width: 44rem;
}
.ember-modal-dialog--copy-link-modal {
  min-width: 600px;
}
.ember-modal-dialog--blocklist-import {
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: 100%;
  height: 100%;
  max-width: 96vw;
  max-height: 96vh;
  border-radius: 2px;
  background-color: white;
}
.ember-modal-dialog--message-box {
  position: absolute;
  right: 50px;
  bottom: 50px;
  max-width: 355px;
  max-height: 470px;
}
.ember-modal-dialog--deletion {
  max-height: 530px !important;
  overflow: hidden;
}
.ember-modal-dialog--deliveries-tutorial {
  max-width: 44rem;
}
.ember-modal-dialog--security-upgrade {
  max-width: 60rem;
  animation: modal-from-top 0.3s;
}
.ember-modal-dialog--overview-visitor-log-export {
  max-width: 570px;
}
.ember-modal-dialog--visitor-log-export {
  max-width: 614px;
}
.ember-modal-dialog--deliveries-confirm-purchase,
.ember-modal-dialog--confirm-purchase {
  max-width: 655px;
  box-shadow: 0 4px 30px 0 rgba(40, 44, 54, 0.3);
  padding: 5px;
}
.ember-modal-dialog--chargebee-wallet {
  max-width: 481px;
  max-height: 700px;
}
.ember-modal-dialog--new-announcement-template {
  max-width: 640px;
  padding: 2rem;
}
.ember-modal-dialog--image-zoom {
  width: auto;
  max-width: 75vw;
  max-height: 85vh;
  border-radius: 2px;
  background-color: transparent;
}
.ember-modal-dialog__close-btn {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 1;
  padding: 0 0 4px 0;
  border: none;
  border-radius: 2px;
  color: #d5d6d8;
}
.ember-modal-dialog__close-btn--photo {
  color: #3f4450;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s;
}
.ember-modal-dialog__close-btn--photo:hover {
    color: #fff;
    background-color: #000;
  }
.ember-modal-dialog__close-btn--with-border {
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 1;
  padding: 0 0 4px 0;
  border: 1px solid #ebebf0;
  border-radius: 2px;
  color: #ebebf0;
}
.ember-modal-dialog--rules {
  max-width: 40rem;
}
.ember-modal-dialog--flow-translations {
  max-width: 40rem;
}
.ember-modal-dialog--floor-plan-map {
  max-width: 75%;
  max-height: 75%;
}
.ember-modal-dialog--trial-expired {
  max-width: 445px;
  min-height: 595px;
  box-shadow: 0 4px 30px 0 rgba(40, 44, 54, 0.3);
  padding: 5px;
}
@keyframes slide-in {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}
.ember-modal-dialog--request-sent-dialog img {
  animation: slide-in 1.2s;
}
/**
 * -------------- Modal Styles Blessed by Design Systems -------------
 */
/* Small modals (alerts, dialogs, prompts) */
.ember-modal-dialog--small {
  width: 32rem;
  padding: 64px;
  max-width: none;
  max-height: none;
}
/*
 * Larger modal containers (forms, formatted layout within modals)
 * TODO - this should eventually be the default styling of all modals
 */
.ember-modal-dialog--large {
  width: 44rem;
  padding: 2rem;
  max-width: none;
  max-height: none;
}
.ember-modal-dialog--large__body {
  min-height: 24rem;
}
/* these classes wrap the content of a modal */
.ember-modal-dialog__header {
  margin-bottom: 2rem;
}
.ember-modal-dialog__footer {
  margin-top: 2rem;
  text-align: right;
}
/**
* rules modal
*/
.manage-rule .add-condition {
    text-align: left;
  }
.manage-rule .ember-power-select-trigger {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.manage-rule .ember-power-select-placeholder {
    opacity: 0.2;
  }
.import-desks-dropdown .ember-power-select-placeholder {
    opacity: 0.2;
  }
.rules-configure-alerts label {
    font-size: var(--fontSize-smaller);
    font-weight: var(--fontWeight-bold);
  }
.rule-row {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.rule-row .rule-action-items {
    visibility: hidden;
  }
.rule-row:hover .rule-action-items {
      visibility: visible;
    }
.rule-row:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }
.rule-row .btn,
  .rule-row .icon-trash,
  .rule-row .icon-pencil {
    transition: none;
  }
.ember-modal-dialog.ember-modal-dialog--document-preview {
  max-width: 95vw;
  width: 1372px;
  max-height: 90vh;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
}
.ember-modal-dialog.ember-modal-dialog--unified-screeners {
  max-width: 1013px;
  width: 95vw;
  max-height: 96vh;
  border-radius: 8px;
  padding: 0;
}
/* `@responsive` on Ui::Classic::ModalDialog: full-bleed below sm, leaving desktop variants alone.*/
@media (max-width: 39.99em) {
  .ember-modal-dialog.ember-modal-dialog--responsive {
    width: 100vw;
    height: 100vh;
    height: 100dvh; /* visible viewport, so a dynamic toolbar cannot push the bottom bar off*/

    max-width: none;
    max-height: none;
    border-radius: 0;
    padding: 0;
  }

  /* Matches the addon's own centering selector so this wins on source order. Dropping the transform*/
  /* matters: it would otherwise be the containing block for the sticky bars' `position: fixed`.*/
  .ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog--responsive {
    top: 0;
    left: 0;
    transform: none;
  }
}
fieldset {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.tokenized-form {
  margin-left: calc(50px + 1rem);
}
/* Selects*/
/* ----------------------------------------------*/
select::-ms-expand {
  display: none;
}
/* Checkboxes*/
/* ----------------------------------------------*/
input[type='checkbox'] {
  cursor: pointer;
}
label.checkbox,
.label.checkbox {
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 22px;
}
label.checkbox.disabled,
.label.checkbox.disabled {
  pointer-events: none;
}
label.checkbox a,
.label.checkbox a {
  color: #3f4450;
  transition: all 0.2s;
}
label.checkbox a:hover, .label.checkbox a:hover {
    color: #3f4450;
  }
/* Toggle Switches*/
/* ----------------------------------------------*/
label.toggle,
label.toggle--tiny {
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 36px;
}
label.toggle:focus, label.toggle--tiny:focus {
    outline: none !important;
  }
/* Disabled toggles are non-interactive (the inner checkbox is :disabled with pointer-events:none),*/
/* so surface that on hover with the prohibited cursor rather than the default pointer.*/
label.toggle:has(input:disabled), label.toggle--tiny:has(input:disabled) {
    cursor: not-allowed;
  }
fieldset input[type='checkbox'] {
  width: auto;
}
.integration .toggle,
.integration .toggle--tiny {
  margin-bottom: 0;
}
.toggle input[type='checkbox'] + span, .toggle--tiny input[type='checkbox'] + span {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 30px;
    box-shadow: inset 0 0 0 16px #f6f6f9;
    cursor: pointer;
    height: 32px;
    position: relative;
    transition:
      border 0.25s ease-in-out,
      box-shadow 0.25s ease-in-out,
      padding 0.25s ease-in-out;
    width: 60px;
    vertical-align: top;
    border: none;
    display: block;
    margin: 3px;
  }
.toggle input[type='checkbox'] + span::after, .toggle--tiny input[type='checkbox'] + span::after {
      background-color: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32);
      border-radius: 12px;
      content: '';
      display: block;
      box-sizing: border-box;
      height: 24px;
      left: 4px;
      position: absolute;
      right: 32px;
      top: 4px;
      transition:
        border 0.25s ease-in-out,
        left 0.15s ease-in-out,
        right 0.15s ease-in-out;
    }
.toggle input[type='checkbox']:checked + span, .toggle--tiny input[type='checkbox']:checked + span {
    border-color: #018940;
    box-shadow: inset 0 0 0 16px #018940;
    transition:
      border 0.25s ease-in-out,
      box-shadow 0.15s ease-in-out,
      padding 0.25s ease-in-out;
  }
.toggle input[type='checkbox']:checked + span::after, .toggle--tiny input[type='checkbox']:checked + span::after {
      border-color: #018940;
      left: 32px;
      right: 4px;
      transition:
        border 0.25s ease-in-out,
        left 0.25s ease-in-out,
        right 0.25s ease-in-out;
    }
.toggle input[type='checkbox'], .toggle--tiny input[type='checkbox'] {
    display: none;
  }
.toggle input[type='checkbox']:disabled + span, .toggle--tiny input[type='checkbox']:disabled + span {
    opacity: 0.5;
    pointer-events: none;
  }
.toggle input[type='checkbox']:focus, .toggle--tiny input[type='checkbox']:focus {
    outline: none !important;
  }
/* toggle checkbox*/
.toggle--tiny {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: -5px;
}
.toggle--tiny input[type='checkbox'] + span {
    border-radius: 10px;
    height: 20px;
    width: 32px;
    margin: 1px 3px 0 0;
  }
.toggle--tiny input[type='checkbox'] + span::after {
      border-radius: 20px;
      height: 16px;
      width: 16px;
      right: 14px;
      left: 2px;
      top: 2px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
    }
.toggle--tiny input[type='checkbox']:checked + span::after {
      left: 14px;
      right: 2px;
    }
/* Code Input*/
/* ----------------------------------------------*/
input.code {
  font-family: monospace;
  font-size: var(--fontSize-base) !important;
}
code,
pre {
  color: #3f4450;
  background: #f6f6f9;
  border: 1px solid #ebebf0;
  display: inline-block;
  max-width: 100%;
  padding: 0 4px;
  border-radius: var(--border-radius-base);
}
/* Input Placeholders*/
/* ----------------------------------------------*/
::-moz-placeholder {
  font-weight: var(--fontWeight-medium);
  color: #c9cbd4;
  letter-spacing: initial;
}
::placeholder {
  font-weight: var(--fontWeight-medium);
  color: #c9cbd4;
  letter-spacing: initial;
}
/* Inputs*/
/* ----------------------------------------------*/
input[type='text'],
input[type='tel'],
input[type='email'],
input[type='password'],
input[type='url'],
input[type='number'],
select,
textarea,
.input,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror {
  background: #fff;
  background-size: 20px;
  background-position: right -10px center;
  width: 100%;
  border: 1px solid #c9cbd4;
  border-radius: var(--border-radius-base);
  color: #3f4450;
  font-weight: var(--fontWeight-medium);
  outline: none;
  padding: 9px 8px 7px;
  margin-bottom: 20px;
  display: block;
  transition: all 0.2s;
  cursor: text;
  position: relative;
  height: 40px;
  box-sizing: border-box;
}
input[type='text'].small, input[type='tel'].small, input[type='email'].small, input[type='password'].small, input[type='url'].small, input[type='number'].small, select.small, textarea.small, .input.small, .custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.small {
    font-size: inherit !important;
    margin-bottom: 0;
    padding: 0.24em 0.33em 0.2em;
    height: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
input[type='text'].unset-global-border,
  input[type='text'] .unset-global-border:hover,
  input[type='tel'].unset-global-border,
  input[type='tel'] .unset-global-border:hover,
  input[type='email'].unset-global-border,
  input[type='email'] .unset-global-border:hover,
  input[type='password'].unset-global-border,
  input[type='password'] .unset-global-border:hover,
  input[type='url'].unset-global-border,
  input[type='url'] .unset-global-border:hover,
  input[type='number'].unset-global-border,
  input[type='number'] .unset-global-border:hover,
  select.unset-global-border,
  select .unset-global-border:hover,
  textarea.unset-global-border,
  textarea .unset-global-border:hover,
  .input.unset-global-border,
  .input .unset-global-border:hover,
  .custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.unset-global-border,
  .custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror .unset-global-border:hover {
    border: unset;
  }
input[type='text'].unset-global-margin, input[type='tel'].unset-global-margin, input[type='email'].unset-global-margin, input[type='password'].unset-global-margin, input[type='url'].unset-global-margin, input[type='number'].unset-global-margin, select.unset-global-margin, textarea.unset-global-margin, .input.unset-global-margin, .custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.unset-global-margin {
    margin-bottom: unset;
  }
.input,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror {
  line-height: 1;
  padding-top: 9px;
}
a.input,
.custom-host-notifications .ProseMirror-menubar-wrapper a.ProseMirror {
  cursor: pointer;
}
input[type='text']:hover,
input[type='tel']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='url']:hover,
select:hover,
.input:hover,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror:hover {
  border: 1px solid #8a8f9e;
  text-decoration: none;
}
input[type='text']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='url']:focus,
textarea:focus,
.focused-input {
  border: 1px solid #6161ff;
  box-shadow:
    0 0 0 1px #6161ff,
    0 1px 4px rgba(97, 97, 255, 0.16);
}
input[type='text']:disabled,
input[type='tel']:disabled,
input[type='number']:disabled,
input[type='email']:disabled,
input[type='password']:disabled,
input[type='url']:disabled,
input[type='search']:disabled,
input.readonly,
textarea[readonly],
select:disabled,
textarea:disabled,
input.disabled,
.input.disabled,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.disabled {
  background: #f6f6f9;
  border-color: #ebebf0;
  cursor: default;
}
input[type='search']:disabled::-webkit-search-cancel-button {
  background-image: none;
}
input[type='text']:disabled:hover,
input[type='tel']:disabled:hover,
input[type='email']:disabled:hover,
input[type='password']:disabled:hover,
input[type='url']:disabled:hover,
input.readonly:hover,
input.readonly:focus,
textarea[readonly]:hover,
textarea[readonly]:focus,
select:disabled:hover,
textarea:disabled:hover,
input.disabled:hover,
.input.disabled:hover,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.disabled:hover {
  border: 1px solid #ebebf0;
  box-shadow: none;
  cursor: default;
}
.input.immutable:hover,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.immutable:hover {
  border: 1px solid #c9cbd4;
  cursor: default;
}
.input.flex,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.flex {
  display: flex;
}
a.input.disabled,
.custom-host-notifications .ProseMirror-menubar-wrapper a.ProseMirror.disabled {
  color: #717684;
}
a.input.disabled:hover, .custom-host-notifications .ProseMirror-menubar-wrapper a.ProseMirror.disabled:hover {
    cursor: pointer;
    color: #e91c1c;
  }
input[type='number'].inline {
  display: inline;
  margin: auto;
}
input[type='number'].inline:disabled {
    opacity: 0.5;
  }
input[type='password'] {
  letter-spacing: 2px;
}
select {
  outline: none;
  background: #fff
    url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGQ9Ik0wIDBoMTJsLTYgNi02LTZ6IiBmaWxsPSIjNDU0NzREIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIi8+PC9zdmc+')
    no-repeat right 10px center;
  background-size: 10px 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
select:focus {
    border: 1px solid #6161ff;
    box-shadow:
      0 0 0 1px #6161ff,
      0 1px 4px rgba(97, 97, 255, 0.16);
  }
select.error {
    border: 1px solid #c25700;
    box-shadow:
      0 0 0 1px #c25700,
      0 1px 4px rgba(194, 87, 0, 0.16);
  }
select.small {
    font-size: inherit;
    margin-bottom: 0;
    padding: 0.3em 26px 0.14em 0.5em;
    height: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
textarea {
  min-height: 6em;
}
textarea.short {
    min-height: 36px;
  }
button {
  /* removes the default margin*/
  margin: 0;
}
input[type='submit'],
input[type='button'],
button {
  cursor: pointer;
}
input[type='submit']:disabled,
input[type='button']:disabled,
button[disabled='disabled'],
button:disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
input[type='search'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 50px;
  width: 100%;
  max-width: 320px;
  border-radius: 20px;
  padding: 9px 8px 7px;
}
@media only screen and (max-width: 30rem) {
input[type='search'] {
    min-width: 0;
    width: 100%
}
  }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}
.no-margin,
.no-margin input {
  margin-bottom: 0 !important;
}
/* Input Labels*/
/* ----------------------------------------------*/
label:not(.label-reset),
.label {
  font-size: var(--fontSize-small);
  color: #717684;
  font-weight: var(--fontWeight-medium);
  cursor: pointer;
}
/* adding the class !text-carbon-40 to a label doesnt override*/
/* the colour without this line*/
label.text-carbon-40 {
  color: #8a8f9e;
}
.label.requiredField .ember-view.liquid-child::after, label.requiredField .ember-view.liquid-child::after, label.requiredField::after, span.requiredField::after {
    display: inline;
    content: '\2022';
    color: #e91c1c;
  }
label.label--radio {
  padding-left: var(--spacer-smaller);
  font-family: var(--fontFamily-brand);
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-regular);
  text-transform: none;
}
label.label--radio:first-of-type {
  padding-left: 0;
}
.bottom-error {
  margin-top: -15px;
  font-size: 12px;
  color: #a84f00;
  margin-bottom: 5px;
  height: 16px;
}
/* Error Handling*/
/* ----------------------------------------------*/
input.error,
textarea.error,
[data-test-super-text-editor].error .ProseMirror {
  border: 1px solid #c25700 !important;
  box-shadow: 0 0 0 1px #c25700;
}
input.error:hover, textarea.error:hover, [data-test-super-text-editor].error .ProseMirror:hover {
    border-color: #c25700;
  }
input.error:focus, textarea.error:focus, [data-test-super-text-editor].error .ProseMirror:focus {
    border: 1px solid #c25700;
    box-shadow:
      0 0 0 1px #c25700,
      0 1px 4px rgba(194, 87, 0, 0.16);
  }
input.error::-moz-placeholder, textarea.error::-moz-placeholder, [data-test-super-text-editor].error .ProseMirror::-moz-placeholder {
    font-weight: var(--fontWeight-medium);
    color: #c9cbd4;
  }
input.error::placeholder, textarea.error::placeholder, [data-test-super-text-editor].error .ProseMirror::placeholder {
    font-weight: var(--fontWeight-medium);
    color: #c9cbd4;
  }
.error-description,
.error-description label {
  color: #e91c1c;
}
/* File uploader*/
/* ----------------------------------------------*/
.uploadButton {
  position: relative;
  cursor: pointer;
}
.uploadButton.csvParse input {
      width: 100%;
    }
.uploadButton input {
    top: 0;
    left: 0;
    width: 94px;
    height: 100%;
    position: absolute;
    margin: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
  }
@media only screen and (max-width: 30rem) {
.uploadButton input {
      width: 100%
  }
    }
.uploadCsvButton {
  position: relative;
  cursor: pointer;
}
.uploadCsvButton input {
    top: 0;
    left: 0;
    width: 94px;
    height: 100%;
    position: absolute;
    margin: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
  }
.powerSelectButton {
  position: relative;
  cursor: pointer;
}
.powerSelectButton.csvParse input {
      width: 100%;
    }
.powerSelectButton input {
    top: 0;
    left: 0;
    width: 94px;
    height: 100%;
    position: absolute;
    margin: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
  }
@media only screen and (max-width: 30rem) {
.powerSelectButton input {
      width: 100%
  }
    }
.uploadButton input:hover + .btn {
  cursor: pointer;
  background: #fa4338;
  color: #fff;
}
.uploadButton input:active + .btn {
  cursor: pointer;
  background: #a00c1f;
  color: #fff;
}
.uploadButton input:focus + .btn {
  cursor: pointer;
  outline: none;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3px rgba(233, 28, 28, 0.5);
  background-color: #e91c1c;
  color: #fff;
}
/* Accent color picker*/
/* ----------------------------------------------*/
.accentColor-wrapper {
  margin-bottom: var(--spacer-base);
}
.accentColor {
  height: 50px;
  width: 200px;
  margin-bottom: 10px;
  border-radius: var(--border-radius-smaller);
  display: inline-block;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: var(--fontSize-small);
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  text-shadow: 0 1px 2px #000;
}
@media only screen and (max-width: 30rem) {
.accentColor {
    display: block;
    margin: 0 auto;
    width: 100%
}
  }
.accentColor-right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 220px);
  margin-left: 10px;
}
@media only screen and (max-width: 30rem) {
.accentColor-right {
    display: block;
    width: 100%;
    margin: var(--spacer-smaller) 0 0
}
  }
/* Credit Cards*/
/* ----------------------------------------------*/
.card {
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url('images/cards.png') no-repeat;
  background-size: 309px 20px;
  background-position: -279px 0;
}
.card.inline {
  top: 30px;
  position: absolute;
  left: -3px;
}
.card.amex {
  background-position: -31px 0;
  opacity: 1 !important;
}
.card.discover {
  background-position: -62px 0;
  opacity: 1 !important;
}
.card.visa {
  background-position: -93px 0;
  opacity: 1 !important;
}
.card.mastercard {
  background-position: -124px 0;
  opacity: 1 !important;
}
.card.maestro {
  background-position: -155px 0;
  opacity: 1 !important;
}
.card.dinersclub {
  background-position: -186px 0;
  opacity: 1 !important;
}
.card.applepay {
  background-position: -217px 0;
  opacity: 1 !important;
}
.card.bitcoin {
  background-position: -248px 0;
  opacity: 1 !important;
}
fieldset .googleMap {
  width: 100%;
  height: 270px;
  margin: 0;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  pointer-events: none;
  cursor: default;
  box-sizing: border-box;
  transition: opacity 0.4s;
}
@media only screen and (max-width: 30rem) {
fieldset .googleMap {
    display: none
}
  }
fieldset .googleMap .mapCanvas {
    border-radius: var(--border-radius-base);
    overflow: hidden;
  }
.action-bar .ember-power-select-trigger {
    font-size: 14px;
    margin-bottom: 0;
    min-height: 0;
    height: 36px;
    padding: 0;
  }
.action-bar .ember-power-select-trigger .icon-plus {
      margin: 0 0 -3px 0;
    }
.ember-power-select-trigger.error {
    border: 1px solid #c25700;
    box-shadow:
      0 0 0 1px #c25700,
      0 1px 4px rgba(194, 87, 0, 0.16);
  }
fieldset .googleMap.isEditing {
  opacity: 0.25;
}
.googleMapPlaceholder {
  width: 100%;
  height: 270px;
  margin: 0;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  pointer-events: none;
  cursor: default;
  box-sizing: border-box;
  background-color: rgba(235, 235, 240, 0.25);
  box-shadow:
    0 0 8px #ebebf0 inset,
    0 0 0 1px #ebebf0;
}
@media only screen and (max-width: 30rem) {
.googleMapPlaceholder {
    display: none
}
  }
/* hides `X` from infoWindow*/
.locations-map-canvas button[title='Close'] {
    display: none !important;
  }
.locations-map-canvas .gm-style-cc,
  .locations-map-canvas .gmnoprint a,
  .locations-map-canvas .gmnoprint span {
    display: none;
  }
.locations-map-canvas .gmnoprint div {
    background: none !important;
  }
.locations-map-canvas #GMapsID div div a div img {
    display: none;
  }
.button {
  margin-top: 30px;
}
#box-select {
  margin-bottom: 30px;
}
/* Color picker*/
/* ---------------------------------------------------*/
.colpick_hex_field input[type='text'] {
  border: none;
  padding: 0 0 0 24px;
  font-family: monospace;
  box-shadow: none;
  font-size: 16px;
  background: transparent;
}
/* Ember Power select*/
/* ----------------------------------------------------*/
.ember-power-select-wrapper {
  display: block !important;
}
.ember-power-select-wrapper .ember-view {
    display: block !important;
  }
.ember-power-select-group:first-of-type {
    padding-top: 6px;
  }
.ember-power-select-group .ember-power-select-group-name {
    font-size: 0.875rem;
    color: #717684;
  }
.ember-power-select-frameless .ember-power-select-trigger,
.ember-power-select-frameless .ember-power-select-trigger[aria-expanded='true'] {
  background-color: transparent;
  color: #717684;
}
.ember-power-select-trigger {
  font-size: var(--fontSize-base);
  color: #3f4450;
  border: 1px solid #c9cbd4;
  border-radius: var(--border-radius-base);
  font-weight: var(--fontWeight-medium);
  display: block;
  transition:
    border 0.2s,
    box-shadow 0.2s;
  cursor: pointer;
  position: relative;
  outline: none;
  background-image: url('images/arrow-single.svg');
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-position: center right 8px !important;
  padding: 12px 24px 10px 8px;
  line-height: 1;
  box-sizing: border-box;
  margin-bottom: 20px;
  min-height: 40px;
}
.ember-power-select-trigger:hover {
    border: 1px solid #8a8f9e;
    text-decoration: none;
  }
.ember-power-select-trigger:focus,
  .ember-power-select-trigger:focus:hover,
  .ember-power-select-trigger.ember-power-select-trigger--active {
    border: 1px solid #6161ff;
    box-shadow:
      0 0 0 1px #6161ff,
      0 1px 4px rgba(97, 97, 255, 0.16);
  }
.ember-power-select-trigger.text-red-50 {
    border: none;
    box-shadow: 0 0 0 1px rgba(233, 28, 28, 0.5) inset;
    transition: all 0.2s;
    background-image: url('images/arrow-single-red.svg');
    background-position: center right;
    background-repeat: no-repeat;
  }
.ember-power-select-trigger.text-red-50 .ember-power-select-placeholder {
      color: #e91c1c;
    }
.ember-power-select-trigger.text-red-50:hover,
    .ember-power-select-trigger.text-red-50.ember-power-select-trigger--active {
      border: none;
      background-image: url('images/arrow-single-white.svg');
      background-position: center right;
      background-repeat: no-repeat;
      background-color: #e91c1c;
    }
.ember-power-select-trigger.text-red-50:hover .ember-power-select-placeholder, .ember-power-select-trigger.text-red-50.ember-power-select-trigger--active .ember-power-select-placeholder {
        color: #fff;
      }
.ember-power-select-trigger .ember-power-select-clear-btn {
    font-size: 24px;
    color: #a4a9b6;
    top: 8px;
    right: 26px;
    transition: color 0.2s;
  }
.ember-power-select-trigger .ember-power-select-clear-btn:hover {
      color: #e91c1c;
    }
.ember-power-select-multiple-trigger {
  padding: 1px 24px 1px 0;
}
.ember-power-select-multiple-trigger .ember-power-select-placeholder {
    padding-left: 6px;
    margin-top: 2px;
  }
.mb-0 .ember-power-select-trigger {
  margin-bottom: 0;
}
.table-cell .ember-power-select-trigger {
  margin-bottom: 0;
}
.flow-selection-index {
  min-width: 170px !important;
}
.visitor-filter-select .ember-power-select-trigger,
.pre-registered-filter-select .ember-power-select-trigger {
  border: 1px solid #c9cbd4;
}
.visitor-filter-select .ember-power-select-trigger:hover, .pre-registered-filter-select .ember-power-select-trigger:hover {
    border: 1px solid #8a8f9e;
  }
.ember-basic-dropdown--opened .ember-power-select-trigger {
  border: 1px solid #8a8f9e;
  text-decoration: none;
}
.ember-power-select-status-icon {
  display: none !important;
}
.ember-power-select-trigger[aria-expanded='true'] {
  border: 1px solid #6161ff;
  background: url('images/arrow-single.svg') no-repeat;
  background-size: 10px 6px;
}
.ember-power-select-multiple-options {
  line-height: 34px;
}
.visitorsTable .ember-power-select-trigger {
  background-color: rgba(255, 255, 255, 0.5) !important;
  max-width: 25vw !important;
  display: inline-block !important;
}
@media only screen and (max-width: 80rem) {
.visitorsTable .ember-power-select-trigger {
    max-width: 200px !important;
    overflow-y: hidden
}
  }
.ember-power-select-search {
  background: #f6f6f9;
  border-bottom: 1px solid #ebebf0;
}
.ember-power-select-search input[type='search'] {
  min-width: 0;
  outline: none;
  background-color: #fff !important;
  font-size: var(--fontSize-base);
  width: calc(100% - 8px);
  margin: 4px;
  max-width: 100%;
  border: 1px solid #c9cbd4;
  border-radius: 32px;
  padding: 2px 2px 2px 28px;
  display: block;
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
}
.ember-power-select-search input[type='search']:hover {
    border: 1px solid #8a8f9e;
    text-decoration: none;
  }
.ember-power-select-search input[type='search']:focus {
    border: 1px solid #6161ff;
    box-shadow:
      0 0 0 1px #6161ff,
      0 1px 4px rgba(97, 97, 255, 0.16);
  }
.ember-power-select-dropdown {
  border: 1px solid #c9cbd4 !important;
  margin-top: 2px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  border-radius: var(--border-radius-base);
  min-width: 120px;
}
.ember-power-select-dropdown.in-modal {
    z-index: 999999999;
  }
.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--above,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-radius: var(--border-radius-base);
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded='true'],
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded='true'],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded='true'] {
  border-radius: var(--border-radius-base);
}
.ember-power-select-option {
  padding: 8px;
}
/* Scoped to dropdown rows only — does NOT match PowerSelectMultiple's*/
/* chip trigger (.ember-power-select-multiple-option), so saved-but-ineligible*/
/* chips stay content-sized inline.*/
.ember-power-select-option .mpb-ineligible-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.powerSelect-small {
  line-height: 0;
}
.powerSelect-small .ember-power-select-clear-btn,
.powerSelect-small.ember-power-select-clear-btn {
  top: 2px;
}
.powerSelect-small .ember-power-select-trigger,
.powerSelect-small.ember-power-select-trigger {
  background-size: 8px 5px;
  padding: 6px 17px 6px 6px;
  background-position: right 5px center !important;
  line-height: 1;
  min-height: 22px !important;
  margin: 0;
  border: 1px solid #c9cbd4;
}
.powerSelect-small .ember-power-select-trigger:hover, .powerSelect-small.ember-power-select-trigger:hover {
    border: 1px solid #8a8f9e;
  }
.visitorsTable .powerSelect-small .ember-power-select-trigger,
  .visitorsTable .powerSelect-small.ember-power-select-trigger {
    border: 1px solid #fff;
  }
.visitorsTable .powerSelect-small .ember-power-select-trigger:hover, .visitorsTable .powerSelect-small.ember-power-select-trigger:hover {
      border: 1px solid #8a8f9e;
    }
.ember-power-select-selected-item {
  margin-left: 0;
}
.powerSelect-small,
.powerSelect-small .ember-power-select-trigger,
.powerSelect-small .ember-power-select-search input[type='search'] {
  font-size: 0.875rem !important;
}
.ember-power-select-options .ember-power-select-option {
    transition: all 0.1s;
  }
.ember-power-select-options .ember-power-select-option:hover,
    .ember-power-select-options .ember-power-select-option.ember-power-select-option.highlighted {
      color: #6161ff;
      background-color: #f0f4ff;
    }
.ember-power-select-options .ember-power-select-option.ember-power-select-option.selected {
    background-color: #fff;
    color: inherit;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGQ9Ik0zLjEzNSA2LjcyNmMuMzgzLjM2NS45NzUuMzY1IDEuMzU5IDBsNS4xODYtNC45NDFjLjQwNS0uMzg2LjQzLTEuMDM3LjA1NS0xLjQ1NS0uMzc1LS40MTctMS4wMDgtLjQ0Mi0xLjQxMy0uMDU2bC00LjUwNCA0LjI5Ni0yLjEzNy0yLjAzNmMtLjQwNS0uMzg2LTEuMDM4LS4zNjEtMS40MTMuMDU2cy0uMzUxIDEuMDY5LjA1NSAxLjQ1NWwyLjgxNCAyLjY4MnoiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGZpbGw9IiM0OTkwRTIiLz48L3N2Zz4=');
    background-size: 10px 7px;
    background-position: 8px center;
    background-repeat: no-repeat;
  }
.ember-power-select-options .ember-power-select-option.ember-power-select-option.selected:hover,
    .ember-power-select-options .ember-power-select-option.ember-power-select-option.selected.ember-power-select-option.highlighted {
      color: #6161ff;
      background-color: #f0f4ff;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGQ9Ik0zLjEzNSA2LjcyNmMuMzgzLjM2NS45NzUuMzY1IDEuMzU5IDBsNS4xODYtNC45NDFjLjQwNS0uMzg2LjQzLTEuMDM3LjA1NS0xLjQ1NS0uMzc1LS40MTctMS4wMDgtLjQ0Mi0xLjQxMy0uMDU2bC00LjUwNCA0LjI5Ni0yLjEzNy0yLjAzNmMtLjQwNS0uMzg2LTEuMDM4LS4zNjEtMS40MTMuMDU2cy0uMzUxIDEuMDY5LjA1NSAxLjQ1NWwyLjgxNCAyLjY4MnoiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');
    }
.ember-power-select-options:not(.ember-power-select-options--nested) {
  max-height: 20em;
}
.ember-power-select-options:not(.ember-power-select-options--nested) ul[role='group'] {
    max-height: initial;
  }
.max-h-fit .ember-power-select-options:not(.ember-power-select-options--nested) {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
.not-default-filter-selected {
  border: 1px solid #6161ff !important;
  background-image: url('images/filter.svg') !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-color: #6161ff !important;
  background-size: 12px 7px !important;
  color: #fff !important;
}
.not-default-filter-selected[aria-expanded='true'] {
    background-image: url('images/filter.svg') !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-color: #6161ff !important;
    background-size: 12px 7px !important;
  }
/* Power Select dropdown styled like radio buttons (single select)*/
/* TODO: deprecate in favor of semantic radio buttons*/
.powerSelect-radio {
  min-width: 200px;
}
.powerSelect-radio li {
    padding-left: 24px !important;
    background-image: url('images/powerSelect-radio/deselected.svg');
    background-size: 12px;
    background-position: 6px center;
    background-repeat: no-repeat;
    transition: all 0.1s;
  }
.powerSelect-radio li:hover,
    .powerSelect-radio li.ember-power-select-option[aria-current='true'] {
      color: #6161ff;
      background-color: #f0f4ff;
    }
.powerSelect-radio li.ember-power-select-option[aria-selected='true'] {
    background-color: #fff;
    background-image: url('images/powerSelect-radio/selected.svg');
    background-size: 12px;
    background-position: 6px center;
    background-repeat: no-repeat;
    transition: all 0.1s;
    color: inherit;
  }
.powerSelect-radio li.ember-power-select-option[aria-selected='true']:hover,
    .powerSelect-radio li.ember-power-select-option[aria-selected='true'].ember-power-select-option[aria-current='true'] {
      color: #6161ff;
      background-color: #f0f4ff;
    }
/* Faux radio button, use with semantic radio inputs*/
/* ---------------------------------------------------*/
/* Example solution: https://codepen.io/TheBlackWolf_ini/pen/eBWmrw*/
label.radio-button {
  position: relative;
  display: block;
  height: 2.4rem;
  width: 100%;
}
label.radio-button:hover,
  label.radio-button.is-checked {
    color: #e91c1c;
    background-color: rgba(250, 67, 56, 0.075);
  }
label.radio-button input[type='radio'] {
    position: absolute;
    margin: 0.9rem 0.4rem;
    padding: 0;

    /* for mobile accessibility (iOS Label Bug) */
    visibility: hidden;
  }
label.radio-button .label-visible {
    display: block;
    padding-top: 0.5rem;
    padding-right: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.5rem;
  }
.faux-radio-button {
  position: absolute;
  display: block;
  top: 14px;
  left: 7px;
  width: 12px;
  height: 12px;
  border: 1px solid slategrey;
  background-color: transparent;
  border-radius: 50%;
}
.faux-radio-button::after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: black;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
  }
input[type='radio']:checked + span .faux-radio-button::after {
  display: block;
}
/* Borrowed from ember-power-select drop down*/
.faux-dropdown {
  border: 1px solid #c9cbd4 !important;
  margin-top: 2px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  min-width: 120px;
  line-height: 1.75;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  color: inherit;
  left: 0;
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
  box-sizing: border-box;
}
.ember-power-select-option[aria-current='true'] {
  color: #6161ff;
  background-color: rgba(240, 244, 255, 0.75);
}
/* Power Select multiple selection*/
.ember-power-select-trigger-multiple-input {
  padding: 2px 0 0 6px !important;
  min-width: 0 !important;
  border-radius: 0 !important;
}
.ember-power-select-trigger-multiple-input::-webkit-search-decoration,
  .ember-power-select-trigger-multiple-input::-webkit-search-cancel-button,
  .ember-power-select-trigger-multiple-input::-webkit-search-results-button,
  .ember-power-select-trigger-multiple-input::-webkit-search-results-decoration {
    display: none;
  }
.ember-power-select-trigger-multiple-input::-moz-placeholder {
    color: #8a8f9e;
  }
.ember-power-select-trigger-multiple-input::placeholder {
    color: #8a8f9e;
  }
.ember-power-select-multiple-option {
  border: none;
  border-radius: var(--border-radius-base);
  color: #3f4450;
  background: #f6f6f9;
  padding: 2px 6px;
  transition: background 0.2s;
  margin: 4px 0 2px 4px;
}
.ember-power-select-multiple-option:hover {
    /* carbon.10 at 4% less HSL lightness */
    background: #dfdfe7;
  }
.ember-power-select-multiple-remove-btn {
  color: #717684;
  transition: color 0.1s;
  font-size: 24px;
  line-height: 1;
  vertical-align: -2px;
}
.ember-power-select-multiple-remove-btn:hover {
    color: #3f4450;
  }
.ember-power-select-option[aria-selected='true'] {
  color: #6161ff;
  /* gem.5 at 4% less HSL lightness */
  background: #dce5ff;
}
.ember-power-select-option[aria-selected='true']:hover {
    background: #dce5ff;
  }
.ember-power-select-option--search-message,
.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message {
  cursor: default !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #717684;
}
.ember-power-select-option--search-message:hover, .ember-power-select-option--no-matches-message:hover, .ember-power-select-option--loading-message:hover {
    background: #fff !important;
    color: #717684 !important;
  }
.ember-power-select.disabled .ember-power-select-trigger-multiple-input:disabled {
    background: transparent;
  }
.ember-power-select.disabled .ember-power-select-multiple-option {
  border-width: 1px;
}
@media print {

  .ember-power-select.disabled .ember-power-select-multiple-option {
    border-color: #717684;
  }
}
.ember-power-select.disabled .ember-power-select-multiple-option {

    background-color: #fff;
  }
.ember-power-select.disabled .ember-power-select-trigger,
.ember-power-select-trigger[aria-disabled='true'] {
  background-color: #f6f6f9;
  border: 1px solid #e9e9ea !important; /* styles default and prevents hover */
  cursor: default;
}
.ember-power-select-placeholder {
  margin-left: 0;
  color: #8a8f9e;
}
.powerSelect--visitor-types.ember-power-select-trigger, .powerSelect--delivery-areas.ember-power-select-trigger {
    border: none;
    display: inline-block;
    font-size: inherit;
    font-weight: var(--fontWeight-bold);
    margin-bottom: -10px;
  }
.powerSelectDropdown--visitor-types .ember-power-select-option[aria-selected='false'] span.font-normal, .powerSelectDropdown--delivery-areas .ember-power-select-option[aria-selected='false'] span.font-normal {
      display: none !important;
    }
.powerSelectDropdown--access-event-log-time-picker {
  z-index: 10001;
}
.host-approval {
  border-bottom: 1px solid rgba(201, 202, 205, 0.6) !important;
}
.ember-power-select-with-blank-option .ember-power-select-option {
    height: 40px;
  }
.inline-input-editor {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.inline-input-editor:hover .inline-input-editor__icon, .inline-input-editor--is-editing .inline-input-editor__icon {
    visibility: hidden;
  }
.step-indicator {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  height: 8px;
}
.step-indicator__fill {
  height: 100%;
  margin-right: -4px;
  padding-right: 4px;
  border-radius: 8px;
  background-color: #ebebf0;
}
.step-indicator:last-child .step-indicator__fill {
  margin-right: 4px;
}
.step-indicator--active .step-indicator__fill,
.step-indicator--completed .step-indicator__fill {
  background-color: #018940;
}
.step-indicator__dot {
  box-sizing: border-box;
  position: absolute;
  border-radius: 8px;
  z-index: 1;
  height: 8px;
  width: 8px;
  background-color: #fff;
  top: 0;
  right: -4px;
  border: 1px solid #ebebf0;
}
.step-indicator:last-child .step-indicator__dot {
  right: 0;
}
.step-indicator--active .step-indicator__dot {
  border: 1px solid #018940;
}
.step-indicator--completed .step-indicator__dot {
  background-color: #018940;
  border-color: #018940;
}
:root {
  --sidebar-width: 255px;
  --curve: cubic-bezier(0.65, 0, 0.45, 1);
  --offset: 187;
  --duration: 1.4s;
}
.shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
html,
body {
  min-height: 100vh;
}
.bodyContainer {
  max-width: 100em;
  min-width: 60em;
  min-height: 0; /* make flexbox auto scrolling work in firefox*/
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
}
.contentContainer {
  min-width: 600px;
}
.colpick_hex_field input {
  width: 85px;
}
header[role='banner'] {
  min-height: 0; /* make flexbox auto scrolling work in firefox*/
  position: sticky;
  top: 0;
  z-index: 40; /* because sticky creates a new stacking context*/
  width: var(--sidebar-width);
}
main[role='main'] {
  width: calc(100% - var(--sidebar-width));
  position: relative;
}
/* When the sidebar is hidden (e.g. garaje rendered inside the carapace*/
/* shell with the `hide-sidebar-in-shell` flag on), reclaim the 255px*/
/* gutter so main fills the bodyContainer. This holds whether or not we are*/
/* also reserving the SHELL's gutter, because that one is reserved outside*/
/* .bodyContainer's content box (see its border-left below) — so from main's*/
/* point of view there is simply no sidebar to leave room for either way.*/
main[role='main'].main-full-width {
    width: 100%;
  }
/* Hold open the strip the carapace shell's sidebar covers, for when the shell has*/
/* given this iframe the whole window rather than just its content pane (so our*/
/* modals centre on the window and their overlays span it).*/
/**/
/* A transparent BORDER, not a spacer element or padding, for two reasons:*/
/**/
/*  - `background-clip: padding-box` stops .bodyContainer's own carbon-5 from*/
/*    painting under it, so the strip is genuinely see-through. That matters*/
/*    because the shell lifts this whole frame ABOVE its sidebar while a modal is*/
/*    open: an opaque strip would blank the nav out, whereas a transparent one lets*/
/*    the nav show through, dimmed by our overlay, which is the intended look.*/
/*    html and body set no background of their own, so there is nothing else*/
/*    painting here.*/
/*  - it is inside `box-sizing: border-box`, so the total width is unchanged and*/
/*    .bodyContainer's `min-width: 60em` still measures the same box. Reserving*/
/*    with padding on <body> instead would shrink the containing block below that*/
/*    minimum at ~1024px and overflow the page sideways.*/
/**/
/* The width is published by the shell-bridge service from `?shellGutterLeft=` /*/
/* `shell:chrome`, so this side never hard-codes 255 and never decides for itself*/
/* when the shell's sidebar exists — the shell publishes 0 when it has hidden its*/
/* nav, and this collapses on its own. Falling back to 0 degrades to "reserved*/
/* nothing", which is the safe direction.*/
/* Scoped to `html.shell-full-bleed`, set by the shell-bridge service exactly when*/
/* it has told the shell we reserve the gutter — so none of this can affect garaje*/
/* standalone, or garaje inset inside an older shell.*/
/* Stop <body> painting the strip the border below reserves.*/
/**/
/* `background-clip` on .bodyContainer keeps ITS carbon-5 out of the border area,*/
/* but <body> carries `bg-carbon-5` too — and because <html> paints nothing,*/
/* <body>'s background PROPAGATES to this document's canvas and covers the whole*/
/* viewport, strip included. Measured in the shell: `rgb(246, 246, 249)`, which is*/
/* the exact carbon-5 carapace's own sidebar uses — so the strip renders as a flat*/
/* grey block the same colour as the nav, and the nav's icons and labels vanish*/
/* into it.*/
/**/
/* The page colour is not lost: .bodyContainer already declares carbon-5 and now*/
/* fills the viewport (below).*/
.shell-full-bleed body {
    background-color: transparent;
  }
/* Full-width elements that sit OUTSIDE .bodyContainer — the bossed-in and*/
/* workplace-trial banners in protected/template.hbs. <body>'s content box starts*/
/* at x=0, so as block-level siblings they span the strip .bodyContainer's border*/
/* reserves, and their backgrounds are opaque inline styles. With the frame lifted*/
/* above the shell's nav for a modal, they would cover the top 25-50px of it.*/
/**/
/* MARGIN, not padding: padding would still paint their background across the*/
/* strip, which is the whole thing we are avoiding.*/
.shell-full-bleed .shell-gutter-inset {
    margin-left: var(--shell-gutter-left, 0);
  }
.shell-full-bleed .bodyContainer {
    border-left: var(--shell-gutter-left, 0) solid transparent;
    background-clip: padding-box;

    /* Required now that <body> no longer paints behind this: measured at 1440x640*/
    /* inside a 900px-tall viewport, so without this the area below the content*/
    /* would show the shell's own white <body> through as a band.*/
    min-height: 100vh;

    /* Fill the frame. Normally .bodyContainer caps at 100em and centres itself*/
    /* with auto margins, which would put our reserved strip at the CONTAINER's*/
    /* left edge rather than the window's — 160px inside the shell's sidebar on a*/
    /* 1920px screen. The strip has to line up with the sidebar exactly: too far*/
    /* right and the transparent part extends past the nav, showing the shell's*/
    /* own background through a band of our page.*/
    max-width: none;
  }
/* Nothing to reserve on paper — the shell is not there.*/
@media print {
.shell-full-bleed .bodyContainer {
      border-left-width: 0
  }
    }
.desk-auto-generation-feature-announcement {
  display: inline-block;
  width: 750px;
  height: 300px;
  background-image: url('images/auto-desk-placement.gif');
  background-size: cover;
}
.logoHeader {
  width: 264px;
}
.logoHeader::after {
    content: '';
    width: 208px;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: -1rem;
    background: linear-gradient(#f6f6f9, rgba(246, 246, 249, 0.001));
    pointer-events: none;
    z-index: 10; /* otherwise the gradient doesn't show up due to absolute position*/
  }
.logoHeader a:focus,
  .logoHeader .ember-basic-dropdown-trigger:focus {
    outline: 1px solid #e91c1c; /* IE 11 / Edge fallback*/
    outline: auto;
    outline-color: #e91c1c;
  }
/* Nav Sidebar active link style*/
a[aria-current='page'],
a[aria-current='true'],
a[aria-selected='true'],
a.is-pending {
  color: #e91c1c;
  font-weight: 700;
}
/* While a maps-to-maps transition is in flight, suppress the old sub-link's*/
/* aria-current highlight so only the pending (target) link looks active.*/
ul.has-pending-maps-transition a[aria-current='page']:not(.is-pending) {
  color: #3f4450;
  font-weight: normal;
}
nav a,
.menu-trigger {
  color: #3f4450;
  transition: color 0.2s;
  cursor: pointer;
}
nav a.active,
  nav a:hover,
  .menu-trigger.active,
  .menu-trigger:hover {
    outline: none;
    color: #e91c1c;
    text-decoration: none;
  }
nav a:focus-visible, .menu-trigger:focus-visible {
    text-decoration: none;
    outline: auto;
    outline-color: #e91c1c;
  }
/* Horizontal Tabs*/
/* --------------------------------------------------*/
nav.tabs a,
nav.tabs button {
  color: #717684;
  transition-property: color, box-shadow;
}
nav.tabs a:hover,
  nav.tabs a:focus,
  nav.tabs button:hover,
  nav.tabs button:focus {
    color: #3f4450;
    box-shadow: inset 0 -0.125rem #c9cbd4;
    outline: none;
  }
nav.tabs a.active,
  nav.tabs a.active:hover,
  nav.tabs button.active,
  nav.tabs button.active:hover {
    color: #e91c1c;
    box-shadow: inset 0 -0.125rem #e91c1c;
  }
.new-product-cta {
  opacity: 0.6;
  transition: opacity 0s;
}
.new-product-cta.active,
  .new-product-cta:hover,
  .new-product-cta:focus {
    opacity: 1;
  }
@keyframes pulsedot {
  0% {
    top: 6px;
    left: 16px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  1% {
    opacity: 0.66;
  }

  25% {
    top: -4px;
    left: 6px;
    width: 20px;
    height: 20px;
    opacity: 0;
  }

  100% {
    top: 6px;
    left: 16px;
    width: 0;
    height: 0;
    opacity: 0;
  }
}
/* apply same hover styles to nav images as the links*/
.menu-trigger {
  transition: all 0.2s;
}
.menu-trigger path {
    transition: all 0.2s;
  }
.menu-trigger.active,
  .menu-trigger:hover,
  [role='button']:focus .menu-trigger {
    color: #e91c1c;
    cursor: pointer;
  }
.menu-trigger.active path, .menu-trigger:hover path, [role='button']:focus .menu-trigger path {
      fill: #e91c1c;
    }
#HW_badge_cont {
  font-size: 0 !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 0 !important;
  transition: all 0.2s !important;
  background: url('images/notification-bell.svg') transparent no-repeat center/16px;
  display: none !important;
}
#HW_badge_cont.HW_visible:hover {
      opacity: 0.6 !important;
    }
#HW_badge_cont.HW_visible {

    cursor: pointer;
    opacity: 1 !important;
    display: block !important;
}
#HW_badge {
  position: absolute !important;
  left: 7px !important;
  top: -8px !important;
  background: #ef3934 !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 16px !important;
  height: 16px !important;
  width: 16px !important;
}
.HW_animation {
  animation-duration: 0s !important;
}
#HW_frame_cont {
  box-shadow:
    0 0 30px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  transition: all 0.1s ease-out;
  margin-top: -12px !important;
}
#HW_frame_cont.HW_visible {
    box-shadow:
      0 0 30px rgba(0, 0, 0, 0.2),
      0 0 10px rgba(0, 0, 0, 0.1) !important;
    border-radius: 2px !important;
    margin-top: -20px !important;
  }
#HW_frame_peak {
  display: none !important;
}
/* pdf download button on billing receipts*/
.downloadPdf {
  display: inline-block;
  font-size: var(--fontSize-smaller);
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: var(--fontWeight-regular);
  padding: 4px 6px;
  line-height: 1;
  border-radius: var(--border-radius-smaller);
  background: #3f4450;
  margin-top: -2px;
  transition: all 0.2s;
  border: none;
}
.downloadPdf:hover,
  .downloadPdf:focus {
    color: #fff;
    background: #e91c1c;
    text-decoration: none;
  }
/* Main Site Subheader*/
/* --------------------------------------------------*/
.errorPage {
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  background: #3f4450;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  z-index: 10;
}
@media (max-height: 570px) {
.errorPage {
    margin: -30px 0;
    height: calc(100% + 30px)
}
  }
/* input["search"] box for searching content*/
.pageSearch {
  outline: none;
  padding-left: 30px !important;
  transition: all 0.2s;
  border-color: #c9cbd4;
}
.pageSearch:hover {
    border: 1px solid #8a8f9e;
  }
.pageSearch:focus {
    border: 1px solid #6161ff;
    box-shadow:
      0 0 0 1px #6161ff,
      0 1px 4px rgba(97, 97, 255, 0.16);
  }
.pageSearch::-webkit-search-cancel-button {
    position: relative;
    right: -5px;
    -webkit-appearance: none;
            appearance: none;
    height: 14px;
    width: 14px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhZGQtbG9jYXRpb24iIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPiAgICAgICAgICAgIDxnIGlkPSJzZWFyY2gtY2xvc2UiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywxNCBDMTAuODY1OTkzMiwxNCAxNCwxMC44NjU5OTMyIDE0LDcgQzE0LDMuMTM0MDA2NzUgMTAuODY1OTkzMiwwIDcsMCBDMy4xMzQwMDY3NSwwIDAsMy4xMzQwMDY3NSAwLDcgQzAsMTAuODY1OTkzMiAzLjEzNDAwNjc1LDE0IDcsMTQgWiIgaWQ9Ik92YWwtNzEiIGZpbGw9IiM5QjlCOUIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMzQ5NjYzMjksNi4zNDk2NjMyOSBMNi4zNDk2NjMyOSwyLjQzMjk5NjYyIEw3Ljg0OTY2MzI5LDIuNDMyOTk2NjIgTDcuODQ5NjYzMjksNi4zNDk2NjMyOSBMMTEuNzY2MzMsNi4zNDk2NjMyOSBMMTEuNzY2MzMsNy44NDk2NjMyOSBMNy44NDk2NjMyOSw3Ljg0OTY2MzI5IEw3Ljg0OTY2MzI5LDExLjc2NjMzIEw2LjM0OTY2MzI5LDExLjc2NjMzIEw2LjM0OTY2MzI5LDcuODQ5NjYzMjkgTDIuNDMyOTk2NjIsNy44NDk2NjMyOSBMMi40MzI5OTY2Miw2LjM0OTY2MzI5IEw2LjM0OTY2MzI5LDYuMzQ5NjYzMjkgWiIgaWQ9IlJlY3RhbmdsZS0xNyIgZmlsbD0iI0ZGRkZGRiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wOTk2NjMsIDcuMDk5NjYzKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wOTk2NjMsIC03LjA5OTY2MykgIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    opacity: 0.75;
  }
.pageSearch::-webkit-search-cancel-button:hover {
      opacity: 1;
    }
/* Overrides for side-bar location search*/
/* --------------------------------------------------*/
.side-bar-search .pageSearch {
    max-width: 350px;
  }
.side-bar-search .btn--clear-search {
    right: 30px;
  }
/* Overrides for blocklist-filter search*/
/* --------------------------------------------------*/
.blocklist-search .pageSearch {
    max-width: 350px;
  }
.blocklist-search .btn--clear-search {
    top: 30px;
    right: 20px;
  }
/* System Messages Bar*/
/* --------------------------------------------------*/
.messageBar {
  position: fixed;
  right: 1rem;
  transform: translateX(0);
  background: #fff;
  border-radius: var(--border-radius-base);
  z-index: 100000;
  padding: 1rem 3rem 1rem 1rem;
  max-width: 96vw;
  box-sizing: border-box;
  transition:
    transform 0.3s cubic-bezier(0.175, 0.885, 0.52, 1.275),
    opacity 0.2s linear;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.messageBar::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 1rem;
  bottom: 1rem;
  width: 0.25rem;
  border-radius: var(--border-radius-base);
}
.messageBar.aboveModalOverlay {
  z-index: 214748364; /* any lesser sigfig and it will not show in front of modal*/
}
.messageBar h4 {
  padding: 0;
  max-width: 50vw;
  font-size: 16px;
  font-weight: bold;
}
.messageBar h4::first-letter {
  text-transform: uppercase;
}
.messageBar p {
  max-width: 480px;
  font-size: 14px;
  color: #717684;
  margin-bottom: 0;
}
.messageBar p::first-letter {
  text-transform: uppercase;
}
.messageBar .dismiss {
  display: block;
  position: absolute;
  font-weight: 300;
  font-size: var(--fontSize-largest);
  opacity: 0.5;
  right: 1rem;
  line-height: 1;
  top: calc(50% - 16px);
  transition: all 0.2s;
}
.messageBar .dismiss:hover,
  .messageBar .dismiss:focus {
    cursor: pointer;
    opacity: 1;
  }
.messageBar.error {
  background: url('images/error-icon.svg') no-repeat 2rem center #fff;
  background-size: 24px;
  padding-left: 4.5rem;
}
.messageBar.error::before {
  background-color: #ff8f33;
}
.messageBar.desk-error {
  background: #f0f4ff url('images/desk-error-toast.svg') no-repeat 12px center;
  padding-left: 3rem;
}
.messageBar.success {
  background: url('images/circle-check.svg') no-repeat 2rem center #fff;
  background-size: 24px;
  padding-left: 4.5rem;
}
.messageBar.success::before {
  background-color: #21944e;
}
.messageBar.warning {
  background: url('images/error-icon.svg') no-repeat 2rem center #fff;
  background-size: 24px;
  padding-left: 4.5rem;
}
.messageBar.warning::before {
  background-color: #c25700;
}
.messageBar.info {
  background: url('images/circle-help.svg') no-repeat 2rem center #fff;
  background-size: 24px;
  padding-left: 4.5rem;
}
.messageBar.info::before {
  background-color: #6161ff;
}
.messageBar.hideFlash {
  visibility: hidden;
  pointer-events: none;
  transform: translateX(60%);
  opacity: 0;
  transition:
    transform 0.3s cubic-bezier(0.6, -0.08, 0.735, 0.045),
    opacity 0.3s linear,
    visibility 0s linear 0.3s;
}
.messageBar.showFlash {
  visibility: visible;
  opacity: 10;
}
.messageBar.static {
  max-width: 500px;
}
.messageBar.has-icon {
  background: #fff;
}
.messageBar.has-icon.warning .toast-icon {
    color: #c25700;
    fill: #c25700;
  }
.messageBar.has-icon.warning .toast-icon path {
      fill: #c25700;
    }
.messageBar.has-icon.error .toast-icon {
    color: #ff8f33;
    fill: #ff8f33;
  }
.messageBar.has-icon.error .toast-icon path {
      fill: #ff8f33;
    }
.messageBar.has-icon.success .toast-icon {
    color: #21944e;
    fill: #21944e;
  }
.messageBar.has-icon.success .toast-icon path {
      fill: #21944e;
    }
.messageBar.has-icon.info .toast-icon {
    color: #6161ff;
    fill: #6161ff;
  }
.messageBar.has-icon.info .toast-icon path {
      fill: #6161ff;
    }
/* ui-message-box ember component*/
/* --------------------------------------------------*/
.messageBox {
  border-radius: var(--border-radius-larger);
  background: none no-repeat 1rem 17px transparent;
  background-size: 1rem;
  max-width: 624px;
}
.messageBox.error {
    border-left-color: #ffc67a;
    background-image: url('images/error-icon.svg');
    background-color: #fff3d1;
  }
.messageBox.success {
    border-left-color: #4ec176;
    background-image: url('images/circle-check.svg');
    background-color: #dffbe6;
  }
.messageBox.warning {
    border-left-color: #ffc67a;
    background-image: url('images/error-icon.svg');
    background-color: #fff3d1;
  }
.messageBox.info {
    border-left-color: #bdcdff;
    background-image: url('images/circle-help.svg');
    background-color: #f0f4ff;
  }
.messageBox.attention {
    border-left-color: #bdcdff;
    background-image: url('images/circle-attention.svg');
    background-color: #f0f4ff;
  }
.messageBox.messageBox--email-confirmation {
  padding: 0;
}
/* Main Header Dropdowns*/
/* --------------------------------------------------*/
.menu-trigger,
.menu-trigger:focus {
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
}
.double-dropdown-arrow {
  background-image: url('images/arrow-double.svg');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 8px 13px;
  padding-right: 16px;
  white-space: wrap-word;
  overflow: hidden;
  box-sizing: border-box;
}
.double-dropdown-arrow:hover {
    background-image: url('images/arrow-double-red.svg');
  }
.single-dropdown-arrow {
  background-image: url('images/arrow-single.svg');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 8px 5px;
  padding-right: 16px;
  white-space: wrap-word;
  overflow: hidden;
  box-sizing: border-box;
}
.single-dropdown-arrow:hover {
    background-image: url('images/arrow-single-red.svg');
  }
.menu-list {
  background: #fff;
  height: auto;
  max-width: 400px;
  outline: none;
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-y: auto;
  position: absolute;
  z-index: 10000;
}
.menu-list.animating-menu-list {
    max-height: 0;
    opacity: 0;
    transform: scale(0.9);
    transform-origin: top left;
    transition:
      max-height 300ms cubic-bezier(0.175, 0.885, 0.32, 1.1),
      opacity 50ms linear,
      transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
.menu-list .slide-in {
    opacity: 0;
    transform: translate(-16px);
    transition:
      opacity 200ms linear 100ms,
      transform 300ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; /* easeOutExpo*/
  }
.menu-list[aria-expanded='false'] {
    box-shadow: none;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1000;
  }
.menu-list .location-menu-item {
    border-radius: var(--border-radius-base);
    color: #3f4450;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-left: 2rem;
  }
.menu-list .location-menu-item svg {
      display: block;
      margin-right: 0.5rem;
      margin-left: -1.5rem;
    }
.menu-list .location-menu-item span {
      width: -moz-fit-content;
      width: fit-content;
    }
.menu-list .location-menu-item:hover {
      background-color: #f0f4ff;
      opacity: 1;
      transition: background-color 150ms ease-in-out;
    }
.menu-list .location-menu-item.active {
      font-weight: var(--fontWeight-bold);
      background-color: #f0f4ff;
    }
.menu-list .location-menu-item .opaque {
      opacity: 1;
    }
.menu-list .location-menu-item .skeleton-item {
      animation: loading-opacity 1.75s infinite linear;
      background-size: 600px;
      height: 1.25rem;
    }
.menu-item {
  background: #fff;
  box-sizing: border-box;
  color: #3f4450;
  cursor: pointer;
  font-size: var(--fontSize-base);
  line-height: 1.4;
  min-width: 150px;
  outline: none;
  padding: 10px;
  position: relative;
  text-decoration: none;
  transition: all 0.1s;
  width: 100%;
}
.menu-item::before {
    transition: all 0.2s;
  }
.menu-item:hover,
  .menu-item:focus {
    background-color: #f0f4ff;
    color: #6161ff;
    opacity: 1;
  }
.menu-item.active {
    color: #c70a14;
    background-color: #e0e8ff;
    font-weight: var(--fontWeight-bold);
  }
.menu-item .is-closed {
  display: none;
}
.globalOverview {
  box-shadow:
    0 0 30px 0 #e9e9ea,
    0 -1px 0 0 #e9e9ea;
}
.user .menu-list {
  bottom: 0.5rem;
  left: -12px;
  min-width: 200px;
}
@media only screen and (max-width: 30rem) {
.user .menu-list {
    position: fixed
}
  }
.location-switcher-content .menu-list {
    border-radius: var(--border-radius-larger);
    display: flex;
    flex-direction: column;
    left: -1rem;
    overflow-y: hidden; /* inner scroll div handles scrolling; prevents scroll chaining (SQ-6938)*/
    top: 0.5rem;
    width: 384px;
  }
.location-switcher-content.ember-basic-dropdown--transitioned-in .menu-list {
      max-height: 80vh !important;
      opacity: 1;
      transform: scale(1);
    }
.location-switcher-content.ember-basic-dropdown--transitioned-in .slide-in {
      opacity: 1;
      transform: translate(0);
    }
.location-switcher-content.ember-basic-dropdown--transitioning-out {
    animation: fold-up 300ms;
    animation-delay: 150ms;
  }
.location-switcher-content.ember-basic-dropdown--transitioning-out .slide-out {
      animation: slide-out 450ms;
    }
/* location switcher animations */
@keyframes fold-up {
  0% {
    opacity: 1;
    transform: scaleY(1) scale(1);
  }

  100% {
    opacity: 0;
    transform: scaleY(0) scale(0.9);
  }
}
@keyframes slide-out {
  0% {
    transform: translate(0);
    opacity: 1;
  }

  50% {
    transform: translate(-16px);
    opacity: 0;
  }

  100% {
    transform: translate(-16px);
    opacity: 0;
  }
}
@keyframes loading-opacity {
  0% {
    opacity: 0.35;
  }

  25% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.35;
  }
}
/* end location switcher animations */
.user .menu-item.sidebar-feedback {
    background-image: url('images/team.svg');
    background-repeat: no-repeat;
    padding-left: 2.25rem;
    background-position: left 0.75rem top 0.75rem;
    background-size: 16px;
  }
.user .menu-item.sidebar-enterBoss {
    background-image: url('images/sidebar/user-sidebar-enterBoss.svg');
    background-repeat: no-repeat;
    padding-left: 2.25rem;
    background-position: left 0.75rem center;
    background-size: 16px;
  }
.user .menu-item.sidebar-editProfile {
    background-image: url('images/profile-icon.svg');
    background-repeat: no-repeat;
    padding-left: 2.25rem;
    background-position: left 0.75rem top 0.75rem;
    background-size: 16px;
  }
.user .menu-item.sidebar-logOut {
    background-image: url('images/logout-door.svg');
    background-repeat: no-repeat;
    padding-left: 2.25rem;
    background-position: left 0.75rem top 0.75rem;
    background-size: 16px;
  }
.user-menu.with-changelog {
    position: relative;
  }
.user-menu.with-changelog .ember-basic-dropdown-trigger {
      width: 174px;
      float: left;
    }
.user-menu.with-changelog .ember-basic-dropdown-trigger:focus {
        outline: 1px solid #e91c1c; /* IE 11 / Edge fallback*/
        outline: auto;
        outline-color: #e91c1c;
      }
.user-menu.with-changelog .double-dropdown-arrow {
      background: none;
    }
.user-menu.with-changelog .updates-trigger {
      position: absolute;
      right: 4px;
      top: 3px;
    }
.user-menu.with-changelog .updates-trigger:focus {
        outline: 1px solid #e91c1c; /* IE 11 / Edge fallback*/
        outline: auto;
        outline-color: #e91c1c;
      }
.ember-tooltip-or-popover-slide {
  z-index: 1000;
}
/* Disabled Location banner — can be removed; has been replaced by ui-pill component*/
/* --------------------------------------------------*/
.premiumFeature {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: var(--fontSize-smaller);
  text-align: center;
  color: #6161ff;
  background: rgba(97, 97, 255, 0.2);
  text-transform: uppercase;
  font-weight: var(--fontWeight-bold);
  padding: 0 6px;
  border-radius: var(--border-radius-smaller);
  vertical-align: 1px;
}
.premiumFeature.beta {
    padding-top: 2px;
    border-radius: 70px;
    background-color: #ebf3fd;
    border: solid 1px #2f86eb;
    color: #2f86eb;
    font-size: 10px;
    letter-spacing: 1.2px;
  }
/* Logo Placeholder*/
/* --------------------------------------------------*/
.uploaderPlaceholder {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* Badge Designer*/
/* --------------------------------------------------*/
.badgeDesigner {
  border-radius: var(--border-radius-largest);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.05),
    0 2px 4px 0 rgba(0,0,0,0.08);
  overflow: hidden;
  width: 480px;
  height: 312px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 1200px) {
.badgeDesigner {
    width: 346px;
    height: 216px
}
  }
@media only screen and (max-width: 1000px) {
.badgeDesigner {
    width: 280px;
    height: 175px;
    margin: 0 auto var(--spacer-small)
}
  }
.badgeDesigner iframe {
  border: 0;
  width: calc(100% / 0.41);
  height: calc(100% / 0.41);
  margin: 0;
  transform: scale(0.41);
  transform-origin: 0 0;
}
@media only screen and (max-width: 1200px) {
.badgeDesigner iframe {
    border: 0;
    width: calc(100% / 0.29);
    height: calc(100% / 0.29);
    margin: 0;
    transform: scale(0.29);
    transform-origin: 0 0
}
  }
@media only screen and (max-width: 1000px) {
.badgeDesigner iframe {
    border: 0;
    width: calc(100% / 0.24);
    height: calc(100% / 0.24);
    margin: 0;
    transform: scale(0.24);
    transform-origin: 0 0
}
  }
/* Device Listing*/
/* --------------------------------------------------*/
.deviceList img {
  max-height: 140px;
}
.deviceStatus {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: 1px;
}
@keyframes blink {
  50% {
    opacity: 0.1;
  }
}
.deviceStatus.small {
  width: 8px;
  height: 8px;
  margin-right: 4px;
  vertical-align: 1px;
}
.deviceStatus.good {
  background: #4ec176;
}
.deviceStatus.sleep::after {
  content: 'z';
  color: #018940;
  text-shadow:
    -1px 0 0 white,
    -1px 0 0 white,
    0 1px 0 white,
    0 -1px 0 white;
  position: absolute;
  top: -7px;
  right: -3px;
  font-size: 12px;
  font-weight: 500;
}
.deviceStatus.warn {
  background: #b8be04;
}
.deviceStatus.warn.sleep::after {
  content: 'z';
  color: #b8be04;
  text-shadow:
    -1px 0 0 white,
    -1px 0 0 white,
    0 1px 0 white,
    0 -1px 0 white;
  position: absolute;
  top: -7px;
  right: -3px;
  font-size: 12px;
  font-weight: 500;
}
.deviceStatus.trying-to-reach {
  width: 12px;
  height: 12px;
  margin-left: -2px;
  animation: sendingNow 1s infinite linear;
  background-image: url('images/orange-progress-large.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
.deviceStatus.bad {
  background: #ff8f33;
}
.deviceStatus.bad.sleep::after {
  display: none;
}
.deviceList td {
  padding: 0.25rem 0;
}
.deviceList .updateAvailable {
  display: inline-block;
  color: #587000;
  font-weight: var(--fontWeight-bold);
}
.deviceList .ip-address code {
  max-width: 150px;
  overflow: auto;
}
.deviceList .ip-address code::-webkit-scrollbar {
    display: none;
  }
.toolbar-scroll-container {
  overflow-x: clip;
  overflow-y: visible;
}
.toolbar-scroll-inner {
  transition: transform 0.2s ease-out;
}
.boss .deviceStatus {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
input.addNewDevice {
  display: inline-block;
  font-size: 60px !important;
  width: auto !important;
  height: auto !important;
  text-transform: uppercase;
  text-align: center;
  font-weight: var(--fontWeight-bold);
  font-variant-numeric: lining-nums;
  font-feature-settings: 'lnum';
}
.addDeviceSpinnerBox {
  position: relative;
  width: 100%;
  height: 80px;
}
.addDeviceSpinnerBox .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke: #018940;
    fill: none;
    animation: stroke 0.6s var(--curve) forwards;
  }
.addDeviceSpinnerBox .loading .checkmark__circle {
    animation: stroke-loading 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
    transform: rotate(0);
    transform-origin: 50%;
    stroke-dasharray: 160;
    stroke-dashoffset: 160;
  }
.addDeviceSpinnerBox .failed .checkmark__circle {
    stroke: #c25700;
  }
.addDeviceSpinnerBox .checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto;
    box-shadow: inset 0 0 0 #018940;
    animation:
      fill 0.4s ease-in-out 0.4s forwards,
      scale 0.3s ease-in-out 0.9s both;
  }
.addDeviceSpinnerBox .checkmark.loading {
      animation: none;
    }
.addDeviceSpinnerBox .checkmark.failed {
      box-shadow: inset 0 0 0 #c25700;
      animation:
        fill-failed 0.4s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
    }
.addDeviceSpinnerBox .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s var(--curve) 0.8s forwards;
  }
.addDeviceSpinnerBox .checkmark__cross {
    transform-origin: 50% 50%;
    fill: #fff;
    animation: none;
    opacity: 0;
  }
.addDeviceSpinnerBox .loading .checkmark__check,
  .addDeviceSpinnerBox .failed .checkmark__check {
    animation: none;
  }
.addDeviceSpinnerBox .failed .checkmark__cross {
    animation: cross 0.3s var(--curve) 0.8s forwards;
  }
@keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
@keyframes cross {
    100% {
      opacity: 1;
    }
  }
@keyframes stroke-loading {
    50% {
      stroke-dashoffset: 0;
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(720deg);
      stroke-dashoffset: 160;
    }
  }
@keyframes scale {
    0%,
    100% {
      transform: none;
    }

    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
@keyframes fill {
    100% {
      box-shadow: inset 0 0 0 60px #018940;
    }
  }
@keyframes fill-failed {
    100% {
      box-shadow: inset 0 0 0 60px #c25700;
    }
  }
/* Employees Listing*/
/* --------------------------------------------------*/
.employeesTable {
  position: relative;
}
.employeesTable-header {
  width: 100%;
}
.employeesTable .selected {
  background-color: #f6f6f9;
}
/* Visitors Listing*/
/* --------------------------------------------------*/
.entries-container *,
.entries-container:hover * {
  text-decoration: none !important;
}
.visitorsTable {
  position: relative;
}
.visitorsTable-header {
  width: 100%;
}
.bulk-actions-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.visitorsTable .selected {
  background-color: #f6f6f9;
}
.invitesList .selected {
    background-color: #f0f4ff;
  }
.invitesList tr td > *,
  .invitesList tr th > * {
    transition: opacity 200ms;
  }
.invitesList tr.deleted td,
  .invitesList tr.deleted th {
    pointer-events: none;
    background-color: #f6f6f9;
  }
.invitesList tr.deleted td > *,
  .invitesList tr.deleted th > * {
    opacity: 0.4;
  }
.preRegSignedIn {
  box-shadow: 3px 0 0 0 #4ec176 inset;
}
.preRegSignedOut {
  box-shadow: 3px 0 0 0 #c9cbd4 inset;
}
.preRegNoShow {
  box-shadow: 3px 0 0 0 #ffc67a inset;
}
.preRegInvalid {
  box-shadow: 3px 0 0 0 #c25700 inset;
}
/* Responsive iframe*/
.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* iPad Preview*/
/* --------------------------------------------------*/
.iPadPreviewWrapper {
  background: rgba(246, 246, 249, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 900px;
  position: relative;
  margin-top: 10px;
}
.previewIpad {
  border: 3px solid #ebebf0;
  border-radius: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 600px;
  height: 857px;
  padding: 70px 28px;
  background: #fff;
  box-sizing: border-box;
}
.previewIpadCamera {
  position: absolute;
  top: 32px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background: #c9cbd4;
  border-radius: 50%;
}
.previewIpadHomeButton {
  position: absolute;
  bottom: 16px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: #fff;
  border: 2px solid #c9cbd4;
  border-radius: 50%;
}
.previewInnerWrapper {
  width: 100%;
  height: 100%;
  border: 2px solid #717684;
  border-radius: 2px;
  overflow: hidden;
}
.previewContent {
  height: 100%;
  font-size: 13px;
  color: #000;
  font-weight: var(--fontWeight-regular);
  text-align: justify;
  line-height: 1.4;
  overflow-y: auto;
  box-sizing: border-box;
}
/* policy disclosure Preview*/
/* --------------------------------------------------*/
.policyDisclosurePreviewBackground {
  overflow: hidden !important;
  height: 100%;
}
.policyDisclosurePreview {
  height: calc(100% - 152px);
  background-color: #fff;
  margin: 29px 29px 76px 29px;
  padding: 24px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 2px;
}
.policyDisclosurePreviewCancel {
  position: relative;
  bottom: 45px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.policyDisclosurePreviewCancel__icon {
  width: 16px;
  height: 16px;
  background-image: url('images/policyDisclosurePreviewCancel.png');
  background-position: center;
  background-repeat: no-repeat;
}
.policyDisclosurePreviewCancel__text {
  padding-left: 8px;
  font-size: 16px;
  color: #fff;
}
/* GDPR Sign-In Preview*/
/* --------------------------------------------------------*/
.gdpr-signin-preview-skeleton {
  background-image: url('images/gdpr-signin-ipad-skeleton.svg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.gdpr-signin-preview-mvt-skeleton {
  background-image: url('images/gdpr-signin-mvt-ipad-skeleton.svg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.gdpr-signin-preview__background {
  display: flex;
  justify-content: space-around;
  overflow: hidden !important;
  height: 100%;
}
.gdpr-signin-preview-mvt-content {
  align-self: flex-end;
  border-radius: 8px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
}
.gdpr-signin-preview-content {
  margin-top: 498px;
  border-radius: 8px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
}
/* policy disclosure Preview*/
/* --------------------------------------------------*/
.finalMessagePreviewBackground {
  background-image: url('images/gdpr-final-screen.svg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.finalMessageHeader {
  top: 20px;
  height: 63px;
  width: 100%;
  position: relative;
}
.finalMessageLogo {
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin: auto;
}
.finalMessage {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 550px;
  margin-top: 20px;
  flex-direction: column;
}
.finalMessageContent {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 16px;
  max-height: 500px;
  overflow: hidden;
  color: #717684;
}
.finalMessageButton {
  background-image: url('images/checkmark-white.svg');
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  margin-top: 4px;
  margin-right: 14px;
}
/* NDA Preview*/
/* --------------------------------------------------*/
.ndaTextArea {
  height: 682px;
  resize: none;
  border-radius: var(--border-radius-smaller);
}
.narrowerNdaEditor {
  margin-left: calc(50px + 1rem);
  margin-right: calc(50px + 1rem);
}
@media only screen and (max-width: 1250px) {
.narrowerNdaEditor {
    margin: 0
}
  }
.ndaVariables {
  list-style-type: none;
}
.ndaVariables li {
    padding: 0 0 5px;
  }
.ndaVariables li span {
      background: #fff;
      border: 1px solid #ebebf0;
      font-size: var(--fontSize-small);
      border-radius: var(--border-radius-smaller);
      color: #3f4450;
      padding: 3px 6px;
      display: inline-block;
      margin-bottom: 10px;
    }
.ndaPreviewWrapper {
  background: rgba(246, 246, 249, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 900px;
  position: relative;
  margin-top: 10px;
}
.ndaPreviewIpad {
  border: 3px solid #ebebf0;
  border-radius: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 600px;
  height: 857px;
  padding: 70px 28px;
  background: #fff;
  box-sizing: border-box;
}
.ndaPreviewIpadCamera {
  position: absolute;
  top: 32px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background: #c9cbd4;
  border-radius: 50%;
}
.ndaPreviewIpadHomeButton {
  position: absolute;
  bottom: 16px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: #fff;
  border: 2px solid #c9cbd4;
  border-radius: 50%;
}
.ndaInnerWrapper {
  width: 100%;
  height: 100%;
  border: 2px solid #717684;
  border-radius: 2px;
  overflow: hidden;
}
.ndaPreviewTopBar {
  height: 50px;
  width: 100%;
  text-align: center;
  font-weight: var(--fontWeight-regular);
  line-height: 62px;
  font-size: 15px;
  color: #3f4450;
  position: relative;
  margin: 8px 0;
}
.ndaPreviewBackArrow {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 8px;
  background-image: url('images/ndaPreviewBackArrow.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 34px auto;
}
.ndaPreviewDownArrow {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 8px;
  background-image: url('images/ndaPreviewDownArrow.png');
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e91c1c;
  background-size: auto 34px;
}
.ndaPreview {
  height: 100%;
  font-size: 13px;
  color: #000;
  font-weight: var(--fontWeight-regular);
  text-align: justify;
  line-height: 1.4;
  padding: 70px 82px 0 72px;
  margin-top: -70px;
  overflow-y: auto;
  width: calc(100% + 18px);
  box-sizing: border-box;
}
.ndaPreviewSignature {
  padding: 90px 0 60px;
  font-weight: var(--fontWeight-bold);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ndaPreview label,
.ndaPreview input,
.ndaPreview strong {
  font-weight: var(--fontWeight-bold) !important;
}
/* MarkdownToHtml previews render `<ul>`/`<ol>` correctly, but Tailwind's*/
/* Preflight zeros out `list-style` on `ul`/`ol`. The editor's addon CSS*/
/* only restores list markers when nested under `.ember-prose-mirror`,*/
/* which the preview's MarkdownToHtml is not. Restore them for both the*/
/* body and footer previews inside `.ndaPreview`.*/
.ndaPreview ul {
    list-style-type: disc;
    margin: 1rem 0;
    padding-left: 40px;
  }
.ndaPreview ol {
    list-style-type: decimal;
    margin: 1rem 0;
    padding-left: 40px;
  }
.ndaPreview input {
  margin: 0 !important;
  border: none !important;
  box-shadow: none;
  padding: 0 !important;
  height: auto !important;
  font-size: 14px;
}
.ndaPreview label {
  border-top: 1px solid #717684;
  padding-top: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  font-size: 10px;
}
@media only screen and (max-width: 1100px) {
  .ndaPreviewWrapper {
    height: 825px;
  }

  .ndaPreviewIpad {
    zoom: 0.92;
  }
}
/* iPhone 6s preview*/
/* --------------------------------------------------*/
.iphonePreviewWrapper {
  border: 3px solid #ebebf0;
  border-radius: 50px;
  width: 320px;
  height: 658px;
  padding: 82px 20px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.iphonePreviewCamera {
  position: absolute;
  top: 41px;
  left: calc(33%);
  width: 10px;
  height: 10px;
  background: #c9cbd4;
  border-radius: 50%;
}
.iphonePreviewSpeaker {
  position: absolute;
  top: 43px;
  left: calc(50% - 25px);
  width: 50px;
  height: 7px;
  background: #c9cbd4;
  border-radius: 4px;
}
.iphonePreviewHomeButton {
  position: absolute;
  bottom: 18px;
  left: calc(50% - 19px);
  width: 38px;
  height: 38px;
  background: #fff;
  border: 2px solid #c9cbd4;
  border-radius: 50%;
}
.iphoneInnerWrapper {
  width: 100%;
  height: 100%;
  border: 2px solid #717684;
  border-radius: 2px;
  overflow: hidden;
}
.iphoneInnerWrapper.hostNotificationMessages {
    background-image: url('images/ios10lockscreenMessages.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
.iphoneInnerWrapper.hostNotificationPush {
    background-image: url('images/ios10lockscreenPush.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
.iphonePreview {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 12px;
  color: #000;
  font-weight: var(--fontWeight-regular);
  line-height: 1.4;
  overflow: hidden;
  margin: 185px 16px;
  height: 48px;
}
/* Custom Final Message on iPad*/
/* --------------------------------------------------*/
.customFinalMessage {
  height: 500px;
}
/* BrowserHeader Preview*/
/* --------------------------------------------------*/
.browserHeader {
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  border: 1px solid #ebebf0;
  background: #fff;
  margin-top: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  width: 713px;
}
/* Custom Host Notification Text Browser Preview*/
/* --------------------------------------------------*/
.notificationPreviews.deliveryAreaNotifications .slackPreviewDetails img {
      width: 50%;
      border-radius: 3px;
    }
.notificationPreviews.deliveryAreaNotifications .slackPreviewDetails .slack-header-img {
      color: #717274;
      font-size: 11px;
      margin-bottom: 5px;
    }
.notificationPreviews.deliveryAreaNotifications .slackPreviewDetails .slack-action {
      color: #298fc3;
    }
.hostNotificationBrowserWrapper {
  height: 600px;
  width: 713px;
  background: #fff;
  border: 1px solid #ebebf0;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.hostNotificationBrowserWrapper.hostNotificationSlack {
    background-image: url('images/slackPreview.svg');
    background-repeat: no-repeat;
    background-size: cover;
  }
.hostNotificationBrowserWrapper.hostNotificationOffice365 {
    background-image: url('images/office365Preview.svg');
    background-repeat: no-repeat;
    background-size: cover;
  }
.hostNotificationTextPreview {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 12px;
  color: #000;
  font-weight: var(--fontWeight-regular);
  line-height: 1.4;
  overflow: hidden;
}
.hostNotificationTextPreview.slackPreview {
    width: 375px;
    margin-top: 90px;
    margin-left: 285px;
  }
.hostNotificationTextPreview.slackPreviewDetails {
    border-left: 4px solid #ebebf0;
    margin-top: 10px;
  }
.hostNotificationTextPreview.office365Preview-header {
    width: 380px;
    height: 24px;
    margin-top: 118px;
    margin-left: 320px;
    font-size: 16px;
  }
.hostNotificationTextPreview.office365Preview {
    width: 240px;
    height: 130px;
    margin-top: 98px;
    margin-left: 396px;
  }
.hostNotificationTextPreview.office365PreviewDetails {
    margin-top: 5px;
    font-size: 10px;
  }
/* Pre-Registration Email Preview*/
/* --------------------------------------------------*/
.preRegistrationNotes {
  height: 754px;
  resize: none;
}
.emailHtmlHeader {
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  border: 1px solid #ebebf0;
  background: #fff;
  margin-top: 10px;
  border-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.macStopLights {
  margin-left: 7px;
  position: relative;
}
.macStopLights span {
  width: 14px;
  height: 14px;
  margin: 10px 2px 6px;
  border-radius: 50%;
  display: inline-block;
}
.macStopLights span:hover {
    background-position: center;
    cursor: pointer;
  }
.macStopLights .text-red-50 {
  background: #fa625c url('images/macStopLight-red.png') no-repeat;
  background-position: 12px;
  background-size: 6px;
  border: 0.5px solid #dc4744;
}
.macStopLights .text-papaya-50 {
  background: #fcbb40 url('images/macStopLight-yellow.png') no-repeat;
  background-position: 12px;
  background-size: 8px 1px;
  border: 0.5px solid #dc9e32;
}
.macStopLights .text-cilantro-50 {
  background: #40c74a url('images/macStopLight-green.png') no-repeat;
  background-position: 12px;
  background-size: 6px;
  border: 0.5px solid #34a934;
}
.macMailHeader {
  border-top: 1px solid #ebebf0;
  font-size: 0.8rem;
  color: #3f4450;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.macMailHeader td.leftSide {
  padding-left: 10px;
  width: 80px;
  color: #717684;
}
.macMailHeader .address {
  color: #717684;
  margin-left: 5px;
}
.emailHtml {
  border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
  border: 1px solid #ebebf0;
  width: 100%;
  height: 600px;
  background: #fff;
  box-sizing: border-box;
}
.emailHtml.livePreview {
    position: absolute;
    background: #bfbfbf36;
  }
.sendTestPreRegistrationEmail {
  position: absolute;
  display: block;
  right: 6px;
  top: 6px;
  padding: 2px 6px;
  border-radius: var(--border-radius-smaller);
  border: none;
  background: #ebebf0;
  color: #717684;
  text-decoration: none;
  font-size: var(--fontSize-small);
  font-weight: var(--fontWeight-regular);
  transition: all 0.1s;
}
.sendTestPreRegistrationEmail:hover {
    color: #fff;
    background: #e91c1c;
  }
.sendTestPreRegistrationEmail.sent {
    color: #fff;
    background: #018940;
  }
/* Entry Visitor*/
/* --------------------------------------------------*/
.monogram {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  font-weight: var(--fontWeight-regular);
  color: #fff;
  line-height: 52px;
  font-size: 20px;
  background-color: #ebebf0;
  text-transform: uppercase;
  margin: 0 auto;
}
.monogram.two {
    font-size: 20px;
    line-height: 52px;
  }
.monogram.three {
    font-size: 14px;
    line-height: 54px;
  }
.monogram.four {
    font-size: 12px;
    line-height: 52px;
  }
.monogram.small {
    width: 32px;
    height: 32px;
    line-height: 25px;
    border-width: 4px;
    border-color: white;
    font-size: 12px;
  }
.monogram.medium {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 18px;
  }
.monogram.medium.two {
      font-size: 18px;
    }
.monogram.medium.three {
      font-size: 14px;
    }
.monogram.medium.four {
      font-size: 12px;
    }
.monogram.large {
    width: 100px;
    height: 100px;
    line-height: 0;
    font-size: 0;
    margin: 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE2MCAxNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGQ9Ik04MSA4NmM5LjcxMiAwIDE3LjU4My03LjgzNiAxNy41ODMtMTcuNXMtNy44NzEtMTcuNS0xNy41ODMtMTcuNWMtOS43MTIgMC0xNy41ODMgNy44MzYtMTcuNTgzIDE3LjVzNy44NzEgMTcuNSAxNy41ODMgMTcuNXptMC0zLjc1Yy03LjYyMyAwLTEzLjgwNS02LjE1NS0xMy44MDUtMTMuNzVzNi4xODItMTMuNzUgMTMuODA1LTEzLjc1YzcuNjIzIDAgMTMuODA1IDYuMTU1IDEzLjgwNSAxMy43NXMtNi4xODIgMTMuNzUtMTMuODA1IDEzLjc1em0yNyAyNi44NzVjMC0xNC44NDEtMTIuMDg3LTI2Ljg3NS0yNy0yNi44NzVzLTI3IDEyLjAzNC0yNyAyNi44NzVjMCAxLjAzNi44NDYgMS44NzUgMS44ODkgMS44NzUgMS4wNDMgMCAxLjg4OS0uODM5IDEuODg5LTEuODc1IDAtMTIuNzczIDEwLjM5OC0yMy4xMjUgMjMuMjIxLTIzLjEyNSAxMi44MjQgMCAyMy4yMjEgMTAuMzUyIDIzLjIyMSAyMy4xMjUgMCAxLjAzNi44NDYgMS44NzUgMS44ODkgMS44NzUgMS4wNDMgMCAxLjg4OS0uODM5IDEuODg5LTEuODc1eiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
    background-size: contain;
  }
.presenceIndicator {
  position: relative;
}
.presenceIndicator::after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #018940;
    border: 2px solid #fff;
    border-radius: 10px;
  }
@keyframes sendingNow {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(365deg);
  }
}
.sendingNow {
  animation: sendingNow 1s infinite linear;
}
/* Empty State*/
/* --------------------------------------------------*/
@keyframes empty-sun {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
@keyframes empty-ghost {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translateX(100px);
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
.emptyImage {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.emptyImage.empty-sun {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxnIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00OC4zNzUgMTUuNjI1di0xMi41YzAtLjg5OC43MjctMS42MjUgMS42MjUtMS42MjUuODk3IDAgMS42MjUuNzI4IDEuNjI1IDEuNjI1djEyLjVjMCAuODk3LS43MjggMS42MjUtMS42MjUgMS42MjUtLjg5OCAwLTEuNjI1LS43MjctMS42MjUtMS42MjV6bTAgODEuMjV2LTEyLjVjMC0uODk4LjcyNy0xLjYyNSAxLjYyNS0xLjYyNS44OTcgMCAxLjYyNS43MjggMS42MjUgMS42MjV2MTIuNWMwIC44OTctLjcyOCAxLjYyNS0xLjYyNSAxLjYyNS0uODk4IDAtMS42MjUtLjcyNy0xLjYyNS0xLjYyNXptLTQ1LjI1LTQ1LjI1Yy0uODk4IDAtMS42MjUtLjcyNy0xLjYyNS0xLjYyNXMuNzI3LTEuNjI1IDEuNjI1LTEuNjI1aDEyLjVjLjg5NyAwIDEuNjI1LjcyOCAxLjYyNSAxLjYyNXMtLjcyOCAxLjYyNS0xLjYyNSAxLjYyNWgtMTIuNXptODEuMjUgMGMtLjg5OCAwLTEuNjI1LS43MjctMS42MjUtMS42MjVzLjcyNy0xLjYyNSAxLjYyNS0xLjYyNWgxMi41Yy44OTcgMCAxLjYyNS43MjggMS42MjUgMS42MjVzLS43MjggMS42MjUtMS42MjUgMS42MjVoLTEyLjV6bS0xMS4yMTgtMjQuNzgzYy0uNjM0LS42MzUtLjYzNC0xLjY2NCAwLTIuMjk5bDQuODM5LTQuODM4Yy42MzQtLjYzNSAxLjY2My0uNjM1IDIuMjk4IDAgLjYzNS42MzQuNjM1IDEuNjYzIDAgMi4yOTdsLTQuODM5IDQuODRjLS4zMS4zMS0uNzE5LjQ3Ni0xLjE0OS40NzYtLjQzIDAtLjg0LS4xNjYtMS4xNDktLjQ3NnptLTUzLjQ1MyA1My40NTJjLS42MzQtLjYzNC0uNjM0LTEuNjYzLjAwMS0yLjI5OGw0LjgzOS00LjgzOGMuNjM1LS42MzUgMS42NjQtLjYzNSAyLjI5OCAwIC42MzUuNjM0LjYzNSAxLjY2MyAwIDIuMjk3bC00LjgzOSA0Ljg0Yy0uMzEuMzEtLjcxOS40NzYtMS4xNDkuNDc2LS40MyAwLS44NC0uMTY2LTEuMTUxLS40Nzd6bTU4LjI5MyAwbC00LjgzOC00LjgzOGMtLjYzNS0uNjM1LS42MzUtMS42NjMgMC0yLjI5OC42MzQtLjYzNCAxLjY2My0uNjM0IDIuMjk3IDBsNC44MzkgNC44MzljLjYzNS42MzUuNjM1IDEuNjYzIDAgMi4yOTgtLjMwOS4zMS0uNzE5LjQ3Ni0xLjE0OS40NzYtLjQyOSAwLS44MzktLjE2Ni0xLjE0OS0uNDc2em0tNTMuNDUzLTUzLjQ1M2wtNC44MzgtNC44MzhjLS42MzUtLjYzNS0uNjM1LTEuNjYzIDAtMi4yOTguNjM0LS42MzQgMS42NjMtLjYzNCAyLjI5NyAwbDQuODM5IDQuODM5Yy42MzUuNjM1LjYzNSAxLjY2MyAwIDIuMjk4LS4zMDkuMzEtLjcxOS40NzYtMS4xNDkuNDc2LS40MjkgMC0uODM5LS4xNjYtMS4xNDktLjQ3NnoiIGZpbGw9IiNGNkNEMjMiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz48cGF0aCBkPSJNNzMuNSA1MGMwIDEyLjk1Ny0xMC41NDQgMjMuNS0yMy41IDIzLjUtMTIuOTU3IDAtMjMuNS0xMC41NDMtMjMuNS0yMy41czEwLjU0My0yMy41IDIzLjUtMjMuNWMxMi45NTYgMCAyMy41IDEwLjU0MyAyMy41IDIzLjV6bS00My43NSAwYzAgMTEuMTg0IDkuMDY2IDIwLjI1IDIwLjI1IDIwLjI1czIwLjI1LTkuMDY2IDIwLjI1LTIwLjI1LTkuMDY2LTIwLjI1LTIwLjI1LTIwLjI1LTIwLjI1IDkuMDY2LTIwLjI1IDIwLjI1eiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZmlsbD0iI0Y2QTYyMyIvPjwvZz48L3N2Zz4=');
    background-position: center;
    background-repeat: no-repeat;
    animation: empty-sun 60s infinite linear;
  }
.emptyImage.empty-ghost {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGQ9Ik00Mi4yNSAzNi4zNzVjMCA0LjQ1NS0xLjcxIDcuODc1LTMuMTg3IDcuODc1LTEuNDc4IDAtMy4xODctMy40Mi0zLjE4Ny03Ljg3NXMxLjcxLTcuODc1IDMuMTg3LTcuODc1YzEuNDc4IDAgMy4xODcgMy40MiAzLjE4NyA3Ljg3NXptMjEuODc1IDBjMCA0LjQ1NS0xLjcxIDcuODc1LTMuMTg3IDcuODc1LTEuNDc4IDAtMy4xODctMy40Mi0zLjE4Ny03Ljg3NXMxLjcxLTcuODc1IDMuMTg3LTcuODc1YzEuNDc4IDAgMy4xODcgMy40MiAzLjE4NyA3Ljg3NXptLTUzLjEwOSA3LjE1M2wtNi4yNTMgNTAuMDE0Yy0uMTc3IDEuNDE3IDEuNTM5IDIuMjU3IDIuNTQ5IDEuMjQ3bC4yNDQtLjIzM2MuMjE0LS4yLjQ2NC0uNDIzLjc0Ni0uNjY2LjgxMS0uNjk1IDEuNzE2LTEuMzkxIDIuNjg4LTIuMDM5IDIuNzA2LTEuODAzIDUuMzc5LTIuODcyIDcuNzYyLTIuODcyIDIuMjEzIDAgMy43MDIuNjg3IDYuOTggMi44NzIgMy43NTIgMi41MDEgNS42NDggMy4zNzYgOC42NDQgMy4zNzYgMi45OTYgMCA0Ljg5Mi0uODc1IDguNjQ0LTMuMzc2IDMuMjc5LTIuMTg1IDQuNzY4LTIuODcyIDYuOTgxLTIuODcyczMuNzAyLjY4NyA2Ljk4MSAyLjg3MmMzLjc1MyAyLjUwMSA1LjY0OSAzLjM3NiA4LjY0NCAzLjM3NiAyLjk5NiAwIDQuODkyLS44NzUgOC42NDQtMy4zNzYgMy4yNzgtMi4xODUgNC43NjgtMi44NzIgNi45OC0yLjg3MiAyLjM4MyAwIDUuMDU2IDEuMDY5IDcuNzYyIDIuODcyLjk3Mi42NDggMS44NzcgMS4zNDQgMi42ODggMi4wMzkuMjgzLjI0Mi41MzIuNDY2Ljc0Ni42NjZsLjI0NC4yMzNjMS4wMSAxLjAxIDIuNzI2LjE3IDIuNTQ5LTEuMjQ3bC02LjI1LTQ5Ljk4OGMtMy4zNDctMjMuNDI5LTE4LjE2LTM4LjgwNS0zOC45ODgtMzguODA1cy0zNS42NCAxNS4zNzYtMzguOTg0IDM4Ljc3OXptNjcuNzQ5LTMwLjAyOGM3LjA2NiA3LjMzNSAxMS43MiAxNy41NTUgMTMuNDM3IDI5LjU2OS4wMDkuMDY4IDYuMjYxIDUwLjA3MSA2LjI2MSA1MC4wNzEuMjU0IDIuMDMxLS44MDQgMy45OTktMi42MjUgNC44OC0uNjU4LjMxOS0xLjM2OC40OC0yLjA4My40OC0xLjI1NSAwLTIuNDU4LS40OTYtMy4zNTEtMS40MDEtMi41NzItMi41MjUtNi41MjktNC44NzEtOS4xNTQtNC44NzEtMS40NTggMC0yLjQzNy41LTUuMTc4IDIuMzI3LTQuMjIzIDIuODE1LTYuNzI3IDMuOTIyLTEwLjQ0NyAzLjkyMi0zLjA4MyAwLTUuNzA4LS45MzktOC42Ny0yLjc2OS0uNTIzLS4zMjMtLjkyNi0uNTg3LTEuNzc3LTEuMTUzLTIuNzQxLTEuODI2LTMuNzItMi4zMjctNS4xNzgtMi4zMjctMS40NTggMC0yLjQzNy41LTUuMTc4IDIuMzI3LS44NS41NjctMS4yNTQuODMxLTEuNzc3IDEuMTU0LTIuOTYzIDEuODMtNS41ODggMi43NjktOC42NyAyLjc2OS0zLjcyIDAtNi4yMjUtMS4xMDgtMTAuNDQ2LTMuOTIyLTIuNzQzLTEuODI3LTMuNzIxLTIuMzI3LTUuMTc4LTIuMzI3LTIuNjI1IDAtNi41OCAyLjM0Ni05LjEzOCA0Ljg1NC0uOTEuOTIyLTIuMTEyIDEuNDE4LTMuMzY3IDEuNDE4LS43MTUgMC0xLjQyNS0uMTYyLTIuMDgzLS40OC0xLjgyMi0uODgyLTIuODc5LTIuODQ5LTIuNjI2LTQuODgxbDYuMjUtNDkuOTg5YzEuNzI3LTEyLjA5NiA2LjM4MS0yMi4zMTYgMTMuNDQ3LTI5LjY1MSA3LjU2Ni03Ljg1NSAxNy40OTUtMTEuOTk5IDI4Ljc2Ni0xMS45OTkgMTEuMjcxIDAgMjEuMTk5IDQuMTQ1IDI4Ljc2NSAxMS45OTl6IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSIjQzRDNUM4Ii8+PC9zdmc+');
    background-position: center;
    background-repeat: no-repeat;
    animation: empty-ghost 20s infinite ease-in-out;
  }
.empty-search {
  background-image: url('/assets/images/empty-state/search.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  height: 80px;
  width: 80px;
}
.empty-unauthorized {
  background-image: url('/assets/images/empty-state/unauthorized.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  height: 80px;
  width: 80px;
}
.empty-employees {
  background-image: url('/assets/images/empty-state/empty-employees-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  height: 80px;
  width: 80px;
  margin: 0 auto;
  opacity: 0.1;
}
.empty-visitors {
  width: 100%;
  max-width: 600px;
}
.empty-invites {
  max-width: 600px;
  max-height: 336px;
}
.empty-deliveries {
  width: 100%;
  max-width: 420px;
}
.error-disconnected {
  background-image: url('/assets/images/disconnected.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  aspect-ratio: 760 / 212;
}
.error-not-found {
  background-image: url('/assets/images/not-found.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  aspect-ratio: 760 / 368;
}
/* Loading substate*/
/* --------------------------------------------------*/
.search-loader {
  position: absolute;
  right: -2px;
  top: calc(50% - 20px);
  transition: all 0.2s;
  width: 50px;
  height: 50px;
}
.dashboardLoader {
  position: relative;
  min-height: 400px;
}
/* pricingPlans*/
/* ----------------------------------------------*/
.pricingCheckmark {
  background: url('/assets/images/checkmark.svg') no-repeat;
  background-size: 18px 16px;
  width: 18px;
  height: 16px;
  display: inline-block;
}
.pricingCross {
  background: url('/assets/images/cross.svg') no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.darkgrayCheckmark {
  background: url('/assets/images/checkmark-darkgray.svg') no-repeat;
  background-size: 18px 16px;
  width: 18px;
  height: 16px;
  display: inline-block;
}
/* Pricing from envoy.com*/
.price {
  font-size: 3.75rem;
  position: relative;
  left: -10px;
}
.monies {
  font-size: 1.75rem;
  text-align: top;
  position: relative;
  right: -2px;
  top: -10px;
  left: -10px;
}
.pricingTable .wrapper {
  color: #c9cbd4;
  border: 1px solid #c9cbd4;
  border-radius: 50%;
  font-size: 12px;
  width: 18px;
  height: 18px;
  cursor: help;
  position: relative;
  transform: translateZ(0);
  text-align: center;
  transition: all 0.2s;
}
.pricingTable .wrapper:hover {
    color: #ef3934;
  }
.pricingTable td,
.pricingTable th[scope='row'] {
  padding: 1rem;

  vertical-align: middle;
  font-weight: normal; /* override th element style*/
  border-bottom: none; /* override th element style*/
}
/* Flash when something gets updated async*/
@keyframes highlight-fade {
  0% {
    background-color: rgba(194, 87, 0, 0.1);
  }

  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
.updated {
  animation: highlight-fade 1s;
}
.priceUpdated {
  background-color: rgba(194, 87, 0, 0.1);
}
/* Google Maps autocomplete*/
/* ---------------------------------------------------*/
.pac-container {
  font-family: var(--fontFamily-brand);
  margin-top: 1px;
  border-radius: 4px;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.pac-container::after {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 105px;
  }
.pac-item {
  font-size: var(--fontSize-small);
  font-weight: var(--fontWeight-regular) !important;
  padding: 5px;
  cursor: pointer;
}
.pac-item-query {
  font-size: var(--fontSize-small);
  font-weight: var(--fontWeight-regular);
}
.pac-matched {
  font-weight: var(--fontWeight-bold);
}
.pac-item:hover,
.pac-item:hover .pac-item-query,
.pac-item-selected {
  color: #e91c1c;
  background: rgba(250, 67, 56, 0.075);
}
.pac-item:hover .pac-matched, .pac-item:hover .pac-item-query .pac-matched, .pac-item-selected .pac-matched {
    color: #e91c1c;
  }
/* Dashboard Calendar*/
/* ---------------------------------------------------*/
.dashboardCalendar {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 4px;
  background: #fff;
}
@media only screen and (max-width: 30rem) {
.dashboardCalendar {
    margin-top: var(--spacer-smallest)
}
  }
.dashboardCalendar.in-modal {
    height: 315px;
  }
.dashboardCalendar table {
  width: 100%;
  border-spacing: 0;
}
.dashboardCalendar th {
  padding: 10px 0;
  color: #3f4450;
  border-bottom: 1px solid #ebebf0;
}
.dashboardCalendar td {
  padding: 10px 0;
  border-bottom: 1px solid #ebebf0;
}
.dashboardCalendar:active {
  cursor: default;
}
.dashboardCalendar-header {
  color: #3f4450;
  text-align: center;
  position: relative;
  padding: 21px 10px 22px;
  font-size: 14px;
  text-transform: uppercase;
}
.calendar-popover .dashboardCalendar-header {
  padding: 8px 0;
}
.dashboardCalendar__main-button {
  width: 100%;
}
.dashboardCalendar__main-button-arrow {
  position: absolute;
  right: 15px;
  top: 3px;
}
.dashboardCalendar-header .next {
  width: 24px;
  height: 20px;
}
.dashboardCalendar-header .next.disabled {
    cursor: auto;
    opacity: 0.2;
  }
.dashboardCalendar-header .next.disabled::before {
      cursor: auto;
    }
.dashboardCalendar-header .next::before {
    content: '\025B8';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
    width: 24px;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
  }
.dashboardCalendar-header .previous {
  width: 24px;
  height: 20px;
}
.dashboardCalendar-header .previous::before {
    content: '\025B8';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotateY(180deg);
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
    width: 24px;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
  }
.dashboardCalendar-header .previous:not(.disabled):hover::before,
.dashboardCalendar-header .next:not(.disabled):hover::before {
  color: #4e4eda;
  background: #f0f4ff;
}
.calendar-grid th {
  color: #c9cbd4;
  text-align: center;
  padding: 8px 0;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  border-top: 1px solid #ebebf0;
}
.calendar-row {
  position: relative;
  z-index: 10;
}
.multi-date-calendar-grid .calendar-row td.disabled,
.multi-date-calendar-grid .calendar-row td.out-of-limits {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.multi-date-calendar-grid .calendar-row td:has(> .multi-date-disabled) {
  cursor: not-allowed !important;
}
.multi-date-calendar-grid .selected-date {
  background-color: #6161ff !important;
  color: white !important;
}
.calendar-row td {
  position: relative;
  text-align: center;
  color: #717684;
  font-size: 12px;
  padding: 8px 4px;
  box-shadow: none;
  transition: all 0.1s;
  cursor: pointer;
}
.calendar-row td > div {
    margin: 0 auto;
  }
.calendar-row td.past,
  .calendar-row td.future {
    color: #ebebf0;
  }
.calendar-row td.past:not(.disabled):hover, .calendar-row td.future:not(.disabled):hover {
      color: #6161ff;
    }
.calendar-row td.disabled {
    cursor: not-allowed !important;
    color: #ebebf0;
  }
.calendar-row td:not(.disabled):hover .hoverable {
      background-color: #ebebf0;
      color: #3f4450;
      border-radius: 50%;
    }
/* override the default carbon-70 on events*/
.calendar-row td:not(.disabled):hover .events {
      color: #6161ff;
    }
/* calendar date where there's an visit/invite*/
.calendar-row .events {
  color: #3f4450;
  font-weight: var(--fontWeight-bold);
}
.calendar-row .today {
  color: #6161ff;
}
.calendar-row td.current {
  color: #3f4450;
  /* bg is a slightly darker highlight*/
  background: #ebebf0;
  transition: all 0.2s;
}
/* maintain bg color instead of being lighten by the hover*/
.calendar-row td.current:not(.disabled):hover {
    background: #e0e8ff;
  }
/* override the default carbon-70 on events*/
.calendar-row td.current .events {
    color: #4e4eda;
  }
.calendar-row td.range-boundary {
  color: #fff;
  background: #4e4eda;
}
.calendar-row td.range-boundary:hover {
    color: #fff;
    background: #7083ff;
  }
.calendar-row td.range {
  color: #31317c;
  background: #bdcdff;
}
.calendar-row td.range:hover {
    color: #4e4eda;
    background: #e0e8ff;
  }
.calendar-row td.range .events,
  .calendar-row td.range:not(.disabled):hover .events,
  .calendar-row td.range-boundary .events,
  .calendar-row td.range-boundary:not(.disabled):hover .events {
    color: #fff;
  }
.calendar-row td.range.hidden, .calendar-row td.range-boundary.hidden {
    color: rgba(255, 255, 255, 0.75);
  }
.calendar-row td.range:hover, .calendar-row td.range-boundary:hover {
    color: #fff !important;
  }
.calendar-row td.range.startAt, .calendar-row td.range-boundary.startAt {
    border-radius: 20px 0 0 20px;
  }
.calendar-row td.range.endAt, .calendar-row td.range-boundary.endAt {
    border-radius: 0 20px 20px 0;
  }
.calendar-row td.range.startAt.endAt, .calendar-row td.range-boundary.startAt.endAt {
    border-radius: 20px;
  }
.calendar-row td.range.current, .calendar-row td.range-boundary.current {
    color: #fff !important;
  }
.calendar-row td.range.hidden, .calendar-row td.range-boundary.hidden {
    visibility: hidden !important;
  }
/* Custom styling for blocklist expiration calendar to match Figma*/
.blocklist-calendar {

  /* Don't override .today - let selected-date styling handle it when date is selected*/
}
.blocklist-calendar table {
    width: 100%;
    table-layout: fixed;
  }
/* Override existing .calendar-grid th styles*/
.blocklist-calendar th {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #8a8f9e !important;
    padding: 8px 0 !important;
    text-transform: capitalize !important;
    border-top: none !important;
  }
/* Override existing .calendar-row td styles*/
.blocklist-calendar td {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 14px !important;
  }
/* Override Tailwind .bg-carbon-10 and .text-carbon-70 utility classes*/
.blocklist-calendar .selected-date {
    background-color: #4e4eda !important;
    color: #fff !important;
    font-weight: 500;
    width: 36px;
    height: 36px;
  }
.blocklist-calendar .hoverable {
    width: 36px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
  }
/* Override existing .calendar-row .past, .future styles*/
.blocklist-calendar .past,
  .blocklist-calendar .future {
    color: #8a8f9e !important;
  }
.calendar-dropdown {
  position: absolute;
  z-index: 10000;
  left: 0;
  background-color: #fff;
  width: 275px;
  border-radius: var(--border-radius-smaller);
  box-shadow:
    0 0 30px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.175s ease-in;
}
.calendar-popover {
  position: absolute;
  z-index: 10000;
  top: 0.25rem;
  left: 0;
  background-color: #fff;
  width: 275px;
  border-radius: var(--border-radius-smaller);
  box-shadow:
    0 0 30px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.175s ease-in;
}
.calendar-popover.no-shadow {
    box-shadow: none;
  }
.calendar-popover.twoup {
    width: 550px;
  }
.calendar-popover.show {
    opacity: 1;
    background-color: #fff !important;
    height: auto;
    transform: translateY(0);
  }
.calendar-popover.hide {
    opacity: 0;
    height: 0;
    pointer-events: none;
    transform: translateY(-5px);
  }
.calendar-popover.inline {
    position: relative;
    z-index: auto;
    top: 0;
    left: 0;
    background-color: none;
    border-radius: 0;
  }
.calendar-row td.hidden {
  visibility: hidden;
}
.calendar-row td.hidden:hover {
    visibility: hidden;
  }
.calendar-row td i {
  background: #f0f;
  display: block;
  width: 10px;
  height: 10px;
}
/* Employee Directory*/
/* ---------------------------------------------------*/
.employeeListContainer {
  width: 20vw;
  min-width: 251px;
  max-width: 351px;
  overflow: hidden;
}
.employeeList {
  min-height: 400px;
  overflow-y: auto;
  margin-bottom: 0;
  transition: height 0.75s;
}
.employeeList--deleted {
  min-height: 57px;
  height: 57px;
  overflow-y: auto;
  transition: all 0.75s;
}
.employeeList--deleted.halfHeight {
    height: 40vh;
    min-height: 400px;
  }
.employeeList-employee a {
  display: block;
  padding: 0.55rem 3rem 0.45rem 1.5rem;
  color: #3f4450;
  transition: background-color 150ms ease-in-out;
  outline: none;
  border-radius: var(--border-radius-larger);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.employeeList-employee a:hover {
    color: #6161ff;
    background-color: #f0f4ff;
    text-decoration: none;
  }
.employeeList-employee a.active {
    color: #4e4eda;
    background-color: #e0e8ff;
  }
.employeeList-employee .isSynced {
  padding-right: 2rem;
}
.employeeList-employee .isSynced::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('/assets/images/integrations/synced-icon.svg') no-repeat;
    background-size: contain;
  }
/* Needs investigation; should be replaced by ui-pill component*/
.employeeList-employee .isManuallyAdded::after {
    content: 'M';
    font-size: var(--fontSize-smaller);
    font-weight: var(--fontWeight-bold);
    border-radius: 2px;
    border: none;
    color: #3f4450;
    background: #ebebf0;
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    right: 1rem;
    top: calc(50% - 8px);
    position: absolute;
  }
.employeeList-assistant {
  font-size: var(--fontSize-smaller);
  font-weight: var(--fontWeight-regular);
  color: #717684;
  transition: all 0.1s;
}
.employeeList-employee a.active .employeeList-assistant {
  color: #e91c1c;
}
.employee--locations-list .label {
    cursor: auto;
  }
.employee--locations-list .h5 {
    color: #e91c1c;
  }
.employee--locations-list .ember-power-select-trigger {
    padding: 11px 24px 9px 11px;
    margin-bottom: 0;
  }
.employee--locations-list ul {
    clear: both;
  }
.employee--locations-list ul li {
      padding: 11px;
      margin-top: -1px;
    }
.employee--locations-list ul li.synced {
        background: #f6f6f7;
        border-color: #e9e9ea;
      }
.employee--locations-list ul li .added-type {
        color: rgba(40, 44, 54, 0.6);
      }
.employee--locations-list ul li .selection-handler {
        width: 20px;
        right: 40px;
        position: relative;
        margin-right: -15px;
      }
.employee--locations-list ul li .selection-handler img {
          padding-left: 5px;
          width: 14px;
          height: 14px;
        }
#desks-list {
  width: 284px;
}
@media only screen and (max-width: 1124px) {
#desks-list {
    margin: 0;
    left: unset;
    right: 100px
}
  }
#desks-list .exitCross {
    background: url('/assets/images/cross-small-gray.svg') no-repeat;
    background-size: 10px;
    width: 14px;
    height: 10px;
    display: inline-block;
  }
#desks-list .ember-power-select-trigger[aria-disabled='true'] {
      background-image: none;
      border: none !important;
    }
#desks-list .ember-power-select-trigger {

    border: 0;
    background-color: white;
    margin-bottom: 0;
}
#desks-list .ember-power-select-trigger[aria-disabled='true'] {
    cursor: pointer !important;
  }
#desks-list .ember-power-select-option {
    color: #3f4450;
  }
#desks-list .ember-power-select-option[aria-selected='true'] {
    background-color: white;
    font-weight: 600;
  }
#desks-list .ember-power-select-option[aria-current='true'] {
    background-color: #dce5ff;
  }
#desks-list .disabled-select-trigger {
    background-image: unset;
  }
#desks-list .dark-background {
    background-color: rgba(63, 68, 80, 0.75);
  }
.dark-background {
  background-color: rgba(63, 68, 80, 0.75);
}
#floor-toggle {
  transition: all 0.2s ease-in-out;
}
#floor-toggle.overview-open {
    left: 295px;
  }
#floor-toggle .ember-power-select-option {
    padding: 0 !important;
    color: #3f4450;
  }
#floor-toggle .ember-power-select-trigger {
    margin-bottom: 0;
    padding: 5px 0 0 0;
  }
#floor-toggle .light-trigger {
    background-color: white;
    border: none;
  }
#floor-toggle .dark-trigger {
    color: white;
    background-color: rgba(63, 68, 80, 0.75);
    background-image: url('images/arrow-single-white.svg');
  }
#floor-toggle .ember-power-select-option[aria-selected='true'] {
    background-color: white;
    font-weight: 600;
  }
#floor-toggle .ember-power-select-option[aria-current='true'] {
    background-color: #dce5ff;
  }
.dark-dropdown .ember-power-select-trigger {
    background-color: rgba(63, 68, 80, 0.75) !important;
    margin-bottom: 0;
    border: 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
.dark-dropdown .ember-power-select-selected-item {
    min-width: 0;
  }
.dark-dropdown .ember-power-select-option {
    background-color: rgba(63, 68, 80, 0.75) !important;
  }
.dark-dropdown .ember-power-select-option[aria-selected='true'] {
    background-color: rgba(63, 68, 80, 0.75);
  }
.dark-dropdown .ember-power-select-trigger[aria-disabled='true'] {
    border: 0 !important;
  }
.dark-dropdown .ember-power-select-placeholder {
    color: white;
  }
.dark-dropdown .ember-basic-dropdown-content {
    background-color: unset;
  }
/* Respect "sticky" headers*/
.vfd-call-log-actions .ember-basic-dropdown-content {
    z-index: 5;
  }
.ember-modal-dialog--confirm-locations-delete {
  max-width: 525px;
}
.ember-modal-dialog--confirm-locations-delete > div {
    padding: 3.7rem;
  }
.ember-modal-dialog--gdpr-integrations {
  min-width: 700px;
}
.ember-modal-dialog--discard-spreadsheet-confirmation {
  top: 10vh !important;
  width: 610px;
}
/* intl-tel-input*/
/* ----------------------------------------------*/
.iti__flag {
  background-image: url('/assets/images/flags.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti__flag {
    background-image: url('/assets/images/flags@2x.png');
  }
}
.intl-tel-input {
  width: 100%;
  margin-bottom: 20px;
}
.intl-tel-input .iti__selected-flag:focus {
    border: 1px solid #6161ff;
    box-shadow:
      0 0 0 1px #6161ff,
      0 1px 4px rgba(97, 97, 255, 0.16);
    border-radius: var(--border-radius-base);
    outline: none;
    width: 47px; /* account for smaller box due to border*/
    padding-left: 7px; /* account for smaller box due to border*/
  }
.intl-tel-input .iti__dropdown-content {
    overflow: auto;
  }
.intl-tel-input input:disabled {
  padding-left: 40px !important;
}
.intl-tel-input input:disabled + .iti__flag-container .arrow {
    display: none;
  }
/* Accordion Lists*/
/* ---------------------------------------------------*/
.radioAccordion .radioAccordion__panel {
  padding: 30px 30px 0;
  border-radius: 0 0 3px 3px;
  border: 1px solid transparent;
}
.radioAccordion .radioAccordion__button {
  display: block;
  width: 100%;
  padding: 10px 30px;
  border-radius: var(--border-radius-smaller);
  background-image: url('images/powerSelect-radio/deselected.svg');
  background-size: 12px;
  background-position: 10px center;
  background-repeat: no-repeat;
  transition: all 0.2s;
  opacity: 0.8;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.radioAccordion .radioAccordion__button:hover {
    color: #e91c1c;
    cursor: pointer;
    opacity: 1;
  }
.radioAccordion .radioAccordion__button:active {
    outline: 0; /* prevent flash of outline before aria-checked="true" is applied*/
  }
.radioAccordion .radioAccordion__button[aria-checked='true'] {
  background-image: url('images/powerSelect-radio/selected.svg');
  background-color: rgba(250, 67, 56, 0.1);
  background-size: 12px;
  background-position: 10px center;
  background-repeat: no-repeat;
  color: #e91c1c;
  opacity: 1;
  border: 1px solid rgba(250, 67, 56, 0.25);
  outline: none;
}
/* default button outline not needed since .active provides active button styles*/
.radioAccordion .radioAccordion__button[aria-checked='true'] + .radioAccordion__panel,
  .radioAccordion .radioAccordion__button[aria-checked='true'] + div .radioAccordion__panel {
    border: 1px solid rgba(250, 67, 56, 0.25);
    margin-top: -2px;
    background: #fff;
    padding-bottom: 30px;
  }
.radioAccordion div[data-location-mappings]:last-of-type {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
/* Analytics Page – Needs investigation; should be replaced by ui-pill component*/
/* ----------------------------------------------*/
.firstPlace .firstPlaceName::after {
  content: 'LEADER';
  position: relative;
  display: inline-block;
  margin-left: 0.25rem;
  font-size: var(--fontSize-smaller);
  text-align: center;
  color: #e91c1c;
  background: rgba(233, 28, 28, 0.2);
  text-transform: uppercase;
  font-weight: var(--fontWeight-bold);
  padding: 0 6px;
  border-radius: var(--border-radius-smaller);
  vertical-align: 2px;
}
.brandOutline {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #e91c1c;
  background: rgba(250, 67, 56, 0.075);
  display: inline-block;
  margin-right: 0.25rem;
  border-radius: 0.5rem;
}
/* Sortable Items*/
/* ---------------------------------------------------*/
.sortable-item {
  transition-property: all;
  transition-duration: 0.2s;
  position: relative;
}
.sortable-item.is-dragging {
    transition-duration: 0s;
    z-index: 1000;
  }
.sortable-item.is-dropping {
    transition-duration: 0s;
    z-index: 1000;
  }
/* Host notification text preview*/
/* ----------------------------------------------*/
.notificationPreview {
  display: none;
}
.notificationPreview.active {
    display: block;
  }
.notificationPreview .messagePreview {
    display: none;
  }
.notificationPreview .messagePreview.individual-hostMessage {
      display: block;
    }
/* Integrations*/
/* ----------------------------------------------*/
.integration-disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  opacity: 0.5;
  background: #ebebf0;
  position: relative;
  overflow: hidden;
}
.integration-disabledMessage {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: #fff3d1;
  color: #c25700;
  text-align: center;
  padding: 10px;
}
.integration-box .ui__card {
    min-height: 235px;
  }
@media only screen and (max-width: 1470px) {
.integration-box .ui__card {
      height: 255px
  }
    }
@media only screen and (max-width: 1310px) {
.integration-box .ui__card {
      height: 275px
  }
    }
@media only screen and (max-width: 1120px) {
.integration-box .ui__card {
      height: 305px
  }
    }
.gravatar {
  width: 50px;
  height: auto;
}
/* Drag n' Droppable File Uploads*/
/* ----------------------------------------------*/
.droppable.drag-over {
  background-color: rgba(97, 97, 255, 0.1);
  box-shadow: 0 0 0 1px rgba(97, 97, 255, 0.5) inset;
  transition: all 0.2s;
  border-radius: var(--border-radius-base);
  position: relative;
}
.droppable.drag-over * {
    opacity: 0;
  }
.droppable.drag-over::after {
    content: 'Drop image here to upload';
    display: block;
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-weight: var(--fontWeight-bold);
    font-size: var(--fontSize-large);
  }
.droppable {
  transition: all 0.2s;
}
.grayedOutSection {
  filter: grayscale(1) blur(2px);
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.grayedOutSection::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
  }
.power-select-error {
  border: 1px solid red !important;
}
.ember-power-select-trigger.has-error {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 79 0 / var(--tw-border-opacity, 1));
}
@media print {

  .ember-power-select-trigger.has-error {
    border-color: #717684;
  }
}
.power-select-trigger-error {
  margin-top: -0.25rem;
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(168 79 0 / var(--tw-text-opacity, 1));
}
[data-tip] {
  position: relative;
}
[data-tip]::before {
  content: '';
  display: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1a1a1a;
  position: absolute;
  top: -2px;
  left: 5px;
  z-index: 80;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
[data-tip]::after {
  display: none;
  content: attr(data-tip);
  position: absolute;
  top: -26px;
  left: -60px;
  padding: 3px 8px;
  background: #1a1a1a;
  color: #fff;
  z-index: 90;
  font-size: 0.75em;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  white-space: nowrap;
  word-wrap: normal;
}
[data-tip]:hover::before,
[data-tip]:hover::after {
  display: block;
}
.deleteAdmin {
  transition: all 0.2s;
}
.deleteAdmin:hover {
    text-decoration: none;
    color: #3f4450;
  }
.mw180 {
  min-width: 180px;
}
.mw100 {
  min-width: 100px;
}
/* Removable Option*/
.removeHandler {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50000;
  transition: all 0.2s;
}
.removeHandler:hover {
    text-decoration: none;
    color: #e91c1c;
  }
/* TimePicker*/
/* -------------------------------------------------------*/
.TimePicker-listbox {
  box-shadow:
    0 10px 12px rgba(0, 0, 0, 0.3),
    0 0 1px rgba(0, 0, 0, 0.5); /* dropdown box shadow*/
  max-height: 12rem; /* height accomodates 7 options*/
  top: 36px; /* due to default bottom margin on all input element :/*/
}
/* Business hours (PCC location settings): the dropdown otherwise shrinks to its content and looks*/
/* narrower than the input — pin it to the input's width (it's absolute within the combobox's*/
/* relative root, so 100% resolves to the input width).*/
[data-test-business-hours-days] .TimePicker-listbox {
  width: 100%;
}
/* The time-picker dropdown is an inline absolute element (unlike PowerSelect, which portals to the*/
/* body), so any overflow:hidden ancestor clips it. Two of them sit above it: the Ui::Card itself*/
/* (.ui__card clips child backgrounds to its rounded corners) and liquid-fire's animated wrapper.*/
/* Let the dropdown escape both for this panel — the card's content is inset by p-4, so lifting its*/
/* clip doesn't expose any corner bleed.*/
.presence-control-center-panel,
.presence-control-center-panel .liquid-container,
.presence-control-center-panel .liquid-child {
  overflow: visible !important;
}
/* Rome*/
/* --------------------------------------------------------*/
.rd-container {
  display: none;
  box-shadow:
    0 10px 12px rgba(black, 0.3),
    0 0 1px rgba(black, 0.5);
  border-radius: var(--border-radius-smaller);
  background-color: #fff;
  text-align: center;
  z-index: 10;
  font-size: 1rem;
}
.rd-container-attachment {
  position: absolute;
  z-index: 222222222222;
}
.rd-month {
  display: inline-block;
  margin-right: 25px;
}
.rd-month-label {
  background: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #ebebf0;
  padding: 10px 0;
  margin-top: 2px;
  font-size: 14px;
  border-radius: var(--border-radius-smaller) var(--border-radius-smaller) 0 0;
}
.rd-month:last-child {
  margin-right: 0;
}
.rd-back,
.rd-next {
  background: none;
  border-radius: 4px;
  border: none;
  content: '\025B8';
  cursor: pointer;
  display: block;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  height: 24px;
  width: 24px;
  outline: none;
  position: relative;
  transition: all 0.2s;
  vertical-align: middle;
  margin: 8px;
}
.rd-back:hover, .rd-next:hover {
    color: #6161ff;
    background: #f0f4ff;
  }
.rd-back[disabled],
.rd-next[disabled] {
  cursor: default;
}
.rd-back[disabled]:hover, .rd-next[disabled]:hover {
    color: #3f4450;
    background: transparent;
    opacity: 0.5;
  }
.rd-back {
  float: left;
}
.rd-next {
  float: right;
}
.rd-back::before {
  content: '\025B8';
  display: block;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotateY(180deg);
  font-style: normal;
}
.rd-next::before {
  content: '\025B8';
  display: block;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotateY(360deg);
  font-style: normal;
}
.rd-day-head {
  font-weight: var(--fontWeight-regular);
  border-bottom: 1px solid #ebebf0;
  color: #c9cbd4;
  font-size: 10px;
  text-transform: uppercase;
  padding: 5px 12px;
}
.rd-day-body {
  cursor: pointer;
  color: #717684;
  text-align: center;
  transition: all 0.1s;
  padding: 8px 4px;
  font-size: 12px;
  border-bottom: 1px solid rgba(233, 233, 234, 1);
}
.rd-time-selected:hover,
.rd-day-body:hover,
.rd-time-option:hover {
  cursor: pointer;
  color: #6161ff;
  background: #f0f4ff;
}
.rd-day-selected,
.rd-day-selected:hover {
  font-weight: var(--fontWeight-bold);
  color: #4e4eda;
  background: #e0e8ff;
}
.rd-day-prev-month,
.rd-day-next-month {
  color: #ebebf0;
}
.rd-day-disabled,
.rd-day-disabled:hover {
  cursor: default;
  color: #ebebf0;
  background: #fff;
}
.rd-time {
  position: relative;
  display: block;
  margin-top: 0;
  min-width: 80px;
}
.rd-time-list {
  display: none;
  position: absolute;
  overflow-y: auto;
  box-shadow:
    0 10px 12px rgba(black, 0.3),
    0 0 1px rgba(black, 0.5);
  border-radius: var(--border-radius-smaller);
  background-color: #fff;
  max-height: 13rem; /* height of 7 options*/
  left: 0;
  right: 0;
  text-align: left;
  width: 100px;
}
.rd-time-selected {
  padding: 5px;
  transition: all 0.2s;
  display: none !important;
}
.rd-time-option {
  padding: 5px 20px 5px 7px;
  white-space: nowrap;
}
.rd-day-concealed {
  visibility: hidden;
}
/* Entries action menu*/
/* --------------------------------------------------------*/
.entry-actions-column-header {
  min-width: 20px;
}
.ember-basic-dropdown-trigger[aria-disabled='true'] .entry-action-menu-trigger .entry-action-menu-icon path, .ember-basic-dropdown-trigger[aria-disabled='true'] .entry-action-menu-trigger .invite-action-menu-icon path, .ember-basic-dropdown-trigger[aria-disabled='true'] .invite-action-menu-trigger .entry-action-menu-icon path, .ember-basic-dropdown-trigger[aria-disabled='true'] .invite-action-menu-trigger .invite-action-menu-icon path {
          fill: #ebebf0;
        }
.ember-basic-dropdown-trigger[aria-disabled='true'] .entry-action-menu-trigger:hover, .ember-basic-dropdown-trigger[aria-disabled='true'] .invite-action-menu-trigger:hover {
        cursor: not-allowed;
      }
.entry-action-menu-trigger .entry-action-menu-icon,
  .entry-action-menu-trigger .invite-action-menu-icon,
  .invite-action-menu-trigger .entry-action-menu-icon,
  .invite-action-menu-trigger .invite-action-menu-icon {
    padding: 23px 0;
  }
.entry-action-menu-trigger .entry-action-menu-icon path, .entry-action-menu-trigger .invite-action-menu-icon path, .invite-action-menu-trigger .entry-action-menu-icon path, .invite-action-menu-trigger .invite-action-menu-icon path {
      fill: #c9cbd4;
      transition: all 0.2s;
    }
.entry-action-menu-trigger:hover, .invite-action-menu-trigger:hover {
    cursor: pointer;
  }
.entry-action-menu-trigger:hover .entry-action-menu-icon path, .entry-action-menu-trigger:hover .invite-action-menu-icon path, .invite-action-menu-trigger:hover .entry-action-menu-icon path, .invite-action-menu-trigger:hover .invite-action-menu-icon path {
        fill: #e91c1c;
      }
.bulk-edit-employee-dropdown .ember-power-select-option--no-matches-message {
    display: none;
  }
/* ember basic dropdown overrides for action menu*/
.ember-basic-dropdown-trigger {
  outline: none;
}
.ember-basic-dropdown--transitioning-in .entry-action-menu {
    opacity: 1;
    transform: translate3d(0, -12px, 0);
  }
.ember-basic-dropdown--focus-inside .entry-action-menu-trigger .entry-action-menu-icon {
  opacity: 1;
}
.ember-basic-dropdown-content--below {
  border: none !important;
}
.dropdown-menu .dropdown-item.entries-sidebar-signOut,
    .dropdown-menu .dropdown-item.entries-sidebar-reprintBadge,
    .dropdown-menu .dropdown-item.entries-sidebar-deleteVisitor,
    .dropdown-menu .dropdown-item.entries-sidebar-referToEnvoy,
    .dropdown-menu .dropdown-item.entries-sidebar-inactive,
    .dropdown-menu .dropdown-item.entries-sidebar-signinVisitor,
    .dropdown-menu .dropdown-item.entries-sidebar-editVisitor,
    .dropdown-menu .dropdown-item.entries-sidebar-addToBlocklist,
    .dropdown-menu .dropdown-item.deliveries-sidebar-markNotCollected,
    .dropdown-menu .dropdown-item.deliveries-sidebar-delete {
      background-repeat: no-repeat;
      padding-left: 2.75rem;
      background-position: left 1rem center;
      background-size: 16px;
    }
.dropdown-menu .dropdown-item.entries-sidebar-editVisitor {
      background-image: url('images/pencil-dark-full.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-signOut {
      background-image: url('images/logout-door.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-reprintBadge {
      background-image: url('images/features/badge-portrait.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-referToEnvoy {
      background-image: url('images/email.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-deleteVisitor {
      background-image: url('images/trash-delete-black.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-inactive {
      background-image: url('images/ipad-demo/icons/redo.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-signinVisitor {
      background-image: url('images/ipad-demo/icons/pencil.svg');
    }
.dropdown-menu .dropdown-item.entries-sidebar-addToBlocklist {
      background-image: url('images/dash-in-circle-dark.svg');
    }
.dropdown-menu .dropdown-item.deliveries-sidebar-markNotCollected,
    .dropdown-menu .dropdown-item.deliveries-sidebar-delete {
      background-image: url('images/ipad-demo/icons/redo.svg');
    }
.dropdown-menu .dropdown-item.deliveries-sidebar-markNotCollected:hover, .dropdown-menu .dropdown-item.deliveries-sidebar-delete:hover {
        background-image: url('images/redo-red.svg');
      }
.entry-time-input {
  margin-bottom: 20px;
}
.entry-time-input.show-time .romeContainer {
      position: relative;
    }
.entry-time-input.show-time .romeContainer .rd-container {
        top: 0 !important;
        left: 0 !important;
        box-shadow: none;
      }
.entry-time-input.show-time .romeContainer .rd-container .rd-time-selected {
          display: none;
        }
.entry-time-input.show-time .romeContainer .rd-container .rd-time {
          position: absolute;
          top: 0;
          margin-top: 0;
        }
.entry-time-input input[type='text'] {
  height: auto;
  margin-bottom: 0;
}
/* tooltips*/
.ember-tooltip-target,
.ember-tooltip-or-popover-target {
  outline: none;
}
.ember-tooltip {
  border-radius: 0.5rem;

  outline: none;
  font-family: var(--fontFamily-brand);
  max-width: 220px;
}
.ember-tooltip[aria-hidden='true'] {
    transform: none !important;
    transition:
      transform 1s ease-in-out 1s,
      opacity 0.2s,
      margin-top 0.2s;
  }
.ember-tooltip[aria-hidden='false'] {
    pointer-events: all;
  }
/* Override tooltip.js's default z-index: 2 only for body-attached tooltips*/
/* (those rendered via @popperContainer="body") so they render above*/
/* ember-basic-dropdown content (z-index: 1000) without pushing every*/
/* inline-tooltip in the app above sticky overlays / drawer chrome.*/
body > .ember-tooltip {
  z-index: 1001;
}
.ember-tooltip a {
  color: inherit;
  text-decoration: underline;
  transition: all 0.2s;
}
.ember-tooltip a:hover {
    opacity: 0.8;
  }
/* Profile notes tooltip — matches Figma node 6171:43678*/
.profile-notes-tooltip.ember-tooltip {
  border-radius: 0.375rem;

  background: #fff;
  border: 1px solid #c9cbd4;
  padding: 11px 11px 11px 10px;
  text-shadow: none;
}
.profile-notes-tooltip.ember-tooltip .tooltip-arrow {
    display: none;
  }
.profile-notes-tooltip.ember-tooltip .ember-tooltip-inner {
    padding: 0;
    color: #303541;
    font-size: 12px;
    line-height: 1.5;
    background: transparent;
  }
/* Custom max-width for floor dropdown tooltips to accommodate long names*/
#floor-toggle .ember-tooltip {
  max-width: 320px;
}
/* Allow tooltips in floor toggle trigger to be visible*/
#floor-toggle .ember-basic-dropdown-trigger {
  overflow: visible !important;
}
/* Ensure floor tooltips have high z-index to appear above everything*/
#floor-toggle .ember-tooltip {
  z-index: 10000 !important;
}
.plugin-configure-row svg {
    max-width: 100%;
  }
.configure-line input[type='text'],
  .configure-line input[type='tel'],
  .configure-line input[type='email'],
  .configure-line input[type='password'],
  .configure-line input[type='url'],
  .configure-line select,
  .configure-line textarea,
  .configure-line .input,
  .configure-line .custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror {
    margin-bottom: 0;
  }
.configure-line textarea.source-code {
    font-family: monospace;
  }
.boxmode-plugin-icon-frame {
  padding: 5px 20px;
  height: 60px;
}
.boxmode-plugin-icon-frame svg {
    width: 100%;
    height: 50px;
    max-width: 200px;
  }
.rowmode-plugin-icon-frame {
  width: 50px;
  height: 50px;
}
.rowmode-plugin-icon-frame svg {
    width: 100%;
    height: 50px;
  }
ol.plugin-setup-steps {
  list-style-type: none;
}
ol.plugin-setup-steps li {
    counter-increment: step-counter;
  }
ol.plugin-setup-steps li::before {
      content: counter(step-counter);
      margin-right: 2px;
      width: 25px;
      height: 25px;
      font-weight: 500;
      vertical-align: 0;
      line-height: 25px;
      background-color: rgba(233, 28, 28, 0.075);
      color: #e91c1c;
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      border-radius: 50%;
    }
ol.plugin-setup-steps li.warning:not(.active)::after {
        content: 'Incomplete';
        display: inline-block;
        margin-left: 0.25rem;
        font-size: var(--fontSize-smaller);
        text-align: center;
        color: #c25700;
        background: #fff3d1;
        font-weight: var(--fontWeight-bold);
        padding: 2px 6px;
        border-radius: var(--border-radius-smaller);
        vertical-align: 2px;
      }
ol.plugin-setup-steps li.future {
      cursor: not-allowed;
    }
ol.plugin-setup-steps li.future::before {
        background-color: rgba(0, 0, 0, 0.075);
        color: black;
      }
ol.plugin-setup-steps li.future a {
        display: inline-block;
        vertical-align: middle;
        color: black;
        cursor: not-allowed;
      }
ol.plugin-setup-steps li.future a:hover {
          text-decoration: none;
        }
ol.plugin-setup-steps li.active {
      position: relative;
    }
ol.plugin-setup-steps li.active::before {
        background-color: #e91c1c;
        color: #fff;
      }
ol.plugin-setup-steps li.active a {
        color: #e91c1c;
      }
ol.plugin-setup-steps li.active a:hover {
          text-decoration: none;
          cursor: default;
        }
ol.plugin-setup-steps li.completed::before {
        content: '✔';
        background-color: #fff;
        color: #e91c1c;
      }
ol.plugin-setup-steps li.completed.active::before {
        background-color: #e91c1c;
        color: #fff;
      }
/* login screen */
.login-details.liquid-container {
  overflow: visible !important;
}
.login-details.liquid-container .liquid-child {
    overflow: visible !important;
  }
/* Admin roles*/
/* --------------------------------------------------*/
.adminRoles--box {
  width: calc(25% - 2.15rem);
}
@media only screen and (max-width: 1300px) {
.adminRoles--box {
    width: calc(33% - 2rem)
}
  }
@media only screen and (max-width: 960px) {
.adminRoles--box {
    width: calc(50% - 2.15rem)
}
  }
#multi-location-select-row {
  padding-left: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}
.multi-location-select-sublevel {
  padding-left: 2rem !important;
}
/* Visitor Types*/
/* --------------------------------------------------*/
.rd-time-option.selected {
  background-color: #efefef;
}
/* Border box selector*/
/* --------------------------------------------------*/
.borderBox {
  transition: all 0.2s;
  border-radius: var(--border-radius-base);
  border-style: solid;
  border-width: 1px;
  border-color: rgba(201, 203, 212, 0.6);
}
.borderBox.active,
  .borderBox:hover,
  .borderBox:focus {
    border-color: #e91c1c;
    text-decoration: none;
  }
/* Animate.css (partial library)*/
/* ------------------------------------------*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
.preloadImages {
  width: 1px;
  height: 1px;
  margin-top: -1px;
  background: url('images/sidebar/mainNav-red/visitors.svg'), url('images/sidebar/mainNav-filled/visitors.svg'),
    url('images/sidebar/mainNav-red/deliveries.svg'), url('images/sidebar/mainNav-filled/deliveries.svg'),
    url('images/sidebar/mainNav-red/integrations.svg'), url('images/sidebar/mainNav-filled/integrations.svg'),
    url('images/sidebar/mainNav-red/employees.svg'), url('images/sidebar/mainNav-filled/employees.svg'),
    url('images/sidebar/mainNav-red/schedule.svg'), url('images/sidebar/mainNav-filled/schedule.svg'),
    url('images/search-field-active.svg'), url('images/trash-white.png');
}
/* previous visits*/
.previous-visit {
  position: relative;
  transition: all 0.2s;
}
.previous-visit:hover {
    text-decoration: none;
    color: #e91c1c;
  }
.previous-visit span::after {
    content: '→';
    position: absolute;
    right: 0;
  }
/* Deliveries Landing Page*/
/* --------------------------------------------------*/
@media (max-width: 1400px) {
.product-photo {
    max-width: 375px
}
  }
.feature-box {
  min-height: 220px;
  border: solid 1px #e9e9ea;
}
@media (max-width: 1400px) {
.feature-box {
    min-height: 240px
}
  }
/* Nicknames (Deliveries)*/
/* --------------------------------------------------*/
.new-nickname input[type='text'],
.edit-nickname .ember-power-select-trigger {
  margin-bottom: 0;
}
/* Propagable settins (Global settings)*/
/* --------------------------------------------------*/
.propagable-settings {
  font-size: 16px;
  color: #e91c1c;
  font-weight: bold;
  line-height: 1;
  text-align: right;
  cursor: pointer;
}
.propagable-settings:not(.undo)::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 0.25em;
    vertical-align: -1px;
    background-image: url('images/globe.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
  }
.propagable-settings.undo .disabled {
      opacity: 0.4;
      cursor: auto;
    }
.propagable-settings.undo {

    border-radius: 2px;
    background-color: #daf5df;
    border: solid 1px #44c95b;
    font-weight: normal;
    font-size: 16px;
    color: #44c95b;
    padding: 11px;
    position: relative;
    top: -7px;
    right: -5px;
}
.propagable-settings.undo:hover {
      opacity: 0.8;
    }
.ember-modal-dialog--propagable-modal {
  min-width: 655px;
  min-height: 410px;
  border-radius: 2px;
  box-shadow: 0 6px 30px 0 rgba(40, 44, 54, 0.6);
}
.ember-modal-dialog--propagable-modal .propagable--locations-selector header, .ember-modal-dialog--propagable-modal .propagable--flows-selector header {
      min-height: 125px;
      padding: 30px 24px 19px 24px;
    }
.ember-modal-dialog--propagable-modal .propagable--locations-selector header .pageSearch, .ember-modal-dialog--propagable-modal .propagable--flows-selector header .pageSearch {
        max-width: 100%;
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector header .search-options, .ember-modal-dialog--propagable-modal .propagable--flows-selector header .search-options {
        margin-top: 20px;
        margin-bottom: -9px;
        height: 25px;
        max-width: 100%;
        padding-right: 10px;
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector header .search-options input, .ember-modal-dialog--propagable-modal .propagable--flows-selector header .search-options input {
          margin-left: 5px;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector header .search-options .selected-message, .ember-modal-dialog--propagable-modal .propagable--flows-selector header .search-options .selected-message {
          float: right;
          font-size: 16px;
          font-weight: bold;
          text-align: left;
          color: rgba(40, 44, 54, 0.6);
          display: inline-block;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list,
    .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list,
    .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list,
    .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list {
      border-top: solid 1px #e9e9ea;
      border-bottom: solid 1px #e9e9ea;
      min-height: 315px;
      max-height: 340px;
      overflow: auto;
    }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list.centered, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list.centered, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list.centered, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list.centered {
        display: flex;
        justify-content: center;
        align-items: center;
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .locations-list--no-match-locations,
      .ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flows-list--no-match-flows,
      .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .locations-list--no-match-locations,
      .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flows-list--no-match-flows,
      .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .locations-list--no-match-locations,
      .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flows-list--no-match-flows,
      .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .locations-list--no-match-locations,
      .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flows-list--no-match-flows {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        color: rgba(40, 44, 54, 0.6);
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .location-row, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .location-row, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .location-row, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .location-row {
        cursor: pointer;
        width: 100%;
        height: 45px;
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .location-row:hover, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .location-row:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .location-row:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .location-row:hover {
          background: #fafafe;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .location-row.is-selected, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .location-row.is-selected, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .location-row.is-selected, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .location-row.is-selected {
          background-color: #f6f6f7;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .location-row input, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .location-row input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .location-row input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .location-row input {
          margin-top: 14px;
          margin-left: 30px;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .location-row .row--name, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .location-row .row--name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .location-row .row--name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .location-row .row--name {
          margin-left: 30px;
          font-size: 16px;
          text-align: left;
          color: #282c36;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row {
        width: 100%;
        min-height: 50px;
      }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row:not(.showing-all):hover, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row:not(.showing-all):hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row:not(.showing-all):hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row:not(.showing-all):hover {
            background: #fafafe;
          }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row.all-selected, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row.all-selected, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row.all-selected, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row.all-selected {
          background-color: #f6f6f7;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row input, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row input {
          margin-top: 14px;
          margin-left: 30px;
          margin-bottom: 7px;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .group--name, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .group--name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .group--name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .group--name {
          margin-left: 30px;
          font-size: 16px;
          text-align: left;
          color: #282c36;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .group-action-right:hover, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .group-action-right:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .group-action-right:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .group-action-right:hover {
            color: rgba(40, 44, 54, 0.7);
          }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .group-action-right, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .group-action-right, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .group-action-right, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .group-action-right {

          float: right;
          cursor: pointer;
          height: 17px;
          margin-top: 12px;
          margin-right: 20px;
          font-size: 14px;
          font-weight: bold;
          text-align: right;
          color: rgba(40, 44, 54, 0.4);
}
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .item--list, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .item--list, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .item--list, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .item--list {
          list-style-type: none;
          padding-left: 0;
          margin-bottom: 0;
        }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .item--list li, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .item--list li, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .item--list li, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .item--list li {
            padding-left: 50px;
            cursor: pointer;
          }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .item--list li:hover, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .item--list li:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .item--list li:hover, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .item--list li:hover {
              background: #fafafe;
            }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .item--list li input, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .item--list li input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .item--list li input, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .item--list li input {
              margin-top: 10px;
              margin-bottom: 10px;
            }
.ember-modal-dialog--propagable-modal .propagable--locations-selector .locations-list .flow-row .item--list li .group--item-name, .ember-modal-dialog--propagable-modal .propagable--locations-selector .flows-list .flow-row .item--list li .group--item-name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .locations-list .flow-row .item--list li .group--item-name, .ember-modal-dialog--propagable-modal .propagable--flows-selector .flows-list .flow-row .item--list li .group--item-name {
              height: 17px;
              font-size: 14px;
              color: rgba(40, 44, 54, 0.6);
            }
.ember-modal-dialog--propagable-modal .propagable--locations-selector footer, .ember-modal-dialog--propagable-modal .propagable--flows-selector footer {
      height: 42px;
      padding: 24px;
    }
.ember-modal-dialog--propagable-modal .propagable--locations-selector footer button, .ember-modal-dialog--propagable-modal .propagable--flows-selector footer button {
        margin-top: -1px;
      }
.ember-modal-dialog--propagable-modal .propagable--changes-confirm {
    min-height: 302px;
    padding: 30px 40px 30px 40px;
  }
.ember-modal-dialog--propagable-modal .propagable--changes-confirm p {
      font-size: 16px;
      line-height: 1.5;
      text-align: left;
      color: rgba(40, 44, 54, 0.85);
    }
.ember-modal-dialog--propagable-modal .propagable--changes-confirm .settings-list {
      min-height: 179px;
    }
.ember-modal-dialog--propagable-modal .propagable--changes-confirm .settings-list ul li {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.5;
          text-align: left;
        }
.ember-modal-dialog--propagable-modal .propagable--changes-confirm footer p {
        margin-bottom: 45px;
      }
/* Changelogs – Needs investigation; should be replaced by ui-pill component*/
/* --------------------------------------------------*/
.log-day-group > h4 {
    margin-bottom: 20px;
  }
.log-day-group .changelog-list {
    padding-left: 2px;
  }
.log-day-group .changelog-list .log-box {
      list-style: none;
      width: 100%;
      min-height: 54px;
      border-radius: 2px;
      background-color: #fff;
      border-bottom: solid 1px #e9e9ea;
      margin-top: 3px;
    }
.log-day-group .changelog-list .log-box .hour {
        margin-top: 10px;
        vertical-align: top;
        font-size: 16px;
        text-align: left;
        color: rgba(40, 44, 54, 0.4);
      }
.log-day-group .changelog-list .log-box .change-wording {
        display: inline-block;
        margin-top: 10px;
        width: 87%;
      }
.log-day-group .changelog-list .log-box .change-wording .box-previews {
          min-height: 268px;
          position: relative;
          left: 7%;
          border: solid 1px rgba(40, 44, 54, 0.1);
        }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview {
            width: 49%;
            height: 100%;
          }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview:first-child {
              border-right: solid 1px rgba(40, 44, 54, 0.1);
            }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview header {
              height: 20px;
              padding: 10px;
            }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview header span.latest {
                  background-color: rgba(47, 134, 235, 0.1);
                  color: #2f86eb;
                }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview header span {

                width: 65px;
                height: 28px;
                font-size: 12px;
                font-weight: bold;
                line-height: 1.5;
                color: rgba(40, 44, 54, 0.6);
}
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview .preview--difference {
              height: 228px;
              overflow: auto;
            }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview .preview--difference.an-image {
                display: flex;
                flex-direction: column;
                justify-content: center;
              }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview .preview--difference img.single {
                max-width: 220px;
                max-height: 220px;
                display: block;
                margin: auto;
              }
.log-day-group .changelog-list .log-box .change-wording .box-previews .preview .preview--difference img.multiple {
                max-width: 170px;
                max-height: 170px;
                float: left;
                margin-right: 35px;
              }
.log-day-group .changelog-list .log-box .change-wording .box-previews .multiple-images {
            float: none;
            width: 100%;
          }
.log-day-group .changelog-list .log-box .change-wording .box-previews .multiple-images:first-child {
              border-bottom: solid 1px rgba(40, 44, 54, 0.1);
            }
.log-day-group .changelog-list .log-box .change-wording .box-previews .multiple-images .preview--difference {
              height: 170px;
            }
.log-day-group .changelog-list .log-box .change-wording .avatar {
          display: inline-block;
          max-width: 10%;
          height: 30px;
          vertical-align: top;
        }
.log-day-group .changelog-list .log-box .change-wording .avatar > div {
            padding: 0;
          }
.log-day-group .changelog-list .log-box .change-wording .avatar .monogram.medium,
          .log-day-group .changelog-list .log-box .change-wording .avatar img {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            margin-left: 10px;
            margin-right: 10px;
          }
.log-day-group .changelog-list .log-box .change-wording .bold-attr {
          font-weight: bold;
          color: #282c36;
        }
.log-day-group .changelog-list .log-box .change-wording .wording {
          width: 89%;
          position: relative;
          top: -3px;
          display: inline-block;
          font-size: 16px;
          vertical-align: bottom;
        }
.log-day-group .changelog-list .log-box .change-wording .wording::after {
            content: '.';
            margin-left: -4px;
          }
.log-day-group .changelog-list .log-box .change-wording .wording.mono i {
              font-family: monospace;
              font-style: normal;
            }
.log-day-group .changelog-list .log-box .change-wording .wording .color-box {
            position: relative;
            top: 2px;
            margin-left: 4px;
            display: inline-block;
            width: 18px;
            height: 19px;
            border-radius: 2px;
            border: solid 1px #282c36;
          }
.log-day-group .changelog-list .log-box .show--locations {
        margin-top: -5px;
        cursor: pointer;
        margin-left: 55px;
        width: 97px;
        height: 19px;
        position: relative;
        top: -5px;
        font-size: 12px;
        line-height: 1.58;
        text-align: left;
        color: rgba(40, 44, 54, 0.4);
      }
.log-day-group .changelog-list .log-box .show--locations:hover {
          color: #ed312e;
        }
.log-day-group .changelog-list .log-box .other--locations {
        margin-left: 55px;
        color: rgba(40, 44, 54, 0.6);
        font-size: 14px;
        margin-bottom: 10px;
        max-width: 800px;
      }
.log-day-group .changelog-list .log-box .other--locations .location--item {
          width: 120px;
          margin-right: 10px;
        }
.infinity-loading-log {
  text-align: center;
  font-size: 16;
  color: #ebebf0;
}
.infinity-loading-log img {
    width: 20px;
    height: 20px;
  }
.infinity-loading-log .loading-text {
    position: relative;
    top: -3px;
    margin-left: 5px;
  }
.infinity-loading-log .load-more {
    cursor: pointer;
    color: #e91c1c;
  }
.infinity-loading-log .load-more:hover {
      color: #fa4338;
    }
/* subscription-box — can be removed; has been replaced by ui-pill component*/
.trial-expired {
  background-color: #ffc021;
  border-radius: 100px;
  border: 1px solid;
  color: #fff;
  font-size: 12px;
  font-variant-numeric: lining-nums;
  line-height: 14px;
  margin-top: 2px;
  padding: 3px 10px 2px;
  vertical-align: text-top;
}
.trial-ending {
  background-color: rgba(47, 134, 235, 0.1);
  border-radius: 100px;
  border: 1px solid #2f86eb;
  color: #2f86eb;
  font-size: 12px;
  line-height: 14px;
  padding: 3px 10px 2px;
  margin-top: 2px;
  font-variant-numeric: lining-nums;
  vertical-align: text-top;
}
/* pagination arrow disabled button*/
.pagination-arrow.btn.disabled {
    background-color: #ebebf0;
    border: #c9cbd4;
    pointer-events: none;
  }
/* device status container*/
/* --------------------------------------------------*/
.deviceStatusContainer {
  display: inline-block;
  height: 24px;
  line-height: 27px;
  white-space: nowrap;
  font-weight: bold;
}
.deviceStatusContainer.good {
  color: #017939;
  background: #c7f5d2;
}
.deviceStatusContainer.bad {
  color: #a84f00;
  background: #ffe7bd;
}
.deviceStatusContainer.warn {
  color: #587000;
  background: #f0ef94;
}
/* devices*/
/* --------------------------------------------------*/
/* delivery details proof of pickup*/
.proof-of-pickup .signature-container {
    height: 63px;
    width: 184px;
    background-image: url('images/deliveries/signature-background.png');
  }
.delivery-bulk-actions {
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
}
.delivery-bulk-actions .number-selected {
    position: absolute;
    bottom: 0;
    left: 0;
  }
.more-button {
  padding: 5px;
}
/* hacky way of making the hover state better match the clickable area.*/
.more-button.text-black path {
      fill: #3f4450 !important;
    }
.more-button.text-black:hover path {
        fill: #8a8f9e !important;
      }
.more-button path {
    fill: #c9cbd4;
    transition: all 0.2s;
  }
.more-button:hover {
    cursor: pointer;
  }
.more-button:hover path {
      fill: #e91c1c;
    }
.sort-asc,
.sort-desc {
  border: none;
  height: 4px;
  width: 7px;
}
.sort-asc:hover, .sort-desc:hover {
    cursor: pointer;
  }
.sort-asc {
  background-image: url('images/chevron-up-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sort-asc.text-gem-50 {
    background-image: url('images/chevron-up-blue.svg');
  }
.sort-asc.active {
    background-image: url('images/chevron-up.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
.sort-asc.carot {
    background-image: url('images/carot-up.svg');
    height: 0.75rem;
    width: 0.75rem;
  }
.sort-desc {
  background-image: url('images/chevron-down-gray.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sort-desc.text-gem-50 {
    background-image: url('images/chevron-down-blue.svg');
  }
.sort-desc.active {
    background-image: url('images/chevron-down.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
.sort-desc.carot {
    background-image: url('images/carot-down.svg');
    height: 0.75rem;
    width: 0.75rem;
  }
.sort-field:hover {
    cursor: pointer;
  }
ol.numbered-list {
  list-style-type: none;
}
ol.numbered-list li {
    counter-increment: step-counter;
    margin-bottom: 0.75rem;
  }
ol.numbered-list li::before {
      content: counter(step-counter);
      margin-right: 0.5rem;
      width: 1.125rem;
      height: 1.125rem;
      vertical-align: 0;
      line-height: 1.125rem;
      font-size: 0.75rem;
      background-color: #e91c1c;
      color: white;
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      border-radius: 50%;
    }
.deliveries-sample-label {
  border-radius: 4px;
  max-width: 478px;
  max-height: 96vh;
  background: #fff;
}
.deliveries-sample-label .barcode-label {
    letter-spacing: unset;
  }
.deliveries-cta button {
    width: 120px;
    height: 36px;
    border-radius: 2px;
    background-color: #ef3934;
  }
.ember-modal-dialog--header-modal {
  max-width: 700px;
}
.ember-modal-dialog--header-modal header {
    background-color: #f6f6f9;
    padding: 32px;
  }
.ember-modal-dialog--two-col-document {
  max-width: none;
  width: 960px;
  height: 667px;
  background: #fff;
  background: linear-gradient(
    90deg,
    #4141a2 0%,
    #4141a2 50%,
    #fff 50%,
    #fff 100%
  );
}
.ember-modal-dialog--response-options {
  max-width: 700px;
  max-height: 768px;
}
.ember-modal-dialog--field-options {
  max-width: 902px;
}
.ember-modal-dialog--field-options--content {
  min-height: 30vh;
}
.ember-modal-dialog--global-flows-creation {
  max-width: 704px;
  max-height: 490px;
}
.ember-modal-dialog--create-flow {
  min-width: 700px;
  min-height: 300px;
}
.ember-modal-dialog--edit-floor {
  width: 370px;
  height: 250px;
  padding: 24px;
}
.ember-modal-dialog--reservation {
  padding: 32px;
}
.ember-modal-dialog--policy-review {
  max-width: 640px;
  max-height: 480px;
}
/* envoy-ui Dialog (DialogContent). Their radius scale is custom -- `--radius`*/
/* is 6px, so their `rounded-2xl` is 10px, not Tailwind's 16px. Same reason the*/
/* shadow is spelled out: our preset overrides `shadow-xl` with its own value.*/
.ember-modal-dialog--terms-of-service {
  min-width: min(27.5rem, 95vw);
  /* 36rem, not envoy-ui's default 32rem: the body copy measures 476px in*/
  /* SofiaPro 400/16, which overflows a 32rem dialog's 448px content box and*/
  /* wraps. 36rem leaves 512px, keeping the sentence on one line.*/
  max-width: 36rem;
  max-height: 80vh;
  padding: 0;
  border-radius: 10px;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}
.iphone-iframe {
  height: 646px;
  border-radius: 34px;
  width: 299px;
  background-color: white;
  margin-left: 12px;
  margin-top: 12px;
  position: absolute;
  z-index: 99;
}
.skeleton-line {
  width: 100%;
  height: 29px;
  border-radius: 3px;
  background-image: linear-gradient(90deg, #eee 0, #f7f7f7 40px, #eee 80px);
  background-size: 600px;
  animation: skeleton-shine-lines 1.6s infinite linear;
}
.skeleton-animation {
  background-image: linear-gradient(90deg, #eee 0, #f7f7f7 40px, #eee 80px);
  animation: skeleton-shine-lines 6.6s infinite linear;
}
@keyframes skeleton-shine-lines {
  0% {
    background-position: -100px;
  }

  40%,
  100% {
    background-position: 140px;
  }
}
.profile-integration-icon svg {
    width: inherit;
  }
.skeleton-loading-boxes {
  opacity: 0.7;
}
.skeleton-loading-boxes .text {
    background-image: linear-gradient(90deg, #eee 0, #f8f8f8 40px, #eee 80px);
    background-size: 600px;

    animation: shine-title 2.9s infinite linear;
  }
.skeleton-loading-boxes .box {
    background-image: linear-gradient(90deg, #eee 0, #f8f8f8 40px, #eee 80px);
    background-size: 600px;

    animation: shine-entire-box 2.9s infinite linear;
  }
.skeleton-loading-boxes .title {
    float: left;
    width: 40%;
    height: 20px;
    border-radius: 2px;

    background-image: linear-gradient(90deg, #eee 0, #f8f8f8 40px, #eee 80px);
    background-size: 600px;

    animation: shine-title 2.9s infinite linear;
  }
.skeleton-loading-boxes .entire-box {
    float: left;
    width: 100%;
    height: 65px;
    border-radius: 2px;

    background-image: linear-gradient(90deg, #eee 0, #f8f8f8 40px, #eee 80px);
    background-size: 600px;

    animation: shine-entire-box 2.9s infinite linear;
  }
@keyframes shine-title {
    0% {
      background-position: -50px;
    }

    40%,
    100% {
      background-position: 200px;
    }
  }
@keyframes shine-entire-box {
    0% {
      background-position: -100px;
    }

    40%,
    100% {
      background-position: 300px;
    }
  }
.steps-circle {
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  border: solid 1px rgba(40, 44, 54, 0.16);
  background-color: #fff;
  display: inline-block;
  color: #c9cbd4;
  text-align: center;
  vertical-align: middle;
}
.steps-circle span {
    vertical-align: middle;
    position: relative;
    top: 1px;
    left: 0;
  }
.steps-circle.current {
    background-color: #ef3934;
    color: #fff;
  }
/* Faux Table for Blocklist-Filters on Configure Blocklist Page*/
.blocklist-export {
  max-height: 620px;
  width: 100%;
  border: 2px solid #eee;
}
.csv-table {
  max-height: 680px;
  border: solid 1px #e9e9ea;
  border-radius: 2px;
  width: 100%;
}
.csv-table .csv-table-button-row {
    height: 78px;
  }
.csv-table .csv-table-header-row {
    max-height: 33px;
    box-shadow: 0 1px 0 0 #e9e9ea;
    background-color: #fbfbfb;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.25;
  }
.csv-table .csv-table-header-row .blocklist-photo {
      width: 67px;
    }
.csv-table .csv-table-header-row .csv-cell,
    .csv-table .csv-table-header-row .blocklist-name {
      width: 20%;
    }
.csv-table .csv-table-header-row .blocklist-aliases {
      width: 15%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-emails {
      width: 20%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-phones {
      width: 20%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-description {
      width: 20%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-keywords {
      width: 20%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-reason {
      width: calc(40% - 94px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.csv-table .csv-table-header-row .blocklist-action {
      width: 34px;
    }
.csv-table .csv-table-empty {
    font-size: 24px;
    text-align: center;
    height: 580px;
    line-height: 580px;
  }
.csv-table .csv-table-body .csv-table-row {
      height: 58px;
      width: 100%;
      cursor: pointer;
    }
.csv-table .csv-table-body .csv-table-row div[role='button'] {
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
      }
.csv-table .csv-table-body .csv-table-row.blocklist-import-row-complete {
        background-color: #c9cbd4;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-photo {
        height: 42px;
        width: 60px;
      }
.csv-table .csv-table-body .csv-table-row .csv-cell,
      .csv-table .csv-table-body .csv-table-row .blocklist-name {
        height: 42px;
        width: 20%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-aliases {
        height: 42px;
        width: 15%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-emails {
        height: 42px;
        width: 20%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-phones {
        height: 42px;
        width: 20%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-description {
        height: 42px;
        width: 20%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-keywords {
        height: 42px;
        width: 20%;
      }
.csv-table .csv-table-body .csv-table-row .blocklist-reason {
        height: 42px;
        width: calc(40% - 94px);
      }
.csv-table .csv-table-body .csv-table-row .blocklist-action {
        height: 42px;
        width: 34px;
      }
.blocklist-droppable {
  max-width: 583px;
  min-height: 225px;
  padding: 32px 20px 32px 20px;
}
.drop-box {
  transition: all 0.2s;
  border: dashed 1px #c9cbd4;
  border-radius: 4px;
}
.drop-box label {
    vertical-align: top;
  }
.drop-box .example-fields {
    border-radius: 2px;
    background-color: #f6f6f7;
    line-height: 1.43;
    letter-spacing: normal;
    color: #282c36;
  }
.drop-box .example-fields span {
      color: #717684;
    }
.drop-box.with-file {
    min-height: 50px;
    padding: 20px 20px 5px 20px;
  }
.drop-box.drag-over {
    background-color: #f6f6f7;
    box-shadow: 0 0 0 1px rgba(97, 97, 255, 0.5) inset;
    transition: all 0.2s;
    border-radius: var(--border-radius-base);
    position: relative;
  }
.drop-box.drag-over * {
      opacity: 0;
    }
.drop-box.drag-over::after {
      content: 'Drag and drop your CSV file here';
      display: block;
      position: absolute;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      top: 35px;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      text-align: center;
      font-weight: normal;
      font-size: 14px;
    }
.drop-box.drag-over.image-drop::after {
      content: 'Drag and drop your image file here';
    }
.drop-box.drag-over-wrong {
    background-color: #fed7d7bf;
    box-shadow: 0 0 0 1px rgba(250, 67, 56, 0.5) inset;
    transition: all 0.2s;
    border-radius: var(--border-radius-base);
    position: relative;
    color: #cd5a5a;
    cursor: pointer;
  }
.drop-box.drag-over-wrong * {
      opacity: 0;
    }
.drop-box.drag-over-wrong::after {
      content: 'Please check that the file is a CSV.';
      display: block;
      position: absolute;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      top: 35px;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      text-align: center;
      font-weight: normal;
      font-size: 14px;
    }
.drop-box.drag-over-wrong.image-drop::after {
      content: 'Please check that the file is a JPG or PNG.';
    }
.drop-box.drag-over-wrong.file-size-error.image-drop::after {
        content: 'File size cannot exceed ' attr(data-max-file-size) 'mb';
      }
.split-drop-button img {
    filter: invert(38%) sepia(62%) saturate(5273%) hue-rotate(342deg) brightness(95%) contrast(97%);
  }
.split-drop-button:hover img {
    filter: invert(1);
  }
.config--new-steps label.h5 {
    color: #3f4450;
    text-transform: none;
    cursor: default;
    font-size: 17px;
  }
.config--new-steps label.h5 svg {
      padding-right: 8px;
      position: relative;
      top: -2px;
    }
.config--new-steps ul {
    margin-left: 10px;
    list-style-type: circle;
  }
.config--new-steps ul li span {
        padding-left: 12px;
      }
.location-billing-block {
  min-height: 148px;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  position: relative;
}
.location-billing-block .locations-items {
    width: 100%;
    height: 100%;
  }
.location-billing-block .locations-items .location-item-area {
      display: flex;
      border-radius: 8px;
      border: solid 1px rgba(201, 202, 205, 0.6);
      position: relative;
      margin-bottom: 16px;
    }
.location-billing-block .locations-items .location-item-area:last-child {
        margin-bottom: 0;
      }
.location-billing-block .locations-items .location-item-area .location-item-left {
        width: 300px;
      }
.location-billing-block .locations-items .location-item-area .location-item-left .location-item-title {
          width: 300px;
          /* font-family: CeraPRO;*/
          font-size: 16px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: #282c36;
        }
.location-billing-block .locations-items .location-item-area .location-item-left .location-item-renewal {
          width: 300px;
          height: 15px;
          margin: 2px 0 0 0;
          /* font-family: CeraPRO;*/
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          letter-spacing: normal;
          color: #717684;
        }
.location-billing-block .locations-items .location-item-area .location-item-main {
        width: calc(100% - 300px);
        float: right;
        position: relative;
      }
.location-billing-block .locations-items .location-item-area .location-item-main .location-manage-button {
          position: absolute;
          right: 8px;
          top: 16px;
          color: #717274;
        }
.location-billing-plan-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  line-height: 28px;
}
.location-billing-plan-item.item-cancelled {
    opacity: 0.65;
  }
.location-billing-plan-item:last-child {
    margin-bottom: 0;
  }
.location-billing-plan-item .billing-item-icon {
    width: 24px;
    height: 24px;
    padding: 4px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 4px;
  }
.location-billing-plan-item .get-started {
    color: #007bc2;
    height: 26px;
    display: inline-block;
    vertical-align: text-bottom;
  }
.location-billing-plan-item .plan-quantity {
    margin-left: 4px;
    display: inline-block;
    font-weight: normal;
    height: 26px;
  }
.location-billing-plan-item .plan-item {
    display: inline-block;
    vertical-align: text-bottom;
    font-weight: 600;
    height: 26px;
  }
.location-billing-plan-item .trial-ends {
    display: inline-block;
    vertical-align: text-bottom;
    font-weight: normal;
    height: 26px;
  }
.location-billing-plan-item .cancelled-at {
    color: #e91c1c;
    display: inline-block;
    vertical-align: text-bottom;
    font-weight: normal;
    height: 26px;
  }
.location-billing-editor hr {
    margin: 24px 0;
  }
.location-billing-editor .closed-top {
    height: 100%;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
.location-billing-editor .closed-top .cancelled-at,
    .location-billing-editor .closed-top .trial-ends,
    .location-billing-editor .closed-top .plan-quantity {
      font-weight: normal;
    }
.location-billing-editor .closed-top .btn--link {
      margin-top: 0.5rem;
      margin-bottom: calc(0.5rem - 1px);
    }
.location-billing-editor .closed-top-opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
.location-billing-editor .select-plan {
    padding: 24px;
    border-top: solid 1px #eeeff5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    position: relative;
  }
.location-billing-editor .select-plan li.feature {
      display: flex;
      line-height: 1.25;
      font-size: 1em;
      padding-bottom: 8px;
      align-items: flex-end;
    }
.location-billing-editor .select-plan li.feature img {
        padding-right: 0.5rem;
      }
.location-billing-editor .select-plan ul.two-row {
      list-style-type: none;
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 0.5em;
           column-gap: 0.5em;
    }
.location-billing-editor .select-plan-price {
    text-align: right;
    height: 30px;
    /* font-family: CeraPRO;*/
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    margin-bottom: 8px;
    color: #282c36;
  }
.location-billing-editor .select-plan-cycle {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: #717274;
    margin-bottom: 24px;
  }
.location-billing-editor .select-plan-row-item {
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #c9cbd4;
    max-width: 450px;
  }
.location-billing-editor .select-plan-row-item:first-of-type {
      padding-top: 0;
    }
.location-billing-editor .select-plan-row-item:last-child {
      border: none;
    }
.location-billing-editor .select-plan-row-item label {
      font-size: 16px;
      text-transform: none;
      color: #3f4450;
      padding: 0;
    }
.location-billing-editor .select-plan-row-item input {
      margin-bottom: 0;
    }
.location-billing-editor .select-plan-button {
    text-align: right;
    float: inline-end;
  }
.location-billing-editor .select-quantity {
    text-align: right;
  }
.location-billing-editor .edit-quantity {
    min-height: 400px;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-top: solid 1px #717684;
    background-color: #fff;
    position: relative;
  }
.period-switcher {
  min-width: 200px;
  font-size: 14px;
  font-weight: 400;
}
.period-switcher .monthly {
    display: inline-block;
    text-align: left;
    vertical-align: text-bottom;
    width: 70px;
    height: 1.5rem;
  }
.period-switcher .switcher {
    display: inline-block;
    vertical-align: bottom;
    max-width: 60px;
  }
.period-switcher .switcher .toggle span,
    .period-switcher .switcher .toggle--tiny span {
      box-shadow: inset 0 0 0 16px #c9cbd4;
    }
.period-switcher .yearly {
    display: inline-block;
    text-align: right;
    vertical-align: text-bottom;
    width: 70px;
    height: 1.5rem;
  }
.billing-amount {
  display: block;
  margin: 2px 0 0 4px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: right;
}
.billing-period {
  margin: 2px 0 0 4px;
  /* font-family: CeraPRO;*/
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: right;
  color: #717684;
}
.quantity-editor {
  max-width: 60px;
  min-width: 60px;
}
.quantity-editor::-webkit-outer-spin-button,
.quantity-editor::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.quantity-editor {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.plan-border {
  border-bottom: solid #444 1px;
}
.location-summary {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin-bottom: 24px;
  border-radius: 0.5rem;
  border: solid 1px rgba(201, 202, 205, 0.6);
  background-color: #fff;
}
.location-summary hr {
    margin: 0 0 1rem 0;
    color: #c9cbd4;
  }
.current-subscription {
  border-radius: 8px;
  background-color: #f6f6f7;
}
.billing-tooltip {
  z-index: 999;
}
@keyframes purchaseDash {
  0% {
    stroke-dashoffset: var(--offset);
  }

  50% {
    stroke-dashoffset: calc(var(--offset) / 4);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: var(--offset);
    transform: rotate(450deg);
  }
}
@keyframes purchaseRotator {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}
.purchase-spinner {
  animation: purchaseRotator var(--duration) linear infinite;
}
.purchase-path {
  stroke-dasharray: var(--offset);
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    purchaseDash var(--duration) ease-in-out infinite,
    colors calc(var(--duration) * 4) ease-in-out infinite;
}
@keyframes colors {
  0% {
    stroke: #c9cbd4;
  }
  25% {
    stroke: #c9cbd4;
  }
  50% {
    stroke: #c9cbd4;
  }
  75% {
    stroke: #c9cbd4;
  }
  100% {
    stroke: #c9cbd4;
  }
}
.batch-waiting-spinner {
  margin-top: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.batch-waiting-message {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(40, 44, 54, 0.65);
}
.z-1000 {
  z-index: 1000;
}
.global-flow-icon::after {
    content: 'G';
    position: relative;
    font-size: var(--fontSize-smaller);
    font-weight: var(--fontWeight-bold);
    border-radius: 2px;
    border: none;
    color: #6161ff;
    background: #f0f4ff;
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
  }
.global-flow-list-item::before {
    content: '';
    position: absolute;
    width: calc(100% + 60px);
    height: 100%;
    left: -10px;
  }
.local-flow-list-item {
  position: relative;
}
.local-flow-list-item::before {
    content: '';
    position: absolute;
    width: calc(100% + 30px);
    height: 100%;
    left: -10px;
  }
.analytics-upsell-container {
  max-height: 100%;
  height: calc(100vh - 10.5rem);
  margin: 0;
  opacity: 0.4;
  filter: blur(5px);
  overflow-y: hidden;
}
.analytics-upsell-container img {
    -o-object-fit: fill;
       object-fit: fill;
  }
.upsell-splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 33%;
  padding: 20px;
}
.upsell-splash .product-image {
    max-width: 350px;
    width: 100%;
  }
@keyframes fullView {
  100% {
    width: 100%;
  }
}
.animate-li-loading-wrapper {
  width: 0;
  animation: fullView forwards linear;
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }

  100% {
    background-position: 1000px 0;
  }
}
.animate-li-loading {
  animation: shimmer 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
}
.icon-fill-white path {
  fill: #fff;
}
.icon-fill-carbon-50 path {
  fill: #717684;
}
.icon-fill-carbon-70 path {
  fill: #3f4450;
}
.icon-fill-black path {
  fill: #000;
}
.icon-fill-red-40 path {
  fill: #fa4338;
}
.icon-fill-red-50 path {
  fill: #e91c1c;
}
.icon-fill-papaya-50 path {
  fill: #c25700;
}
.icon-fill-pistachio-50 path {
  fill: #6a7e07;
}
.icon-fill-cilantro-50 path {
  fill: #018940;
}
input.checkbox-fill-gem-50[type='checkbox'] {
  accent-color: #6161ff;
}
.table-light th,
.table-light td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebf0;
}
.table-light tr:last-child td {
  border-bottom: 0;
}
.user-document-card-banner {
  padding: 2rem;
  border-radius: 0.5rem;

  min-height: 388px;
  background-color: rgb(223, 233, 255);
  vertical-align: middle;
}
.user-document-status {
  background-color: rgb(223, 233, 255);
}
.document-upload-sidebar {
  background-image: linear-gradient(to bottom, rgba(233, 233, 234, 0.2), rgba(40, 44, 54, 0.15));
  width: 300px;
  height: 750px;
}
.content-prefix-host::before {
  content: 'Host: ';
  font-weight: bold;
}
.photo-mask::after {
  content: '';
  box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.5);
}
.direct-uploader.file-selected {
    background-image: linear-gradient(45deg, #ebebf0 25%, transparent 25%),
      linear-gradient(-45deg, #ebebf0 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #ebebf0 75%),
      linear-gradient(-45deg, transparent 75%, #ebebf0 75%);
    background-size: 16px 16px;
    background-position:
      0 0,
      0 8px,
      8px -8px,
      -8px 0;
  }
/* location gating*/
/* --------------------------------------------------*/
input#location-search[type='search'] {
  max-width: none;
}
/* Gem themed stepper*/
/* --------------------------------------------------*/
.step-indicator--gem.step-indicator--active .step-indicator__fill,
  .step-indicator--gem.step-indicator--completed .step-indicator__fill {
    background-color: #6161ff;
  }
.step-indicator--gem.step-indicator--active .step-indicator__dot {
    border: 1px solid #6161ff;
  }
.step-indicator--gem.step-indicator--completed .step-indicator__dot {
    background-color: #fff;
    border-color: #6161ff;
  }
.fire-alert-phone-notification-img {
  background-image: url('images/empty-state/fire-alert-phone-notification.svg');
}
.empty-state-img {
  height: 145px;
  width: 256px;
  background-size: contain;
  background-image: url('images/connect/empty-state.svg');
}
.empty-state-message-img {
  height: 145px;
  width: 256px;
  background-size: contain;
  background-image: url('images/empty-message.svg');
}
.skeleton-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #eee 0, #f7f7f7 40px, #eee 80px);
  background-size: 600px;
  animation: skeleton-shine-lines 1.6s infinite linear;
}
/* Size variants*/
.skeleton-circle.x-small {
    width: 14px;
    height: 14px;
  }
.skeleton-circle.medium {
    width: 48px;
    height: 48px;
  }
.skeleton-circle.large {
    width: 72px;
    height: 72px;
  }
.skeleton-circle.xlarge {
    width: 96px;
    height: 96px;
  }
.questionnaires-empty-state-img {
  height: 195px;
  width: 188px;
  background-image: url('images/questionnaires/empty-state.svg');
  background-repeat: no-repeat;
}
.search-bar {
  position: absolute;
  transition: all 0.2s ease-in-out;
}
.search-bar.overview-open {
    left: 295px;
  }
.bg-light-grey {
  background-color: #fbfbfb;
}
.last-row .table-cell {
  border-bottom: none !important;
}
/* Export Status Component*/
.export-status {
  position: fixed;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 32px;
  width: 420px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.export-status.minimized .export-status-body {
      max-height: 0;
      overflow: hidden;
      padding-top: 0;
    }
.export-status-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.export-status-title {
  font-size: 18px;
  font-weight: 600;
  color: #3f4450;
  margin: 0;
  margin-top: 3px;
  line-height: 1.4;
}
.status-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 32px;
  flex-shrink: 0;
}
.status-icon.status-started {
    color: #6161ff;
  }
.status-icon.status-complete {
    color: #018940;
  }
.status-icon.status-failed {
    color: #c70a14;
  }
.spinner {
  width: 20px;
  height: 20px;
  border: 3px solid #bdcdff;
  border-top-color: #6161ff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.export-status-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #3f4450;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
  padding: 0;
}
.action-button:hover {
    background: #f6f6f9;
    color: #3f4450;
  }
.action-button:active {
    background: #ebebf0;
  }
.export-status-body {
  padding-top: 16px;
  max-height: 200px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.export-status-message {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #3f4450;
  margin: 0;
}
.export-status-link {
  color: #6161ff;
  text-decoration: none;
  font-weight: 500;
}
.export-status-link:hover {
    text-decoration: underline;
  }
/* Required documents — calendar date picker selected state*/
[data-test-policy-specific-date-input] .selected-date {
  background-color: #6161ff !important;
  color: #ffffff !important;
}
/* Separator option in PowerSelect dropdown*/
/* Uses .in-modal for higher specificity to beat forms.css .ember-power-select-option { padding: 8px }*/
.in-modal .ember-power-select-option:has(> hr),
.in-modal .ember-power-select-option:has([data-separator]) {
  padding: 0 !important;
  padding-top: 0px !important;
  line-height: 0;
}
/* Document checkbox — Figma unchecked border #B4B4B4, checked fill gem-50*/
input[type='checkbox'].accent-gem-50 {
  accent-color: #6161ff;
  outline: 1px solid #b4b4b4;
  outline-offset: -1px;
  border: none;
  border-radius: 2px;
}
input[type='checkbox'].accent-gem-50:checked {
    outline-color: #6161ff;
  }
/* Document type dropdown — Figma chevron (16x16) replaces default arrow*/
.document-type-trigger.ember-power-select-trigger {
  background: url('images/chevron-down-16.svg') no-repeat right 12px center;
  background-size: 16px 16px;
  padding-right: 36px;
}
/* Document type dropdown — option text styles (Figma Body/16)*/
.in-modal .ember-power-select-option {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #3f4450;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-feature-settings:
    'liga' off,
    'clig' off;
}
/* Custom checkbox — appearance:none + clip-path checkmark (moderncss.dev pattern)*/
.custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  width: 14px;
  height: 14px;
  border: 1.5px solid #b4b4b4;
  border-radius: 3px;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.custom-checkbox::before {
    content: '';
    width: 8px;
    height: 8px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    background-color: #fff;
  }
.custom-checkbox:checked {
    background-color: #6161ff;
    border-color: #6161ff;
  }
.custom-checkbox:checked::before {
    transform: scale(1);
  }
.custom-checkbox:disabled {
    background-color: #c9cbd4;
    border-color: #c9cbd4;
    cursor: not-allowed;
  }
/* Custom radio — filled circle with white center dot when checked*/
.custom-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  width: 16px;
  height: 16px;
  border: 1.5px solid #b4b4b4;
  border-radius: 50%;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition:
    120ms background-color ease-in-out,
    120ms border-color ease-in-out;
}
.custom-radio::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #fff;
  }
.custom-radio:checked {
    background-color: #6161ff;
    border-color: #6161ff;
  }
.custom-radio:checked::before {
    transform: scale(1);
  }
.custom-radio:disabled {
    background-color: #c9cbd4;
    border-color: #a4a9b6;
    box-shadow:
      0 1px 1.5px 0 rgba(0, 0, 0, 0.26) inset,
      0 -1px 1.5px 0 rgba(0, 0, 0, 0.1) inset;
    cursor: not-allowed;
  }
.custom-radio:disabled:checked {
      background-color: #a4a9b6;
      border-color: #a4a9b6;
    }
.custom-radio:disabled::before {
      background-color: #c9cbd4;
    }
.sort-arrows-and-number {
  background-image: url('images/resource-map/sort-arrows-and-number.svg');
}
.view-only {
  height: 100%;
}
.full-screen {
  height: calc(100% - 76px);
}
.view-only {
  height: 100%;
}
.desk-auto-generation-change-direction:hover .sort-arrows-and-number {
  background-image: url('images/resource-map/sort-arrows-and-number-white.svg');
}
[data-test-desk-assignment-creation-modal] .calendar-popover {
  left: 4rem;
}
.desk-auto-generation-arrange-horizontal {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url('images/long-right-arrow.svg');
}
.desk-auto-generation-arrange-vertical {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 19px;
  background-image: url('images/long-down-arrow.svg');
}
.desk-auto-generation-chevron-down-white {
  display: inline-block;
  width: 12px;
  height: 7px;
  background-image: url('images/chevron-down-carbon-20.svg');
  background-size: cover;
  background-position: center;
}
.desk-auto-generation-change-direction:hover .desk-auto-generation-chevron-down-white {
  background-image: url('images/chevron-down-white.svg');
}
.desk-auto-generation-deny {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('images/circle-cross-carbon-20.svg');
  background-size: cover;
  background-position: center;
}
.desk-auto-generation-deny:hover {
    background-image: url('images/circle-cross-white.svg');
  }
.desk-auto-generation-confirm {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('images/carbon-20-check.svg');
  background-size: cover;
  background-position: center;
}
.desk-auto-generation-confirm:hover {
    background-image: url('images/white-check.svg');
  }
.clock-icon-borderless {
  background-image: url('images/resource-map/clock-icon-borderless.svg');
  background-size: cover;
  width: 12px;
  height: 12px;
}
.clock-icon {
  background-image: url('images/resource-map/clock-icon.svg');
  background-size: cover;
  width: 16px;
  height: 16px;
}
.resource-icon-base,
.reserved-desk-icon,
.reserved-parking-icon {
  background-position: center;
  background-repeat: no-repeat;
  --tw-shadow: 0 4px 8px 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 9999px;
}
.status-badge .resource-icon-base,.status-badge 
.reserved-desk-icon,.status-badge 
.reserved-parking-icon {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
.resource-icon-base,
.reserved-desk-icon,
.reserved-parking-icon {

  background-size: 100% 100%;
  --resource-schedule-badge-offset: -13.3333%;
  --resource-schedule-badge-size: 46.6667%;
}
/* FOLLOW-UP REFACTOR (tracked separately): polygon-area markers (rooms etc.)*/
/* render their centroid icon via Leaflet DivIcon + CSS background-image,*/
/* which packs the colored circle and the glyph into a single SVG bitmap.*/
/* Point markers (restrooms, desks, parking, POIs) go through the JS*/
/* helper getCircularMarkerShellHtml, which renders the shell and glyph as*/
/* separate elements with inline color/border so its hide-content threshold*/
/* "just works." Until area markers are routed through that same helper,*/
/* this rule + the small-shell HTML in resource-map/area/component.js*/
/* (getRoomHtml) cooperate to mimic the same behavior:*/
/**/
/*   - This CSS rule suppresses the wrapper's per-type SVG and shadow when*/
/*     the marker drops below MARKER_SHELL_HIDE_CONTENT_AT_MARKER_SIZE.*/
/*   - The component renders an inline circular shell inside the wrapper*/
/*     (border + colored fill + shadow) that visually matches what*/
/*     getCircularMarkerShellHtml renders for point markers.*/
.resource-icon-base.is-glyph-hidden, .reserved-desk-icon.is-glyph-hidden, .reserved-parking-icon.is-glyph-hidden {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
.resource-icon-base.move-request-highlight, .reserved-desk-icon.move-request-highlight, .reserved-parking-icon.move-request-highlight {
    box-shadow:
      0 0 0 3px #fa4338,
      0 5.4px 10.7px 0 rgba(0, 0, 0, 0.12);
  }
.resource-icon-base.visitor-area, .reserved-desk-icon.visitor-area, .reserved-parking-icon.visitor-area {
    background-image: url('images/resource-map/visitor-area-icon.svg');
  }
.resource-icon-base.visitor-area.is-disabled, .reserved-desk-icon.visitor-area.is-disabled, .reserved-parking-icon.visitor-area.is-disabled {
      background-image: url('images/resource-map/disabled-visitor-area-icon.svg');
    }
.resource-icon-base.emergency-exit, .reserved-desk-icon.emergency-exit, .reserved-parking-icon.emergency-exit {
    background-image: url('images/resource-map/emergency-exit-icon.svg');
  }
.resource-icon-base.emergency-exit.is-disabled, .reserved-desk-icon.emergency-exit.is-disabled, .reserved-parking-icon.emergency-exit.is-disabled {
      background-image: url('images/resource-map/disabled-emergency-exit-icon.svg');
    }
.resource-icon-base.accessible, .reserved-desk-icon.accessible, .reserved-parking-icon.accessible {
    background-image: url('images/resource-map/accessible-icon.svg');
  }
.resource-icon-base.accessible.is-disabled, .reserved-desk-icon.accessible.is-disabled, .reserved-parking-icon.accessible.is-disabled {
      background-image: url('images/resource-map/disabled-accessible-icon.svg');
    }
.resource-icon-base.elevator, .reserved-desk-icon.elevator, .reserved-parking-icon.elevator {
    background-image: url('images/resource-map/elevator-icon.svg');
  }
.resource-icon-base.elevator.is-disabled, .reserved-desk-icon.elevator.is-disabled, .reserved-parking-icon.elevator.is-disabled {
      background-image: url('images/resource-map/disabled-elevator-icon.svg');
    }
.resource-icon-base.fire-extinguisher, .reserved-desk-icon.fire-extinguisher, .reserved-parking-icon.fire-extinguisher {
    background-image: url('images/resource-map/fire-extinguisher-icon.svg');
  }
.resource-icon-base.fire-extinguisher.is-disabled, .reserved-desk-icon.fire-extinguisher.is-disabled, .reserved-parking-icon.fire-extinguisher.is-disabled {
      background-image: url('images/resource-map/disabled-fire-extinguisher-icon.svg');
    }
.resource-icon-base.stairs, .reserved-desk-icon.stairs, .reserved-parking-icon.stairs {
    background-image: url('images/resource-map/stairs-icon.svg');
  }
.resource-icon-base.stairs.is-disabled, .reserved-desk-icon.stairs.is-disabled, .reserved-parking-icon.stairs.is-disabled {
      background-image: url('images/resource-map/disabled-stairs-icon.svg');
    }
.resource-icon-base.aed, .reserved-desk-icon.aed, .reserved-parking-icon.aed {
    background-image: url('images/resource-map/AED-icon.svg');
  }
.resource-icon-base.aed.is-disabled, .reserved-desk-icon.aed.is-disabled, .reserved-parking-icon.aed.is-disabled {
      background-image: url('images/resource-map/disabled-AED-icon.svg');
    }
.resource-icon-base.delivery-area, .reserved-desk-icon.delivery-area, .reserved-parking-icon.delivery-area {
    background-image: url('images/resource-map/delivery-area-icon.svg');
  }
.resource-icon-base.delivery-area.is-disabled, .reserved-desk-icon.delivery-area.is-disabled, .reserved-parking-icon.delivery-area.is-disabled {
      background-image: url('images/resource-map/disabled-delivery-area-icon.svg');
    }
.resource-icon-base.first-aid-kit, .reserved-desk-icon.first-aid-kit, .reserved-parking-icon.first-aid-kit {
    background-image: url('images/resource-map/first-aid-icon.svg');
  }
.resource-icon-base.first-aid-kit.is-disabled, .reserved-desk-icon.first-aid-kit.is-disabled, .reserved-parking-icon.first-aid-kit.is-disabled {
      background-image: url('images/resource-map/disabled-first-aid-icon.svg');
    }
.resource-icon-base.printer, .reserved-desk-icon.printer, .reserved-parking-icon.printer {
    background-image: url('images/resource-map/printer-icon.svg');
  }
.resource-icon-base.printer.is-disabled, .reserved-desk-icon.printer.is-disabled, .reserved-parking-icon.printer.is-disabled {
      background-image: url('images/resource-map/disabled-printer-icon.svg');
    }
.resource-icon-base.restroom, .reserved-desk-icon.restroom, .reserved-parking-icon.restroom {
    background-image: url('images/resource-map/restroom-icon.svg');
  }
.resource-icon-base.restroom.is-disabled, .reserved-desk-icon.restroom.is-disabled, .reserved-parking-icon.restroom.is-disabled {
      background-image: url('images/resource-map/disabled-restroom-icon.svg');
    }
.resource-icon-base.break-room, .reserved-desk-icon.break-room, .reserved-parking-icon.break-room {
    background-image: url('images/resource-map/break-room-icon.svg');
  }
.resource-icon-base.break-room.is-disabled, .reserved-desk-icon.break-room.is-disabled, .reserved-parking-icon.break-room.is-disabled {
      background-image: url('images/resource-map/disabled-break-room-icon.svg');
    }
.resource-icon-base.cafe, .reserved-desk-icon.cafe, .reserved-parking-icon.cafe {
    background-image: url('images/resource-map/cafe-icon.svg');
  }
.resource-icon-base.cafe.is-disabled, .reserved-desk-icon.cafe.is-disabled, .reserved-parking-icon.cafe.is-disabled {
      background-image: url('images/resource-map/disabled-cafe-icon.svg');
    }
.resource-icon-base.kitchen, .reserved-desk-icon.kitchen, .reserved-parking-icon.kitchen {
    background-image: url('images/resource-map/kitchen-icon.svg');
  }
.resource-icon-base.kitchen.is-disabled, .reserved-desk-icon.kitchen.is-disabled, .reserved-parking-icon.kitchen.is-disabled {
      background-image: url('images/resource-map/disabled-kitchen-icon.svg');
    }
.resource-icon-base.mothers-room, .reserved-desk-icon.mothers-room, .reserved-parking-icon.mothers-room {
    background-image: url('images/resource-map/mothers-room-icon.svg');
  }
.resource-icon-base.mothers-room.is-disabled, .reserved-desk-icon.mothers-room.is-disabled, .reserved-parking-icon.mothers-room.is-disabled {
      background-image: url('images/resource-map/disabled-mothers-room-icon.svg');
    }
.resource-icon-base.custom, .reserved-desk-icon.custom, .reserved-parking-icon.custom {
    background-image: url('images/resource-map/custom-resource-icon.svg');
  }
.resource-icon-base.custom.is-disabled, .reserved-desk-icon.custom.is-disabled, .reserved-parking-icon.custom.is-disabled {
      background-image: url('images/resource-map/disabled-custom-resource-icon.svg');
    }
.resource-icon-base.desk, .reserved-desk-icon.desk, .reserved-parking-icon.desk {
    background-image: url('images/resource-map/desk-icon.svg');
  }
.resource-icon-base.desk.is-disabled, .reserved-desk-icon.desk.is-disabled, .reserved-parking-icon.desk.is-disabled {
    }
.resource-icon-base.desk.is-scheduled:not(.is-selected).edit::after, .reserved-desk-icon.desk.is-scheduled:not(.is-selected).edit::after, .reserved-parking-icon.desk.is-scheduled:not(.is-selected).edit::after {
      content: '';
      position: absolute;
      top: var(--resource-schedule-badge-offset);
      right: var(--resource-schedule-badge-offset);
      width: var(--resource-schedule-badge-size);
      height: var(--resource-schedule-badge-size);
      background-image: url('images/resource-map/clock-icon.svg');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
    }
.resource-icon-base.room, .reserved-desk-icon.room, .reserved-parking-icon.room {
    background-image: url('images/resource-map/room-icon.svg');
  }
.resource-icon-base.room.is-disabled, .reserved-desk-icon.room.is-disabled, .reserved-parking-icon.room.is-disabled {
      background-image: url('images/resource-map/disabled-room-icon.svg');
    }
.resource-icon-base.room.is-unavailable, .reserved-desk-icon.room.is-unavailable, .reserved-parking-icon.room.is-unavailable {
      background-image: url('images/resource-map/unavailable-room-icon.svg');
    }
.resource-icon-base.parking, .reserved-desk-icon.parking, .reserved-parking-icon.parking {
    background-image: url('images/resource-map/parking-icon.svg');
  }
.resource-icon-base.is-selected, .reserved-desk-icon.is-selected, .reserved-parking-icon.is-selected {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    /* The pin tip is anchored at the lat/lng via Leaflet's `iconAnchor`*/
    /* option (set in `getMarkerIconAnchor` to `[size/2, size * 2/3]` when*/
    /* selected). Don't override margin-top here — Leaflet sets it inline*/
    /* from iconAnchor, and the right offset depends on the actual marker*/
    /* size, which the old `margin-top: -40px` hardcoded to 60 px and broke*/
    /* at every other size.*/
    background-image: url('images/resource-map/red-pin.svg') !important;
    background-size: contain !important;
    background-position: center bottom !important;
    border-radius: 0;
}
.resource-icon-base.live-map-custom-shell, .reserved-desk-icon.live-map-custom-shell, .reserved-parking-icon.live-map-custom-shell {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
.resource-icon-base.is-uneditable::after, .reserved-desk-icon.is-uneditable::after, .reserved-parking-icon.is-uneditable::after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 23px;
  width: 23px;
  cursor: not-allowed;
  border-radius: 9999px;
  background-color: #ebebf0b0;
}
.status-badge .resource-icon-base.is-uneditable::after,.status-badge  .reserved-desk-icon.is-uneditable::after,.status-badge  .reserved-parking-icon.is-uneditable::after {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
.resource-icon-base.is-uneditable::after, .reserved-desk-icon.is-uneditable::after, .reserved-parking-icon.is-uneditable::after {

    content: '';
    transform: translate(-50%, -50%);
  }
.resource-icon-base.error, .reserved-desk-icon.error, .reserved-parking-icon.error {
  border-radius: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    background-image: url('images/resource-map/error-icon.svg');
}
.expand-arrow {
  background-image: url('/assets/images/chevron-up.svg');
}
.collapse-arrow {
  background-image: url('/assets/images/chevron-down.svg');
}
.leaflet-popup {
  margin-bottom: 0;
}
/* left values get overwritten by the element style of leaflet popup so !important is needed*/
.leaflet-popup.right {
    left: 20px !important;
    right: initial;
  }
.leaflet-popup.left {
    left: initial !important;
    right: 20px;
  }
.leaflet-popup.top {
    bottom: 20px;
  }
.leaflet-popup.bottom {
    top: -20px;
  }
.leaflet-popup-tip-container {
  display: none;
}
.resource-popup-warning {
  background-image: url('images/caution-triangle.svg');
  background-color: #f8f8af1a;
  border: solid 1px #f2a53f;
}
.reserved-desk-icon {
  background-image: url('images/resource-map/red-desk-icon.svg');
}
/* SPACEQ-131 — live-map onsite presence dot. Static styles only; the*/
/* markerSize-derived width/height/border-width are inline in*/
/* `getPresenceDotHtml` (app/utils/map/presence-indicator.js). Deliberately*/
/* NOT the `rounded-full` Tailwind class: the glyph-hide sweep in resource-map*/
/* hides children of every `.rounded-full` node below the small-marker*/
/* threshold, and the dot must stay out of it. cilantro.40 matches iOS*/
/* (UIColor.cilantro40).*/
.presence-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  box-sizing: border-box;
  border-radius: 50%;
  border-style: solid;
  border-color: #fff;
  background-color: #21944e;
}
.reserved-parking-icon {
  background-image: url('images/resource-map/red-parking-icon.svg');
}
.green-dot-icon,
.resource-icon-base.desk.is-placing,
.resource-icon-base.room.is-placing,
.resource-icon-base.parking.is-placing {
  background-image: url('images/resource-map/green-dot-dark-green-border.svg');
}
.disabled-desk-icon,
.resource-icon-base.desk.is-disabled,
.reserved-desk-icon.desk.is-disabled,
.reserved-parking-icon.desk.is-disabled {
  background-image: url('images/resource-map/disabled-desk-icon.svg');
}
.disabled-parking-icon,
.resource-icon-base.parking.is-disabled {
  background-image: url('images/resource-map/disabled-parking-icon.svg');
}
.blue-dot-icon,
.resource-icon-base.visitor-area.is-placing,
.resource-icon-base.delivery-area.is-placing,
.resource-icon-base.printer.is-placing,
.resource-icon-base.break-room.is-placing,
.resource-icon-base.cafe.is-placing,
.resource-icon-base.kitchen.is-placing,
.resource-icon-base.mothers-room.is-placing {
  background-image: url('images/resource-map/blue-dot-dark-blue-border.svg');
}
.orange-dot-icon,
.resource-icon-base.emergency-exit.is-placing,
.resource-icon-base.fire-extinguisher.is-placing,
.resource-icon-base.aed.is-placing,
.resource-icon-base.first-aid-kit.is-placing {
  background-image: url('images/resource-map/orange-dot-dark-orange-border.svg');
}
.black-dot-icon,
.resource-icon-base.accessible.is-placing,
.resource-icon-base.elevator.is-placing,
.resource-icon-base.stairs.is-placing,
.resource-icon-base.restroom.is-placing,
.resource-icon-base.custom.is-placing {
  background-image: url('images/resource-map/gray-dot-black-border.svg');
}
.gray-dot-icon,
.resource-icon-base.visitor-area.is-placing.is-disabled,
.resource-icon-base.emergency-exit.is-placing.is-disabled,
.resource-icon-base.accessible.is-placing.is-disabled,
.resource-icon-base.elevator.is-placing.is-disabled,
.resource-icon-base.fire-extinguisher.is-placing.is-disabled,
.resource-icon-base.stairs.is-placing.is-disabled,
.resource-icon-base.aed.is-placing.is-disabled,
.resource-icon-base.delivery-area.is-placing.is-disabled,
.resource-icon-base.first-aid-kit.is-placing.is-disabled,
.resource-icon-base.printer.is-placing.is-disabled,
.resource-icon-base.break-room.is-placing.is-disabled,
.resource-icon-base.cafe.is-placing.is-disabled,
.resource-icon-base.kitchen.is-placing.is-disabled,
.resource-icon-base.mothers-room.is-placing.is-disabled,
.resource-icon-base.custom.is-placing.is-disabled,
.resource-icon-base.desk.is-placing.is-disabled,
.resource-icon-base.room.is-placing.is-disabled,
.resource-icon-base.parking.is-placing.is-disabled {
  background-image: url('images/resource-map/gray-dot-dark-gray-border.svg');
}
.btn-resource,
.btn-resource-large,
.btn-resource-medium {
  position: relative;
}
.handsontable .btn-resource,.handsontable 
.btn-resource-large,.handsontable 
.btn-resource-medium {
  position: relative;
}
.handsontable th:nth-child(2) .btn-resource::after,
.handsontable th:nth-child(3) .btn-resource::after,
.handsontable th:nth-child(4) .btn-resource::after,.handsontable th:nth-child(2) 
.btn-resource-large::after,
.handsontable th:nth-child(3) 
.btn-resource-large::after,
.handsontable th:nth-child(4) 
.btn-resource-large::after,.handsontable th:nth-child(2) 
.btn-resource-medium::after,
.handsontable th:nth-child(3) 
.btn-resource-medium::after,
.handsontable th:nth-child(4) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .btn-resource::after, .readonly-table .handsontable th:nth-child(3) .btn-resource::after, .readonly-table .handsontable th:nth-child(4) .btn-resource::after,.readonly-table .handsontable th:nth-child(2) 
.btn-resource-large::after, .readonly-table .handsontable th:nth-child(3) 
.btn-resource-large::after, .readonly-table .handsontable th:nth-child(4) 
.btn-resource-large::after,.readonly-table .handsontable th:nth-child(2) 
.btn-resource-medium::after, .readonly-table .handsontable th:nth-child(3) 
.btn-resource-medium::after, .readonly-table .handsontable th:nth-child(4) 
.btn-resource-medium::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .btn-resource::after,.email-required .handsontable th:nth-child(5) 
.btn-resource-large::after,.email-required .handsontable th:nth-child(5) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .btn-resource::after,.readonly-table .email-required .handsontable th:nth-child(5) 
.btn-resource-large::after,.readonly-table .email-required .handsontable th:nth-child(5) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .btn-resource::after,.handsontable-input.col-required-0 th:nth-child(2) 
.btn-resource-large::after,.handsontable-input.col-required-0 th:nth-child(2) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .btn-resource::after,.readonly-table .handsontable-input.col-required-0 th:nth-child(2) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-0 th:nth-child(2) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .btn-resource::after,.handsontable-input.col-optional-0 th:nth-child(2) 
.btn-resource-large::after,.handsontable-input.col-optional-0 th:nth-child(2) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .btn-resource::after,.handsontable-input.col-required-1 th:nth-child(3) 
.btn-resource-large::after,.handsontable-input.col-required-1 th:nth-child(3) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .btn-resource::after,.readonly-table .handsontable-input.col-required-1 th:nth-child(3) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-1 th:nth-child(3) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .btn-resource::after,.handsontable-input.col-optional-1 th:nth-child(3) 
.btn-resource-large::after,.handsontable-input.col-optional-1 th:nth-child(3) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .btn-resource::after,.handsontable-input.col-required-2 th:nth-child(4) 
.btn-resource-large::after,.handsontable-input.col-required-2 th:nth-child(4) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .btn-resource::after,.readonly-table .handsontable-input.col-required-2 th:nth-child(4) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-2 th:nth-child(4) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .btn-resource::after,.handsontable-input.col-optional-2 th:nth-child(4) 
.btn-resource-large::after,.handsontable-input.col-optional-2 th:nth-child(4) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .btn-resource::after,.handsontable-input.col-required-3 th:nth-child(5) 
.btn-resource-large::after,.handsontable-input.col-required-3 th:nth-child(5) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .btn-resource::after,.readonly-table .handsontable-input.col-required-3 th:nth-child(5) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-3 th:nth-child(5) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .btn-resource::after,.handsontable-input.col-optional-3 th:nth-child(5) 
.btn-resource-large::after,.handsontable-input.col-optional-3 th:nth-child(5) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .btn-resource::after,.handsontable-input.col-required-4 th:nth-child(6) 
.btn-resource-large::after,.handsontable-input.col-required-4 th:nth-child(6) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .btn-resource::after,.readonly-table .handsontable-input.col-required-4 th:nth-child(6) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-4 th:nth-child(6) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .btn-resource::after,.handsontable-input.col-optional-4 th:nth-child(6) 
.btn-resource-large::after,.handsontable-input.col-optional-4 th:nth-child(6) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .btn-resource::after,.handsontable-input.col-required-5 th:nth-child(7) 
.btn-resource-large::after,.handsontable-input.col-required-5 th:nth-child(7) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .btn-resource::after,.readonly-table .handsontable-input.col-required-5 th:nth-child(7) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-5 th:nth-child(7) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .btn-resource::after,.handsontable-input.col-optional-5 th:nth-child(7) 
.btn-resource-large::after,.handsontable-input.col-optional-5 th:nth-child(7) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .btn-resource::after,.handsontable-input.col-required-6 th:nth-child(8) 
.btn-resource-large::after,.handsontable-input.col-required-6 th:nth-child(8) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .btn-resource::after,.readonly-table .handsontable-input.col-required-6 th:nth-child(8) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-6 th:nth-child(8) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .btn-resource::after,.handsontable-input.col-optional-6 th:nth-child(8) 
.btn-resource-large::after,.handsontable-input.col-optional-6 th:nth-child(8) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .btn-resource::after,.handsontable-input.col-required-7 th:nth-child(9) 
.btn-resource-large::after,.handsontable-input.col-required-7 th:nth-child(9) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .btn-resource::after,.readonly-table .handsontable-input.col-required-7 th:nth-child(9) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-7 th:nth-child(9) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .btn-resource::after,.handsontable-input.col-optional-7 th:nth-child(9) 
.btn-resource-large::after,.handsontable-input.col-optional-7 th:nth-child(9) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .btn-resource::after,.handsontable-input.col-required-8 th:nth-child(10) 
.btn-resource-large::after,.handsontable-input.col-required-8 th:nth-child(10) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .btn-resource::after,.readonly-table .handsontable-input.col-required-8 th:nth-child(10) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-8 th:nth-child(10) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .btn-resource::after,.handsontable-input.col-optional-8 th:nth-child(10) 
.btn-resource-large::after,.handsontable-input.col-optional-8 th:nth-child(10) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .btn-resource::after,.handsontable-input.col-required-9 th:nth-child(11) 
.btn-resource-large::after,.handsontable-input.col-required-9 th:nth-child(11) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .btn-resource::after,.readonly-table .handsontable-input.col-required-9 th:nth-child(11) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-9 th:nth-child(11) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .btn-resource::after,.handsontable-input.col-optional-9 th:nth-child(11) 
.btn-resource-large::after,.handsontable-input.col-optional-9 th:nth-child(11) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .btn-resource::after,.handsontable-input.col-required-10 th:nth-child(12) 
.btn-resource-large::after,.handsontable-input.col-required-10 th:nth-child(12) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .btn-resource::after,.readonly-table .handsontable-input.col-required-10 th:nth-child(12) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-10 th:nth-child(12) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .btn-resource::after,.handsontable-input.col-optional-10 th:nth-child(12) 
.btn-resource-large::after,.handsontable-input.col-optional-10 th:nth-child(12) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .btn-resource::after,.handsontable-input.col-required-11 th:nth-child(13) 
.btn-resource-large::after,.handsontable-input.col-required-11 th:nth-child(13) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .btn-resource::after,.readonly-table .handsontable-input.col-required-11 th:nth-child(13) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-11 th:nth-child(13) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .btn-resource::after,.handsontable-input.col-optional-11 th:nth-child(13) 
.btn-resource-large::after,.handsontable-input.col-optional-11 th:nth-child(13) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .btn-resource::after,.handsontable-input.col-required-12 th:nth-child(14) 
.btn-resource-large::after,.handsontable-input.col-required-12 th:nth-child(14) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .btn-resource::after,.readonly-table .handsontable-input.col-required-12 th:nth-child(14) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-12 th:nth-child(14) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .btn-resource::after,.handsontable-input.col-optional-12 th:nth-child(14) 
.btn-resource-large::after,.handsontable-input.col-optional-12 th:nth-child(14) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .btn-resource::after,.handsontable-input.col-required-13 th:nth-child(15) 
.btn-resource-large::after,.handsontable-input.col-required-13 th:nth-child(15) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .btn-resource::after,.readonly-table .handsontable-input.col-required-13 th:nth-child(15) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-13 th:nth-child(15) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .btn-resource::after,.handsontable-input.col-optional-13 th:nth-child(15) 
.btn-resource-large::after,.handsontable-input.col-optional-13 th:nth-child(15) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .btn-resource::after,.handsontable-input.col-required-14 th:nth-child(16) 
.btn-resource-large::after,.handsontable-input.col-required-14 th:nth-child(16) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .btn-resource::after,.readonly-table .handsontable-input.col-required-14 th:nth-child(16) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-14 th:nth-child(16) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .btn-resource::after,.handsontable-input.col-optional-14 th:nth-child(16) 
.btn-resource-large::after,.handsontable-input.col-optional-14 th:nth-child(16) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .btn-resource::after,.handsontable-input.col-required-15 th:nth-child(17) 
.btn-resource-large::after,.handsontable-input.col-required-15 th:nth-child(17) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .btn-resource::after,.readonly-table .handsontable-input.col-required-15 th:nth-child(17) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-15 th:nth-child(17) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .btn-resource::after,.handsontable-input.col-optional-15 th:nth-child(17) 
.btn-resource-large::after,.handsontable-input.col-optional-15 th:nth-child(17) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .btn-resource::after,.handsontable-input.col-required-16 th:nth-child(18) 
.btn-resource-large::after,.handsontable-input.col-required-16 th:nth-child(18) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .btn-resource::after,.readonly-table .handsontable-input.col-required-16 th:nth-child(18) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-16 th:nth-child(18) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .btn-resource::after,.handsontable-input.col-optional-16 th:nth-child(18) 
.btn-resource-large::after,.handsontable-input.col-optional-16 th:nth-child(18) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .btn-resource::after,.handsontable-input.col-required-17 th:nth-child(19) 
.btn-resource-large::after,.handsontable-input.col-required-17 th:nth-child(19) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .btn-resource::after,.readonly-table .handsontable-input.col-required-17 th:nth-child(19) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-17 th:nth-child(19) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .btn-resource::after,.handsontable-input.col-optional-17 th:nth-child(19) 
.btn-resource-large::after,.handsontable-input.col-optional-17 th:nth-child(19) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .btn-resource::after,.handsontable-input.col-required-18 th:nth-child(20) 
.btn-resource-large::after,.handsontable-input.col-required-18 th:nth-child(20) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .btn-resource::after,.readonly-table .handsontable-input.col-required-18 th:nth-child(20) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-18 th:nth-child(20) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .btn-resource::after,.handsontable-input.col-optional-18 th:nth-child(20) 
.btn-resource-large::after,.handsontable-input.col-optional-18 th:nth-child(20) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .btn-resource::after,.handsontable-input.col-required-19 th:nth-child(21) 
.btn-resource-large::after,.handsontable-input.col-required-19 th:nth-child(21) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .btn-resource::after,.readonly-table .handsontable-input.col-required-19 th:nth-child(21) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-19 th:nth-child(21) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .btn-resource::after,.handsontable-input.col-optional-19 th:nth-child(21) 
.btn-resource-large::after,.handsontable-input.col-optional-19 th:nth-child(21) 
.btn-resource-medium::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .btn-resource::after,.handsontable-input.col-required-20 th:nth-child(22) 
.btn-resource-large::after,.handsontable-input.col-required-20 th:nth-child(22) 
.btn-resource-medium::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .btn-resource::after,.readonly-table .handsontable-input.col-required-20 th:nth-child(22) 
.btn-resource-large::after,.readonly-table .handsontable-input.col-required-20 th:nth-child(22) 
.btn-resource-medium::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .btn-resource::after,.handsontable-input.col-optional-20 th:nth-child(22) 
.btn-resource-large::after,.handsontable-input.col-optional-20 th:nth-child(22) 
.btn-resource-medium::after {
  display: none;
}
.handsontable thead th .btn-resource,.handsontable thead th 
.btn-resource-large,.handsontable thead th 
.btn-resource-medium {
  padding: 2px 4px;
}
.btn-resource,
.btn-resource-large,
.btn-resource-medium {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-resource.active, .btn-resource-large.active, .btn-resource-medium.active {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 68 80 / var(--tw-border-opacity, 1));
}
@media print {

  .btn-resource.active, .btn-resource-large.active, .btn-resource-medium.active {
    border-color: #717684;
  }
}
.btn-resource:hover, .btn-resource-large:hover, .btn-resource-medium:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
}
.btn-resource:disabled, .btn-resource-large:disabled, .btn-resource-medium:disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
.btn-resource-large {
  height: 4rem;
  width: 4rem;
  border-radius: 0.25rem;

  padding: 14px;
}
.btn-resource-medium {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;

  padding: 4px;
}
.classic-sidebar .liquid-child {
    overflow: visible;
  }
.resource-overview .collapse-list .category-section {
      height: 0;
    }
.resource-map-container .leaflet-loader {
    height: 100;
    width: 100;
    position: absolute;
    z-index: 100000;
  }
.resource-map-container .leaflet-overlay-pane,
  .resource-map-container .leaflet-pane {
    z-index: 10;
  }
.resource-map-container .leaflet-container {
    background: none;
    font-family: var(--fontFamily-brand);
    font-size: 1rem;
    height: var(--container-height, 800px);
    line-height: 1.5;
    outline: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
  }
.resource-map-container .leaflet-touch .leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    border: none;
  }
.resource-map-container .leaflet-touch .leaflet-bar a {
    border: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    color: #000;
    opacity: 0.75;
  }
.resource-map-container .leaflet-touch .leaflet-bar a.leaflet-disabled {
      background-color: #8a8f9e;
    }
.resource-map-container .leaflet-touch .leaflet-bar a:hover:not(.leaflet-disabled) {
      opacity: 0.65;
    }
.resource-map-container .leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
.resource-map-container .leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
.resource-map-container .leaflet-control-zoom-in {
    opacity: 0.3;
    position: relative;
    display: block;
  }
.resource-map-container .leaflet-control-zoom-in:hover {
      text-decoration: none;
    }
.resource-map-container .leaflet-control-zoom-out::before {
      border-top: 2px solid #000;
      content: '';
      display: block;
      margin: 0 4px;
      opacity: 0.3;
      position: relative;
    }
.resource-map-container .leaflet-control-zoom-out:hover {
      text-decoration: none;
    }
.resource-map-container .leaflet-touch .leaflet-control-layers,
  .resource-map-container .leaflet-touch .leaflet-bar {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
  }
.resource-map-container .leaflet-right {
    transition: all 0.2s ease-in-out;
  }
.resource-map-container .settings-panel {
    transition: all 0.2s ease-in-out;
  }
.resource-map-container .collapse-list .category-section {
      height: 0;
    }
.resource-map-container .reserved-desk-label {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: white;
    font-size: 18px;
    font-weight: 900;
  }
.resource-map-container .feature-label {
    width: 155px;
    right: -62px;
    margin-top: 8px;
    line-height: 100%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
    font-size: 17px;
    font-weight: 900;
  }
.resource-map-container .feature-label.map-polygon-label {
    width: var(--feature-label-width, 96px);
    max-width: var(--feature-label-width, 96px);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-top: var(--feature-label-gap, 8px);
    line-height: var(--feature-label-line-height, 18px);
    font-size: var(--feature-label-font-size, 16px);
    font-weight: 500;
    -webkit-text-stroke-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: var(--feature-label-max-lines, 2);
    -webkit-box-orient: vertical;
    pointer-events: none;
  }
.resource-map-container .is-selected .feature-label {
    margin-top: 35px;
    right: -50px;
  }
.resource-map-container .is-selected .feature-label.map-polygon-label {
    right: auto;
    left: 50%;
  }
.resource-map-container .leaflet-top .leaflet-control {
    margin-top: 24px;
  }
.resource-map-container .leaflet-bottom .leaflet-control {
    margin-bottom: 24px;
  }
.resource-map-container .leaflet-left .leaflet-control {
    margin-left: 24px;
  }
.resource-map-container .leaflet-right .leaflet-control {
    margin-right: 24px;
  }
.resource-map-container .leaflet-right {
    right: 24px;
  }
.resource-map-container .settings-panel {
    right: 24px;
  }
.resource-map-container.sidebar-open .leaflet-right {
      right: 280px;
    }
.resource-map-container.sidebar-open .settings-panel {
      right: 280px;
    }
.resource-map-container.is-placing .leaflet-interactive,
    .resource-map-container.is-placing .leaflet-container,
    .resource-map-container.is-drawing .leaflet-interactive,
    .resource-map-container.is-drawing .leaflet-container {
      cursor: crosshair !important;
    }
.resource-map-container.is-placing .leaflet-interactive.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-placing .leaflet-container.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-drawing .leaflet-interactive.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-drawing .leaflet-container.leaflet-marker-icon.resource-icon-base:hover {
          cursor: pointer !important;
        }
.resource-map-container.is-drawing .leaflet-div-icon {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(78 78 218 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.resource-map-container.is-drawing .leaflet-div-icon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 218 / var(--tw-bg-opacity, 1));
}
.resource-map-container.is-drawing .leaflet-div-icon {
  border-radius: 9999px;
}
.status-badge .resource-map-container.is-drawing .leaflet-div-icon {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
.resource-map-container .leaflet-draw-tooltip {
    width: -moz-max-content;
    width: max-content;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 80 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-left: 1rem;
    margin-top: -1.25rem;
  }
.resource-map-container .leaflet-draw-tooltip::before {
      content: '';
      border-width: 9px 12px 9px 0;
      border-color: transparent #3f4450 transparent transparent;
      position: absolute;
      left: -9px;
      top: 11px;
    }
.resource-map-container .is-dragging {
    cursor: grabbing;
  }
.resource-map-container .leaflet-editing-icon {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(78 78 218 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.resource-map-container .leaflet-editing-icon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 218 / var(--tw-bg-opacity, 1));
}
.resource-map-container .leaflet-editing-icon {
  border-radius: 9999px;
}
.status-badge .resource-map-container .leaflet-editing-icon {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
.resource-map-container .feature-tooltip,
  .resource-map-container .resource-marker-tooltip {
  border-radius: 0.5rem;
  --tw-shadow: 0 4px 8px 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    pointer-events: none;
}
.resource-map-container .feature-tooltip::before, .resource-map-container .resource-marker-tooltip::before {
      display: none;
    }
.resource-map-container .feature-tooltip.leaflet-tooltip-right, .resource-map-container .resource-marker-tooltip.leaflet-tooltip-right {
      margin-left: 25px;
    }
.resource-map-container .feature-tooltip.leaflet-tooltip-left, .resource-map-container .resource-marker-tooltip.leaflet-tooltip-left {
      margin-left: -25px;
    }
.resource-map-container .feature-tooltip.leaflet-tooltip-top, .resource-map-container .resource-marker-tooltip.leaflet-tooltip-top {
      bottom: -20px;
    }
.leaflet-image-layer {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.loading-skeleton {
  background: #fff;
  animation: loading-opacity 1.75s infinite linear;
}
@keyframes loading-opacity {
  0% {
    opacity: 0.35;
  }

  25% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.35;
  }
}
/* Group desk reservation map cursor styles*/
#desks-map-wrapper .leaflet-container {
    cursor: grab;
  }
#desks-map-wrapper .leaflet-container.leaflet-drag {
      cursor: grabbing;
    }
#desks-map-wrapper .leaflet-marker-icon.resource-icon-base {
      cursor: pointer !important;
    }
#desks-map-wrapper .leaflet-interactive {
    cursor: pointer;
  }
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}
/* Base styles for the entire tooltip */
[data-tooltip]::before,
[data-tooltip]::after,
.tooltip::before,
.tooltip::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover::before,
[data-tooltip]:hover::after,
[data-tooltip]:focus::before,
[data-tooltip]:focus::after,
.tooltip:hover::before,
.tooltip:hover::after,
.tooltip:focus::before,
.tooltip:focus::after {
  visibility: visible;
  opacity: 1;
}
/* Base styles for the tooltip's directional arrow */
.tooltip::before,
[data-tooltip]::before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}
/* Base styles for the tooltip's content area */
.tooltip::after,
[data-tooltip]::after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}
/* Directions */
/* Top (default) */
[data-tooltip]::before,
[data-tooltip]::after,
.tooltip::before,
.tooltip::after,
.tooltip-top::before,
.tooltip-top::after {
  bottom: 100%;
  left: 50%;
}
[data-tooltip]::before,
.tooltip::before,
.tooltip-top::before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}
/* Horizontally align top/bottom tooltips */
[data-tooltip]::after,
.tooltip::after,
.tooltip-top::after {
  margin-left: -80px;
}
[data-tooltip]:hover::before,
[data-tooltip]:hover::after,
[data-tooltip]:focus::before,
[data-tooltip]:focus::after,
.tooltip:hover::before,
.tooltip:hover::after,
.tooltip:focus::before,
.tooltip:focus::after,
.tooltip-top:hover::before,
.tooltip-top:hover::after,
.tooltip-top:focus::before,
.tooltip-top:focus::after {
  transform: translateY(-12px);
}
/* Left */
.tooltip-left::before,
.tooltip-left::after {
  right: 100%;
  bottom: 50%;
  left: auto;
}
.tooltip-left::before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-left:hover::before,
.tooltip-left:hover::after,
.tooltip-left:focus::before,
.tooltip-left:focus::after {
  transform: translateX(-12px);
}
/* Bottom */
.tooltip-bottom::before,
.tooltip-bottom::after {
  top: 100%;
  bottom: auto;
  left: 50%;
}
.tooltip-bottom::before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-bottom:hover::before,
.tooltip-bottom:hover::after,
.tooltip-bottom:focus::before,
.tooltip-bottom:focus::after {
  transform: translateY(12px);
}
/* Right */
.tooltip-right::before,
.tooltip-right::after {
  bottom: 50%;
  left: 100%;
}
.tooltip-right::before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-right:hover::before,
.tooltip-right:hover::after,
.tooltip-right:focus::before,
.tooltip-right:focus::after {
  transform: translateX(12px);
}
/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left::before,
.tooltip-right::before {
  top: 3px;
}
/* Vertically center tooltip content for left/right tooltips */
.tooltip-left::after,
.tooltip-right::after {
  margin-left: 0;
  margin-bottom: -16px;
}
/* Calendar day cell tooltip — centered, escapes overflow containers */
.calendar-row td[data-tooltip]::before,
.calendar-row td[data-tooltip]::after {
  left: 50%;
  transform: translateX(-50%);
}
.calendar-row td[data-tooltip]::after {
  width: 200px;
  margin-left: 0;
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
  white-space: normal;
}
.calendar-row td[data-tooltip]::before {
  margin-left: 0;
}
.calendar-row td[data-tooltip]:hover::before,
.calendar-row td[data-tooltip]:hover::after {
  transform: translateX(-50%) translateY(-12px);
}
.multi-date-calendar-grid {
  overflow: visible;
}
/* Allow calendar tooltips to escape modal overflow clipping */
.ember-modal-dialog:has(.multi-date-calendar-grid) {
  overflow: visible;
}
.btn {
  display: inline-block;
  border-radius: var(--border-radius-base);
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-medium);
  font-variant-numeric: lining-nums;
  padding: 13px 16px 11px;
  background-color: #3f4450;
  color: #fff;
  font-family: var(--fontFamily-brand);
  text-decoration: none !important;
  border: none;
  text-align: center;
  transition: all 0.2s;
  cursor: pointer;
  overflow: unset;
  line-height: 1;
  white-space: nowrap;
}
.btn:hover {
    background-color: rgba(63, 68, 80, 0.9);
    color: #fff;
  }
.btn:active {
    background-color: #3f4450;
    color: #fff;
  }
.btn:focus {
    cursor: pointer;
    outline: none; /* bad for keyboard navigation */
    color: #fff;
  }
.btn--focusable:focus {
    text-decoration: none;
    outline: 1px solid #e91c1c !important; /* IE 11 / Edge fallback */
    outline: auto !important;
    outline-color: #e91c1c !important;
  }
.btn--no-focus:focus {
    cursor: pointer;
    outline: none; /* Disables webkit-focus-ring-color */
  }
.btn--fake {
  cursor: pointer;
  pointer-events: none;
}
/* Sizes */
.btn--medium {
  padding: 12px 24px 10px;
  font-size: 18px;
}
@media only screen and (max-width: 30rem) {
.btn--medium {
    min-width: 0
}
  }
.btn--modal-cta {
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-medium);
  border-radius: var(--border-radius-medium);
  padding: 18px;
}
.btn--small {
  padding: 8px 16px 7px;
  font-size: var(--fontSize-small);
  line-height: var(--lineHeight-15);
}
@media only screen and (max-width: 30rem) {
.btn--small {
    min-width: 0
}
  }
.btn--small.flex-auto {
    padding: 8px 16px 7px;
  }
.btn--smaller {
  padding: 8px 8px 6px;
  font-size: var(--fontSize-smaller);
  line-height: var(--lineHeight-15);
  min-width: 40px;
}
@media only screen and (max-width: 30rem) {
.btn--smaller {
    min-width: 0
}
  }
.btn--smallest {
  padding: 6px 8px 4px;
  font-size: var(--fontSize-smaller);
  min-width: 40px;
}
@media only screen and (max-width: 30rem) {
.btn--smallest {
    min-width: 0
}
  }
.btn--rounded-full {
  border-radius: 9999px !important;
  height: 28px;
  width: 28px;
  padding: 5px;
}
.btn--rounded-full:hover {
    box-shadow: none !important;
  }
.btn--outline {
  background: transparent;
  box-shadow: 0 0 0 1px #c9cbd4 inset;
  color: #3f4450;
}
.btn--outline:hover {
    background: transparent;
    box-shadow: 0 0 0 1px #8a8f9e inset;
    color: #3f4450;
  }
.btn--outline:focus {
    box-shadow: 0 0 0 1px #8a8f9e inset;
    color: #3f4450;
    cursor: pointer;
    outline: none; /* bad for keyboard navigation */
  }
.btn--outline:active {
    background: transparent;
    box-shadow: 0 0 0 1px #717684 inset;
    color: #3f4450;
  }
.btn--outline .icon-check-green {
    background: url('images/checkmark-green.svg') center / contain no-repeat;
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
  }
.btn--outline .icon-cross-red {
    background: url('images/cross-small-red.svg') center / contain no-repeat;
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
  }
.btn--light-text {
  color: #ebebf0;
}
.btn--light-text:hover {
    box-shadow: 0 0 0 1px #8a8f9e inset;
    color: #c9cbd4;
  }
.btn--light-text:focus {
    box-shadow: 0 0 0 1px #8a8f9e inset;
    color: #c9cbd4;
  }
.btn--light-text:active {
    box-shadow: 0 0 0 1px #717684 inset;
    color: #c9cbd4;
  }
.btn--outlineFill {
  background-color: transparent;
  box-shadow: 0 0 0 1px #c9cbd4 inset;
  color: #3f4450;
}
.btn--outlineFill:hover,
  .btn--outlineFill:active {
    background-color: #f6f6f9;
    color: #3f4450;
  }
.btn--outlineFill:not(.pagination-arrow):focus {
    background-color: transparent;
    box-shadow: 0 0 0 1px #8a8f9e inset;
    color: #3f4450;
  }
.btn--hoverFill {
  background: transparent;
  box-shadow: 0 0 0 1px transparent inset;
  color: #3f4450;
}
input.hide:focus + .btn--hoverFill, 
  .btn--hoverFill:hover, 
  .btn--hoverFill:focus {
    background-color: #f6f6f9;
    color: #3f4450;
  }
input.hide:focus + .btn--hoverFill .icon-trash, .btn--hoverFill:hover .icon-trash, .btn--hoverFill:focus .icon-trash {
      background-image: url('images/trash-white.png');
    }
.btn--hoverFill:active {
    background-color: #ebebf0;
    color: #3f4450;
  }
.btn--nonHoverFill {
  background: transparent;
  box-shadow: 0 0 0 1px transparent inset;
  color: #3f4450;
}
.btn--nonHoverFill:hover,
  .btn--nonHoverFill:focus {
    background: transparent;
    box-shadow: 0 0 0 1px #c9cbd4 inset;
    color: #3f4450;
  }
.btn--nonHoverFill:active {
    background: transparent;
    box-shadow: 0 0 0 1px #8a8f9e inset;
  }
.btn--link {
  display: inline;
  padding: 0;
  background: transparent;
  color: #e91c1c;
  min-width: 0;
  border-width: 0;
  font-family: var(--fontFamily-brand);
}
.btn--link:hover,
  .btn--link:focus {
    background: transparent;
    color: #e91c1c;
    text-decoration: underline !important;
    box-shadow: none;
    outline: none;
  }
/* bad for keyboard navigation */
.btn--link:hover.\!text-papaya-50, .btn--link:focus.\!text-papaya-50 {
      color: #ffc67a !important;
    }
.btn--link.btn--small {
    font-size: var(--fontSize-small);
  }
.btn--grey-link {
  display: inline;
  padding: 0;
  background-color: transparent;
  color: #3f4450;
  min-width: 0;
  border-width: 0;
  font-family: var(--fontFamily-brand);
}
.btn--grey-link:hover,
  .btn--grey-link:focus {
    background: transparent;
    color: #3f4450;
    text-decoration: underline !important;
    box-shadow: none;
  }
.btn--grey-link.btn--small {
    font-size: var(--fontSize-small);
  }
.btn--brand {
  background: #e91c1c;
  color: #fff;
}
.btn--brand:hover {
    background: #c70a14;
    color: #fff;
  }
.btn--brand:focus {
    cursor: pointer;
    outline: none; /* bad for keyboard navigation */
  }
.btn--brand:active {
    background: #e91c1c;
    color: #fff;
  }
.btn--brand.btn--arrow::after {
  content: '\00a0';
  position: relative;
  display: inline;
  background-image: url('images/arrow-single-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 0.5rem;
}
.btn--brandOutline {
  background: transparent;
  box-shadow: 0 0 0 1px rgba(233, 28, 28, 0.5) inset;
  color: #e91c1c;
}
.btn--brandOutline:hover {
    background: transparent;
    box-shadow: 0 0 0 1px #c70a14 inset;
    color: #c70a14;
  }
.btn--brandOutline:focus {
    background: transparent;
    color: #c70a14;
  }
.btn--brandOutline:active {
    background: transparent;
    box-shadow: 0 0 0 1px #e91c1c inset;
    color: #e91c1c;
  }
.btn--brandOutlineFill {
  background: transparent;
  box-shadow: 0 0 0 1px rgba(233, 28, 28, 0.5) inset;
  color: #e91c1c;
}
.btn--brandOutlineFill:hover,
  .btn--brandOutlineFill:focus {
    background: #c70a14;
    box-shadow: none;
    color: #fff;
  }
.btn--brandOutlineFill.active {
    background: #e91c1c;
    box-shadow: none;
    color: #fff;
  }
.btn--brandOutlineFill:active {
    background: #e91c1c;
    color: #fff;
  }
.btn--brandOutlineFill.btn--arrow::after {
  content: '\00a0';
  position: relative;
  display: inline;
  background-image: url('images/arrow-single-red.svg');
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 0.5rem;
}
.btn--brandOutlineFill.btn--arrow:hover::after {
  background-image: url('images/arrow-single-white.svg');
}
.btn--brandHoverFill {
  background: transparent;
  box-shadow: 0 0 0 1px transparent inset;
  color: #e91c1c;
}
.btn--brandHoverFill:hover,
  .btn--brandHoverFill:focus {
    background: #c70a14;
    box-shadow: none;
    color: #fff;
  }
.btn--brandHoverFill:active {
    background: #e91c1c;
    box-shadow: none;
    color: #fff;
  }
.btn--white {
  background-color: #fff;
  color: #5c6270;
  border: 1px solid #ebebf0;
}
.btn--white:hover {
    cursor: pointer;
    outline: none;
    color: #5c6270;
    background-color: #f6f6f9;
  }
.btn--white:focus {
    color: #5c6270;
    background-color: #fff;
  }
.btn--red-outline {
  background-color: #fff;
  color: #e91c1c;
  border: 1px solid #e91c1c;
}
.btn--red-outline:hover {
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #e91c1c;
  }
.btn--red-outline:focus {
    color: #fff;
    background-color: #e91c1c;
  }
.btn--delete {
  background-color: #fff;
  color: #e91c1c;
  border: 1px solid #ebebf0;
}
.btn--delete:hover {
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #e91c1c;
  }
.btn--delete:focus {
    color: #fff;
    background-color: #e91c1c;
  }
.selected--btn {
  background-color: #f6f6f9;
}
.btn--icon {
  display: flex;
  align-items: center;
}
.btn--orange {
  background: #c25700;
}
.btn--orange:hover {
    background: #ffc67a;
  }
.btn--orange:active {
    background: #a84f00;
  }
.btn--orange:focus {
    cursor: pointer;
    outline: none; /* bad for keyboard navigation */
    color: #fff;
  }
.btn--green {
  background: #018940;
  color: #fff;
}
.btn--green:hover {
    background: #018940;
    color: #fff;
  }
.btn--green:focus {
    cursor: pointer;
    outline: none; /* bad for keyboard navigation */
    color: #fff;
  }
.btn--gem {
  background: #6161ff;
  color: #fff;
}
.btn--gem:focus,
  .btn--gem:hover,
  .btn--gem:active {
    background: #6161ff;
    color: #fff;
  }
.btn--gemOutlineFill {
  background: #fff;
  box-shadow: 0 0 0 1px #4e4eda inset;
  color: #6161ff;
}
.btn--gemOutlineFill:focus,
  .btn--gemOutlineFill:hover,
  .btn--gemOutlineFill.active {
    background: #4e4eda;
    box-shadow: none;
    color: #fff;
  }
.btn--gemOutlineFillDark {
  background: #fff;
  box-shadow: 0 0 0 1px #ebebf0 inset;
  color: #3f4450;
}
.btn--gemOutlineFillDark:focus,
  .btn--gemOutlineFillDark:hover,
  .btn--gemOutlineFillDark.active {
    background: #4e4eda;
    box-shadow: none;
    color: #fff;
  }
.btn--orangeOutlineFill {
  background: transparent;
  box-shadow: 0 0 0 1px rgba(194, 87, 0, 0.5) inset;
  color: #c25700;
}
.btn--orangeOutlineFill:hover,
  .btn--orangeOutlineFill:focus,
  .btn--orangeOutlineFill.active {
    background: #c25700;
    box-shadow: none;
    color: #fff;
  }
.btn--orangeOutlineFill:active {
    background: #a84f00;
    box-shadow: none;
    color: #fff;
  }
.btn--greenHoverFill {
  background: transparent;
  box-shadow: 0 0 0 1px transparent inset;
  color: #018940;
}
.btn--greenHoverFill:hover,
  .btn--greenHoverFill:focus {
    background: #018940;
    box-shadow: none;
    color: #fff;
  }
.btn--greenHoverFill:active {
    background: #017939;
    box-shadow: none;
    color: #fff;
  }
.btn--no-border {
  box-shadow: none !important;
}
.btn--no-border:hover {
    box-shadow: none !important;
  }
.btn--cancel {
  padding: 6px 5px 6px;
  font-size: var(--fontSize-larger);
  color: #717684;
  min-width: 36px;
  vertical-align: -2px;
  box-shadow: 0 0 0 1px #c9cbd4 inset;
  line-height: 1;
}
.btn--cancel:hover {
    box-shadow: 0 0 0 1px #8a8f9e inset;
  }
@media only screen and (max-width: 30rem) {
.btn--cancel {
    width: auto;
    margin: 0;
    display: inline-block
}
  }
h4 > .button {
  margin-left: 2em;
}
.btn--dropdown {
  background-image: url('images/arrow-single-red.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 5px;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: auto;
  background-color: #fff;
  transition:
    background-image 0,
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.btn--dropdown:hover,
  .btn--dropdown:active,
  .btn--dropdown:focus {
    background-image: url('images/arrow-single-white.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 5px;
    text-indent: -9999px;
  }
.btn--dropdown:focus {
    box-shadow: none;
    border: none;
  }
.btn--dropdown option {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #fff;
    color: #000;
  }
.btn--hover-dim:hover {
    opacity: 0.4;
  }
@media only screen and (max-width: 30rem) {
.dropdownButton .btn {
    width: auto;
    margin: 0 0 0 -0.6em;
    display: inline-block;
    text-decoration: none !important
}
  }
.btn.btn--square {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  min-width: 0;
}
.btn--small.btn--square {
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  min-width: 0;
  padding: 10px;
}
.btn--smaller.btn--square {
  padding: 10px;
  box-sizing: border-box;
  min-width: 0;
}
.btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn.btn--outlineFill.isSyncing {
  transition: all 0.2s;
  background-image: url('images/syncing-gray.gif');
  background-repeat: no-repeat;
  background-position: left 9px center;
  background-size: 16px;
  padding-left: 28px;
}
.btn.btn--outlineFill.isSyncing:hover {
    background-image: url('images/syncing-white.gif');
    background-repeat: no-repeat;
    background-position: left 9px center;
    background-size: 16px;
    padding-left: 28px;
  }
.btn.btn--brand.isSyncing {
  transition: all 0.2s;
  background-image: url('images/syncing-orange.gif');
  background-repeat: no-repeat;
  background-position: left 9px center;
  background-size: 16px;
  padding-left: 28px;
}
.btn.btn--brand.isSyncing:hover {
    background-image: url('images/syncing-orange.gif');
    background-repeat: no-repeat;
    background-position: left 9px center;
    background-size: 16px;
    padding-left: 28px;
  }
.btn.btn--brand.isLoading {
  transition: all 0.2s;
  background-image: url('images/loading-red.gif');
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 16px;
  padding-left: 32px;
}
.btn.btn--brand.isLoading:hover {
    background-image: url('images/loading-red.gif');
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 16px;
    padding-left: 32px;
  }
.btn--clear-search {
  position: absolute;
  right: 16px;
  top: 15px;
}
.btn--outset-shadow {
  box-shadow: 0 1px 5px 1px #c9cbd4 !important;
}
select.btn,
select.btn:hover,
select.btn:focus,
select.btn:active {
  background-image: url('images/arrow-single-white.svg');
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 8px 5px;
}
select.btn {
  width: auto;
}
select.btn:hover,
  select.btn:active,
  select.btn:focus {
    border: none;
    box-shadow: none;
  }
select.btn:hover,
  select.btn:active {
    outline: none;
  }
select.btn:focus {
    outline: none; /* bad for keyboard navigation */
  }
a.btn[aria-disabled='true'] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.location-theme {
  --theme-primary-color: #c50000;
  --theme-button-text-color: #fff;
  --theme-sidebar-background-image: linear-gradient(to bottom, rgba(233, 233, 234, 0.2), rgba(40, 44, 54, 0.15));
}
.location-theme .btn--accent,
  .location-theme .btn--accent:active,
  .location-theme .btn--accent:hover {
    background: var(--theme-primary-color);
    color: var(--theme-button-text-color);
  }
.location-theme .btn--accent svg {
      fill: var(--theme-button-text-color);
    }
.location-theme .btn--accent:hover {
      opacity: 0.8;
    }
.location-theme .btn--accent:focus {
      cursor: pointer;
      outline: none;
    }
.location-theme__sidebar-background {
  background-image: var(--theme-sidebar-background-image);
  background-size: cover;
  background-position: center;
}
.location-theme__accent {
  color: var(--theme-primary-color);
}
/* Add some grid-related CSS classes that are listed in Tailwind's docs but are not present in our CSS */
.gap-4 {
  gap: 1rem;
}
.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.row-span-7 {
  grid-row: span 7 / span 7;
}
.row-span-8 {
  grid-row: span 8 / span 8;
}
.row-span-9 {
  grid-row: span 9 / span 9;
}
ul.comma-separated > li:not(:last-child)::after, ol.comma-separated > li:not(:last-child)::after {
    content: ', ';
  }
ul.comma-separated > li.has-trailing-whitespace:not(:last-child)::after, ol.comma-separated > li.has-trailing-whitespace:not(:last-child)::after {
    margin-left: -0.2rem;
  }
/* special pages */
.authenticate {
  position: relative;
  height: 100vh;
  min-height: 720px;
}
@media only screen and (max-height: 420px) {
.authenticate {
    min-height: 0
}
  }
a {
  cursor: pointer;
}
.authenticate .messageBar {
  top: 10px;
}
@media only screen and (max-width: 30rem) {
.authenticate .messageBar {
    width: 100%;
    text-align: center
}
  }
.authenticate-box {
  position: relative;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 400px;
  width: 100%;
  padding: 2rem;
  border: 1px solid #f0f;
}
@media only screen and (max-height: 420px), screen and (max-width: 400px) {
.authenticate-box {
    top: var(--spacer-small);
    transform: translateY(0) translateX(-50%)
}
  }
.authenticate-box .messageBox,
.authenticate-box form {
  padding: 3rem;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-smaller);
}
@media only screen and (max-width: 30rem) {
.authenticate-box .messageBox,
.authenticate-box form {
    padding: 2rem 1rem;
    margin: 0 2rem
}
  }
.authenticate-box h3 {
  margin: 0 auto 3rem;
  font-weight: var(--fontWeight-bold);
}
@media only screen and (max-width: 30rem) {
.authenticate-box h3 {
    margin: 0 auto 2rem;
    font-size: var(--fontSize-large);
    line-height: 1.4;
    text-align: center
}
  }
.authenticate-logo {
  display: block;
  width: 120px;
  height: auto;
  margin: 0 auto var(--spacer-small);
}
@media only screen and (max-height: 420px) {
.authenticate-logo {
    margin: 20px auto 10px
}
  }
/* Hide IE banner by default */
.ie-notice {
  display: none;
}
.ie-notice .container {
    width: 100%;
    font-size: 1.25rem;
    padding: 50px;
    color: white;
    background-color: #e91c1c;
  }
.ie-notice .container a {
      font-size: 1rem;
      color: #fff;
    }
/* Show IE banner on IE10/11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .ie-notice {
    display: block;
  }
}
/* print stylesheet for dashboard */
@media print {
  body {
    background: #fff !important;
    min-height: auto;
  }

  .shadow {
    box-shadow: none !important;
  }

  .bodyContainer {
    max-width: 100em;
    min-width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    background: #fff !important;
  }

  .contentContainer {
    margin: 0 !important;
  }

  .text-carbon-50,
  .ember-power-select-trigger {
    color: #000 !important;
  }

  h4 {
    font-size: 12px;
  }

  .h5 {
    font-size: 10px;
  }

  .border,
  .border-top,
  .border-bottom,
  .border-left,
  .border-right {
    border-color: #717684;
  }
}
/* Deliveries */
.delivery-list-item {
  height: 75px;
}
.delivery-list-item__checkbox {
  display: table-cell;
  width: 24px;
  padding-left: 8px;
  vertical-align: middle;
}
.delivery-list-item__checkbox--warning {
  padding-left: 4px;
  border-left: 4px solid #ffc67a;
}
.delivery-list-item__thumbnail {
  position: relative;
  display: block;
}
.delivery-list-item__thumbnail--warning::after {
    position: absolute;
    bottom: -14px;
    right: -7px;
    width: 30px;
    height: 30px;
    content: url('images/deliveries/warning.svg');
  }
.delivery-email-notification-preview {
  font-size: 15px;
  line-height: 19px;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  background: #fff;
  font-family: var(--fontFamily-brand);
}
.delivery-email-notification-preview table {
    border-spacing: 0;
  }
.delivery-email-notification-preview td {
    padding: 0;
  }
.delivery-email-notification-preview a {
    color: #59a3e8;
    text-decoration: underline;
  }
.delivery-email-notification-preview b {
    font-weight: bold;
  }
.delivery-email-notification-preview p,
  .delivery-email-notification-preview strong {
    padding: 0 !important;
    margin: 0 !important;
    font-family: var(--fontFamily-brand);
  }
.delivery-email-notification-preview .snooze-button {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ef3934;
    color: #ef3934;
    display: inline-block;
    font-family: var(--fontFamily-brand);
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    width: 250px;
  }
.delivery-email-notification-preview .mark-as-picked-up-button {
    background-color: #ef3934;
    border-radius: 4px;
    border: 1px solid #ef3934;
    color: #fff;
    display: inline-block;
    font-family: var(--fontFamily-brand);
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    width: 250px;
  }
.delivery-email-notification-preview .recipient-label {
    color: #ef3934;
    font-size: 10px;
    text-transform: uppercase;
  }
.delivery-email-notification-preview .recipient-name {
    color: #282c36;
    font-size: 20px;
    font-weight: bold;
  }
.delivery-email-notification-preview .attribute-label {
    font-size: 12px;
    color: rgba(40, 44, 54, 0.4);
  }
.delivery-email-notification-preview .attribute-value {
    font-size: 16px;
    color: #282c36;
  }
.delivery-email-notification-preview .horizontal-line {
    width: 100%;
    border-bottom: 1px solid #e9e9ea;
  }
.delivery-email-notification-preview .horizontal-line-top-padding {
    width: 100%;
    border-bottom: 7px solid white;
  }
.delivery-email-notification-preview .horizontal-line-bottom-padding {
    width: 100%;
    border-bottom: 9px solid white;
  }
/* Rooms */
.hover-to-red:hover {
  color: #ef3934;
  transition: all 0.2s;
}
.max-w-sm {
  max-width: 30rem;
}
.replaceable-image {
  height: 5rem;
  width: 6.875rem;
}
.status-badge {
  padding: 4px 15px;
}
.status-badge .rounded-full {
    min-height: 0.4375rem;
    min-width: 0.4375rem;
  }
@media (min-width: 1024px) and (max-width: 1280px) {
.status-badge {
    max-width: 126px
}
  }
.text-green {
  color: #018940;
}
.text-grey {
  color: #a9abaf;
}
.trans {
  transition: all 0.2s;
}
.trans-fast {
  transition-duration: 0.1s;
}
.rooms-analytics-upsell-container {
  max-height: 100%;
  height: calc(100vh - 10.5rem);
  margin: 0;
  background: url('/assets/images/empty-state/analytics-empty-state.png');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  filter: blur(5px);
}
.room-analytics-upsell {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  height: 80%;
  padding: 20px;
  text-align: center;
}
.room-analytics-upsell .upsell-top {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
.room-analytics-upsell .upsell-bottom {
    width: 100%;
    height: calc(100% - 400px);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
.loading-rooms-permissions-spinner .loader {
    bottom: 0;
    height: 64px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    width: 64px;
  }
/* desks */
.desks-mini-map {
  width: 80px !important;
  height: auto !important;
}
#desks-map-deactivate-wrapper .leaflet-container {
    background: none;
    font-family: var(--fontFamily-brand);
    font-size: 1rem;
    height: 400px; /* match up with JS*/
    line-height: 1.5;
    outline: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
  }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-loader {
      height: 100;
      width: 100;
      position: absolute;
      z-index: 100000;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-overlay-pane,
    #desks-map-deactivate-wrapper .leaflet-container .leaflet-pane {
      z-index: 10;
    }
#desks-map-deactivate-wrapper .leaflet-container .base-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .selected-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .deactivated-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .disabled-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .selected-disabled-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .resource-icon-base.desk.is-disabled,
    #desks-map-deactivate-wrapper .leaflet-container .reserved-desk-icon.desk.is-disabled,
    #desks-map-deactivate-wrapper .leaflet-container .reserved-parking-icon.desk.is-disabled {
      background-size: contain;
      background-repeat: no-repeat;
      border-radius: 50%;
      box-shadow: 0 5.4px 10.7px 0 rgba(0, 0, 0, 0.12);
    }
#desks-map-deactivate-wrapper .leaflet-container .selected-desk-icon {
      background-image: url('images/resource-map/green-dot-dark-green-border.svg');
    }
#desks-map-deactivate-wrapper .leaflet-container .employee-desk {
      background-image: url('images/desks/desk-pin.svg');
      border-radius: 0;
      box-shadow: none;
    }
#desks-map-deactivate-wrapper .leaflet-container .desk-icon {
      background-image: url('images/desks/green-dot.svg');
    }
#desks-map-deactivate-wrapper .leaflet-container .deactivated-desk-icon {
      background-image: url('images/desks/deactivated-desk.svg');
    }
#desks-map-deactivate-wrapper .leaflet-container .disabled-desk-icon,
    #desks-map-deactivate-wrapper .leaflet-container .resource-icon-base.desk.is-disabled,
    #desks-map-deactivate-wrapper .leaflet-container .reserved-desk-icon.desk.is-disabled,
    #desks-map-deactivate-wrapper .leaflet-container .reserved-parking-icon.desk.is-disabled {
      background-image: url('images/desks/deactivated-desk.svg');
    }
#desks-map-deactivate-wrapper .leaflet-container .selected-disabled-desk-icon {
      background-image: url('images/resource-map/gray-dot-dark-gray-border.svg');
    }
#desks-map-deactivate-wrapper .leaflet-container .employee-desk {
      background-image: url('images/desks/desk-pin.svg');
      border-radius: 0;
      box-shadow: none;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-top .leaflet-control {
      margin-top: 24px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-bottom .leaflet-control {
      margin-bottom: 24px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-left .leaflet-control {
      margin-left: 24px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-right .leaflet-control {
      margin-right: 24px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-grab {
      cursor: crosshair;
    }
.employee-schedule-map #desks-map-deactivate-wrapper .leaflet-container .leaflet-grab {
        cursor: pointer;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar {
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
      border-radius: 10px;
      border: none;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar a {
      border: none;
      width: 44px;
      height: 44px;
      line-height: 44px;
      background-color: #3f4450;
      color: #fff;
      opacity: 0.75;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar a.leaflet-disabled {
        background-color: #8a8f9e;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar a:hover:not(.leaflet-disabled) {
        opacity: 0.65;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar a:first-child {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar a:last-child {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-control-zoom-out::before {
        border-top: 2px solid #fff;
        content: '';
        display: block;
        margin: 0 4px;
        opacity: 0.3;
        position: relative;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-control-layers,
    #desks-map-deactivate-wrapper .leaflet-container .leaflet-touch .leaflet-bar {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
      background-clip: padding-box;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup {
      margin-bottom: 0;
    }
/* left values get overwritten by the element style of leaflet popup so !important is needed*/
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup.right {
        left: 20px !important;
        right: initial;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup.left {
        left: initial !important;
        right: 20px;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup.top {
        bottom: 20px;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup.bottom {
        top: -20px;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup-content-wrapper {
      padding: 0.5rem;
    }
.employee-schedule-map #desks-map-deactivate-wrapper .leaflet-container .leaflet-popup-content-wrapper {
        padding: 1.5rem;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup-content {
      margin: 0;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-popup-tip-container {
      display: none;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-container a.leaflet-popup-close-button {
      top: 2.5px;
      right: 2.5px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-tooltip {
      border-radius: 12px;
      margin-top: -30px;
      padding: 8px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-tooltip::before {
        display: none;
      }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-tooltip-right {
      margin-left: 20px;
    }
#desks-map-deactivate-wrapper .leaflet-container .leaflet-tooltip-left {
      margin-right: 20px;
    }
/* property management/multi-tenancy */
.ui__header.property-page-header {
  display: flex;
  align-items: center;
}
.input.ui__header.property-page-header,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.ui__header.property-page-header {
  display: flex;
}
.ui__header.property-page-header .ui__header__subtitle {
    /* use some of the same styles as .ui__header__title */
    margin-left: 0.75rem;
    flex: 1 1 0%;
    font-family: SofiaPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.25;
  }
/* Virtual Front Desk */
.virtual-front-desk-schedule-grid > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.virtual-front-desk-schedule-grid {
  border-width: 1px;
}
@media print {

  .virtual-front-desk-schedule-grid {
    border-color: #717684;
  }
}
.virtual-front-desk-schedule-grid .day-name {
  margin-bottom: 0px;
  margin-left: 1rem;
  width: 6rem;
  border-right-width: 1px;
}
.virtual-front-desk-schedule-grid .day-name .ember-power-select-trigger {
  margin-bottom: 0;
}
.virtual-front-desk-schedule-grid .day-name {

    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: flex;
  align-items: center;
}
.input.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row {
  display: flex;
}
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars {
  position: relative;
}
.handsontable .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars {
  position: relative;
}
.handsontable th:nth-child(2) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after,
.handsontable th:nth-child(3) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after,
.handsontable th:nth-child(4) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after, .readonly-table .handsontable th:nth-child(3) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after, .readonly-table .handsontable th:nth-child(4) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars::after {
  display: none;
}
.handsontable thead th .virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars {
  padding: 2px 4px;
}
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bars {

      height: 1.25rem;
      margin-top: 1.25rem;
      margin-bottom: 0.75rem;
      /* based on there being 9 time headers shown (and them being equal size), offset left & right by one-half the width of a header */
      margin-left: calc(100% / 18);
      margin-right: calc(100% / 18);
    }
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--background-bar {
  position: absolute;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
  line-height: .75rem;
      left: 0;
      width: 100%;
}
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--bar {
  position: absolute;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 218 / var(--tw-bg-opacity, 1));
  line-height: .75rem;
}
.virtual-front-desk-schedule-grid .virtual-front-desk-schedule-grid-row .virtual-front-desk-schedule-grid-row--pill {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
      /* @apply absolute w-fit uppercase text-sm font-bold rounded-xl; */

      margin-inline: auto;
      left: 0;
      right: 0;
      top: -0.25rem;
}
/* Workflows */
iframe[src^="https://workflows.envoy"][src*="/embed"]
{
  z-index: 50;
}
/* Communications */
.communications-announcement-overview {
  background-color: #fbfbfc;
}
/* Health Dashboard */
.stats-cards-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.stats-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
  }
@media (min-width: 1280px) {
.stats-cards-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
  }
.filters-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
.filters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
  }
@media (min-width: 768px) {
.filters-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
  }
@media (min-width: 1024px) {
.filters-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}
.filters-grid.filters-grid--4col {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  }
/* Single card containing stacked charts + legend */
.charts-with-legend {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
.charts-with-legend {
    flex-direction: row
}
  }
.charts-column {
  flex: 1;
  min-width: 0;
}
.charts-legend {
  border-top: 1px solid #e5e7eb;
  overflow-x: auto;
}
.charts-legend .charts-legend-inner {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 0 1rem;
    min-width: 600px;
  }
@media (min-width: 1200px) {
.charts-legend {
    width: 260px;
    flex-shrink: 0;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: none;
    border-left: 1px solid #e5e7eb
}

    .charts-legend .charts-legend-inner {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
  }
/* Util & libs */
/*!
(The MIT License)

Copyright (c) 2012-2014 Marcin Warpechowski
Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
'Software'), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
.handsontable {
  position: relative;
}
.handsontable .hide {
  display: none;
}
.handsontable .relative {
  position: relative;
}
.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}
.handsontable .wtHider {
  width: 0;
}
.handsontable .wtSpreader {
  position: relative;
  width: 0; /* must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}
.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
}
.handsontable input,
.handsontable textarea {
  min-height: initial;
}
.handsontable table.htCore {
  border-collapse: separate;

  /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */

  /* this actually only changes appearance of user selection - does not make text unselectable
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  /*user-select: none; /*no browser supports unprefixed version */
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;

  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}
.handsontable col {
  width: 50px;
}
.handsontable col.rowHeader {
  width: 50px;
}
.handsontable th,
.handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #ebebf0;
  border-bottom: 1px solid #ebebf0;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 8px;

  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #fff;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;

  /* preserve new line character in cell */
  background-clip: padding-box;
}
.handsontable td.htInvalid {
  background-color: rgba(194, 87, 0, 0.1) !important; /* gives priority over td.area selection background */
}
.handsontable td.htNoWrap {
  white-space: nowrap;
}
.handsontable th:last-child {
  /* Foundation framework fix */
  border-right: 1px solid #ebebf0;
  border-bottom: 1px solid #ebebf0;
}
.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #fff;
}
.handsontable th:first-child,
.handsontable th:nth-child(2),
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #ebebf0;
}
.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #ebebf0;
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #ebebf0;
}
/*!
 * Required field dot marking
 * adjust for required fields
 */
.handsontable th:nth-child(2) .relative::after,
.handsontable th:nth-child(3) .relative::after,
.handsontable th:nth-child(4) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .relative::after, .readonly-table .handsontable th:nth-child(3) .relative::after, .readonly-table .handsontable th:nth-child(4) .relative::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .relative::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .relative::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .relative::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .relative::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .relative::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .relative::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .relative::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .relative::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .relative::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .relative::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .relative::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .relative::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .relative::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .relative::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .relative::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .relative::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .relative::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .relative::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .relative::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .relative::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .relative::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .relative::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .relative::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .relative::after {
  display: none;
}
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  border-right-width: 0;
}
.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}
.handsontable th {
  background-color: #f6f6f9;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.handsontable thead th {
  padding: 0;
}
.handsontable th.active {
  background-color: #ebebf0;
}
.handsontable thead th .relative {
  padding: 2px 4px;
}
/* selection */
.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #ebebf0;
}
.readonly-table .handsontable tbody th.ht__highlight, .readonly-table .handsontable thead th.ht__highlight {
    background: #f6f6f9 !important;
  }
.handsontable.ht__selection--columns thead th.ht__highlight,
.handsontable.ht__selection--rows tbody th.ht__highlight {
  background-color: #8eb0e7;
  color: #000;
}
/* plugins */
/* row + column resizer */
.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}
.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}
.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #aab;
}
.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #aab;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}
.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #aab;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}
.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
  z-index: 199;
}
.handsontable .columnSorting {
  position: relative;
}
.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}
.handsontable .columnSorting.ascending::after {
  content: '\25B2';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}
.handsontable .columnSorting.descending::after {
  content: '\25BC';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}
/* border line */
.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.readonly-table .handsontable .wtBorder {
    display: none !important;
  }
.handsontable .wtBorder.hidden {
  display: none !important;
}
.handsontable td.area {
  background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%);
  background-color: #fff;
}
/* fill handle */
.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}
.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}
.handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292f7 inset;
  resize: none;

  /* below are needed to overwrite stuff added by jQuery UI Bootstrap theme */
  display: inline-block;
  color: #000;
  border-radius: 0;
  background-color: #fff;

  /* overwrite styles potentionally made by a framework */
}
.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.htSelectEditor {
  -webkit-appearance: menulist-button !important;
     -moz-appearance: menulist-button !important;
          appearance: menulist-button !important;
  position: absolute;
  width: auto;
}
/*
TextRenderer readOnly cell
*/
.handsontable .htDimmed {
  color: #777;
}
.floor-table .handsontable .htDimmed {
    background-color: #f6f6f9;
  }
.handsontable .htDimmed:focus {
    outline: none;
  }
.handsontable .htSubmenu {
  position: relative;
}
.handsontable .htSubmenu ::after {
  content: '▶';
  color: #777;
  position: absolute;
  right: 5px;
}
/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft {
  text-align: left;
}
.handsontable .htCenter {
  text-align: center;
}
.handsontable .htRight {
  text-align: right;
}
.handsontable .htJustify {
  text-align: justify;
}
/*
TextRenderer vertical alignment
*/
.handsontable .htTop {
  vertical-align: top;
}
.handsontable .htMiddle {
  vertical-align: middle;
}
.handsontable .htBottom {
  vertical-align: bottom;
}
/*
TextRenderer placeholder value
*/
.handsontable .htPlaceholder {
  color: #999;
}
/*
AutocompleteRenderer down arrow
*/
.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #eee;
  cursor: default;
  width: 16px;
  text-align: center;
}
.readonly-table .handsontable .htAutocompleteArrow {
    display: none;
  }
.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}
.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}
/*
CheckboxRenderer
*/
.handsontable .htCheckboxRendererInput {
  display: inline-block;
  vertical-align: middle;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
@keyframes opacity-hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes opacity-show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/**
 * Handsontable in Handsontable
 */
.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}
/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}
.floor-table .handsontable .autocompleteEditor.handsontable {
    top: -7px;
  }
.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}
/**
 * Handsontable listbox theme
 */
.handsontable.listbox {
  margin: 0;
}
.handsontable.listbox .ht_master table {
  border: 1px solid #ebebf0;
  border-collapse: separate;
  background: white;
}
.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}
.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}
.handsontable.listbox .wtBorder {
  visibility: hidden;
}
.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}
.ht_clone_top {
  z-index: 41;
}
.ht_clone_left {
  z-index: 42;
}
.ht_clone_top_left_corner,
.ht_clone_bottom_left_corner {
  z-index: 43;
}
.ht_clone_debug {
  z-index: 43;
}
.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}
/*
Cell borders
*/
.htBordered {
  /* box-sizing: border-box !important; */
  border-width: 1px;
}
.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}
.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}
.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}
.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #ebebf0;
}
.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #ebebf0;
  padding-bottom: 5px;
}
.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #ebebf0;
}
.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}
.htCollapseButton::after {
  content: '';
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;

  /* top: -300%; */
  bottom: 10px;
}
thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}
thead .htCollapseButton::after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}
.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}
.handsontable thead tr th .htExpandButton {
  top: 5px;
}
.handsontable tr th .htExpandButton.clickable {
  display: block;
}
.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 5px;
  border: 1px solid #a6a6a6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  box-shadow: 0 0 0 6px rgba(238, 238, 238, 1);
  background: #eee;
}
.handsontable col.hidden {
  width: 0 !important;
}
.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #e6e6e6;
}
.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}
.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: hidden;
}
.ht_master .wtHolder {
  overflow: auto;
}
.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto;
}
.ht_clone_top .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow-x: auto;
  overflow-y: hidden;
}
/* WalkontableDebugOverlay */
.wtDebugHidden {
  display: none;
}
.wtDebugVisible {
  display: block;
  animation-duration: 0.5s;
  animation-name: wtFadeInFromNone;
}
@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
/*

 Handsontable Mobile Text Editor stylesheet

 */
.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}
/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}
.htMobileEditorContainer.active {
  display: block;
}
.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}
.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}
.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}
.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}
.htMobileEditorContainer .cellPointer::before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}
.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0;
  cursor: move;
  z-index: 9999;
}
.htMobileEditorContainer .moveHandle::after {
  content: '..\a..\a..\a..';
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}
.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}
.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}
.htMobileEditorContainer .positionControls > div::after {
  content: ' ';
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}
.htMobileEditorContainer .leftButton::after,
.htMobileEditorContainer .rightButton::after,
.htMobileEditorContainer .upButton::after,
.htMobileEditorContainer .downButton::after {
  transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}
.htMobileEditorContainer .leftButton::after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  transform: rotate(-45deg);

  /* margin-top: 17pt; */

  /* margin-left: 20pt; */
}
.htMobileEditorContainer .leftButton:active::after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .rightButton::after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  transform: rotate(135deg);

  /* margin-top: 17pt; */

  /* margin-left: 10pt; */
}
.htMobileEditorContainer .rightButton:active::after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .upButton::after {
  /* border-top: 2px solid #cfcfcf; */
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  transform: rotate(45deg);

  /* margin-top: 22pt; */

  /* margin-left: 15pt; */
}
.htMobileEditorContainer .upButton:active::after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .downButton::after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  transform: rotate(225deg);

  /* margin-top: 15pt; */

  /* margin-left: 15pt; */
}
.htMobileEditorContainer .downButton:active::after {
  border-color: #cfcfcf;
}
.handsontable.hide-tween {
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
}
.handsontable.show-tween {
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  box-shadow:
    0 0 30px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-smaller);
  border: none;
  background-color: #fff;
  text-align: center;
  font-size: 0.8rem;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single::before,
.pika-single::after {
  content: ' ';
  display: table;
}
.pika-single::after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 275px;
  margin: 0;
}
.pika-lendar .pika-title {
    position: relative;
    text-align: center;
    padding: 5px;
  }
.pika-lendar .pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
  }
.pika-lendar .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
  }
.pika-lendar .pika-prev,
  .pika-lendar .pika-next {
    cursor: pointer;
    font-size: 0;
    width: 0;
    height: 0;
    border: none;
    background: transparent;
    position: absolute;
  }
.pika-lendar .pika-prev {
    left: 0;
  }
.pika-lendar .pika-next {
    right: 0;
  }
.pika-lendar .pika-next::before,
  .pika-lendar .is-rtl .pika-prev::before {
    content: '\025B8';
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    font-style: normal;
    font-size: 32px;
    font-weight: 300;
    width: 24px;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
  }
.pika-lendar .pika-prev::before,
  .pika-lendar .is-rtl .pika-next::before {
    content: '\025B8';
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: rotateY(180deg);
    font-style: normal;
    font-size: 32px;
    font-weight: 300;
    width: 24px;
    height: 24px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
  }
.pika-lendar .pika-next:hover::before,
  .pika-lendar .pika-prev:hover::before {
    color: #e91c1c;
    background: rgba(250, 67, 56, 0.075);
  }
.pika-lendar .pika-prev.is-disabled::before,
  .pika-lendar .pika-next.is-disabled::before {
    cursor: default;
    opacity: 0.5;
  }
.pika-lendar .pika-select {
    display: inline-block;
    *display: inline;
  }
.pika-lendar .pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
  }
.pika-lendar .pika-table th,
  .pika-lendar .pika-table td {
    width: 14.285714285714286%;
  }
.pika-lendar .pika-table th {
    color: #c9cbd4;
    text-align: center;
    padding: 8px 0;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    border-top: 1px solid #ebebf0;
    cursor: default;
  }
.pika-lendar .pika-table td {
    position: relative;
    text-align: center;
    color: #717684;
    box-sizing: border-box;
    padding: 0;
    font-size: 12px;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.1s;
    border-top: 1px solid #ebebf0;
  }
.pika-lendar .pika-table td:hover {
      color: #e91c1c !important;
      background: rgba(250, 67, 56, 0.075);
    }
.pika-lendar .pika-button {
    border: none;
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    padding: 8px 4px;
    box-sizing: border-box;
    width: 100%;
  }
.pika-lendar .is-today .pika-button {
    color: #e91c1c;
  }
.pika-lendar .is-today .pika-button:hover::before {
        opacity: 1;
        background: rgba(250, 67, 56, 0.075);
      }
.pika-lendar .is-selected .pika-button {
    font-weight: 400;
    color: #e91c1c;
    background: rgba(250, 67, 56, 0.075);
    transition: all 0.2s;
  }
.pika-lendar .is-inrange .pika-button {
    background: #d5e9f7;
  }
.pika-lendar .is-empty,
  .pika-lendar .is-disabled,
  .pika-lendar .is-outside-current-month {
    pointer-events: none;
    cursor: default;
  }
.pika-lendar .is-empty .pika-button, .pika-lendar .is-disabled .pika-button, .pika-lendar .is-outside-current-month .pika-button {
      color: #ebebf0;
    }
.spreadsheet-floor .colHeader,
  .spreadsheet-floor .rowHeader {
    background: #f6f6f9 !important;
    color: #717684;
  }
.spreadsheet-floor th {
    background: #f6f6f9 !important;
  }
textarea#HandsontableCopyPaste {
  position: fixed;
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
/* Box Shadows */
.shadow-pill {
  box-shadow: inset 0 0 0 16px #f6f6f9;
}
.is-dragging .is-dragging\:shadow-lg-tall {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
/* Cursors */
.cursor-row-resize {
  cursor: row-resize;
}
.hover\:cursor-row-resize:hover {
  cursor: row-resize;
}
/* Direction */
.direction-rtl {
  direction: rtl;
}
/* Fonts */
.font-v-numeric-lnum-tnum {
  font-variant-numeric: lining-nums tabular-nums;
}
/* Overflow */
.first-child\:overflow-visible :first-child {
  overflow: visible;
}
/* Pointer Events */
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
/* Transitions */
.trans {
  transition-duration: 0.25s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.trans-all {
  transition: all 0.2s;
}
.trans-bg {
  transition: background 0.2s;
}
.trans-border-ease {
  transition: border 0.25s ease-in-out;
}
.trans-box-shadow {
  transition: box-shadow 0.2s;
}
.trans-box-shadow-ease {
  transition: box-shadow 0.25s ease-in-out;
}
.trans-color {
  transition: color 0.2s;
}
.trans-padding-ease {
  transition: padding 0.25s ease-in-out;
}
.trans-transform {
  transition: transform 0.2s ease-in-out;
}
.grey-border {
  border: solid 1px rgba(40, 44, 54, 0.08);
}
.box-shadow-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.reset-liquid-container {
  overflow: visible !important;
}
.reset-liquid-container .liquid-child {
    overflow: visible !important;
  }
.full-h-liquid-container {
  height: 100%;
}
.full-h-liquid-container .liquid-child {
    height: 100%;
  }
.liquid-child {
  padding: 0 1px; /* Allow input focus ring to be visible */
}
.hide-border-br {
  border-bottom-right-radius: 0 !important;
}
.__highlight {
  position: relative;
}
.__highlight::after {
  content: '';
  background-color: #9fc4e7;
  opacity: 0.7;
  transform: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blur-2 {
  filter: blur(2px);
}
.text-shadow-none {
  text-shadow: none !important;
}
/* React Polarwind and rich components */
.Polarwind-Heading{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));font-weight:600}
.Polarwind-Heading--extraLarge{font-size:1.875rem;font-size:30px;line-height:2.25rem;line-height:26px}
.Polarwind-Heading--extraLarge span{vertical-align:-5.1px}
.Polarwind-Heading--large{font-size:1.25rem;font-size:20px;line-height:1.75rem;line-height:18px}
.Polarwind-Heading--large span{vertical-align:-3.4px}
.Polarwind-Heading--medium{font-size:1rem;font-size:16px;line-height:1.5rem;line-height:14px}
.Polarwind-Heading--medium span{vertical-align:-2.7px}
.Polarwind-Heading--small{font-size:.875rem;font-size:14px;line-height:1.25rem;line-height:12px}
.Polarwind-Heading--small span{vertical-align:-2.4px}
.Polarwind-Heading--secondary{--tw-text-opacity:1;color:#717684;color:rgb(113 118 132/var(--tw-text-opacity));font-weight:500}
.Polarwind-Stack{align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-top:-.5rem}
.Polarwind-Stack__Item{flex-shrink:0;margin-left:.5rem;margin-top:.5rem;max-width:100%;min-width:0}
.Polarwind-Stack--spacingLoose{margin-left:-.75rem;margin-top:-.75rem}
.Polarwind-Stack--spacingLoose>.Polarwind-Stack__Item{margin-left:.75rem;margin-top:.75rem}
.Polarwind-Stack--spacingLooser{margin-left:-1rem;margin-top:-1rem}
.Polarwind-Stack--spacingLooser>.Polarwind-Stack__Item{margin-left:1rem;margin-top:1rem}
.Polarwind-Stack--spacingExtraLoose{margin-left:-1.5rem;margin-top:-1.5rem}
.Polarwind-Stack--spacingExtraLoose>.Polarwind-Stack__Item{margin-left:1.5rem;margin-top:1.5rem}
.Polarwind-Stack--spacingNone,.Polarwind-Stack--spacingNone>.Polarwind-Stack__Item{margin-left:0;margin-top:0}
.Polarwind-Stack--distributionEqualSpacing{justify-content:space-between}
.Polarwind-Stack--distributionEqualSpacingAround{justify-content:space-around}
.Polarwind-Stack--distributionLeading{justify-content:flex-start}
.Polarwind-Stack--distributionTrailing{justify-content:flex-end}
.Polarwind-Stack--distributionCenter{justify-content:center}
.Polarwind-Stack--distributionFill>.Polarwind-Stack__Item{flex:1 1 auto}
.Polarwind-Stack--distributionFillEvenly>.Polarwind-Stack__Item{flex:1 0;min-width:-moz-fit-content;min-width:fit-content}
.Polarwind-Stack--vertical{flex-direction:column;margin-left:0}
.Polarwind-Stack--vertical>.Polarwind-Stack__Item{margin-left:0}
.Polarwind-Stack--alignmentLeading{align-items:flex-start}
.Polarwind-Stack--alignmentTrailing{align-items:flex-end}
.Polarwind-Stack--alignmentCenter{align-items:center}
.Polarwind-Stack--alignmentFill{align-items:stretch}
.Polarwind-Stack--alignmentBaseline{align-items:baseline}
.Polarwind-Stack--noWrap{flex-wrap:nowrap}
.Polarwind-Banner{display:flex;max-width:624px}
.Polarwind-Banner>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:1rem;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(1rem*var(--tw-space-x-reverse))}
.Polarwind-Banner{border-radius:.375rem;padding:1rem}
.Polarwind-Banner__Icon{width:1rem}
.Polarwind-Banner--success{--tw-bg-opacity:1;background-color:#dffbe6;background-color:rgb(223 251 230/var(--tw-bg-opacity))}
.Polarwind-Banner--success .Polarwind-Banner__Icon{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity))}
.Polarwind-Banner--info{--tw-bg-opacity:1;background-color:#f0f4ff;background-color:rgb(240 244 255/var(--tw-bg-opacity))}
.Polarwind-Banner--info .Polarwind-Banner__Icon{--tw-text-opacity:1;color:#6161ff;color:rgb(97 97 255/var(--tw-text-opacity))}
.Polarwind-Banner--warning{--tw-bg-opacity:1;background-color:#fff3d1;background-color:rgb(255 243 209/var(--tw-bg-opacity))}
.Polarwind-Banner--warning .Polarwind-Banner__Icon{--tw-text-opacity:1;color:#c25700;color:rgb(194 87 0/var(--tw-text-opacity))}
.Polarwind-Banner__Body{font-size:.875rem;font-size:14px;line-height:1.25rem;line-height:1.5}
.Polarwind-Button{--tw-text-opacity:1;align-self:center;background-color:var(--pw-colors-primary);border-radius:.375rem;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1rem;font-size:16px;font-weight:500;line-height:1.5rem;line-height:14px;padding:.6666rem 1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Button:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur) brightness(1.05) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.Polarwind-Button:active{--tw-brightness:brightness(1);filter:var(--tw-blur) brightness(1) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.Polarwind-Button{border-color:var(--pw-colors-primary);border-width:1px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.Polarwind-Button:focus{outline:2px solid transparent;outline-offset:2px}
.Polarwind-Button{--tw-ring-color:var(--pw-colors-primary);--tw-ring-offset-width:1px}
.Polarwind-Button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.Polarwind-Button span{vertical-align:-2.7px}
.Polarwind-Button__Icon{display:inline-block;margin-left:-.25rem;margin-right:.25rem}
.Polarwind-Button__Icon svg{height:12px}
.Polarwind-Button--slim{font-size:.875rem;font-size:14px;line-height:1.25rem;line-height:12px;padding:.604rem 1rem}
.Polarwind-Button--slim .Polarwind-Button--icon svg{height:11px}
.Polarwind-Button--large{font-size:1.125rem;font-size:17px;line-height:1.75rem;line-height:14px;padding:.75rem 1.5rem}
.Polarwind-Button--large span{vertical-align:-2.9px}
.Polarwind-Button--disabled{opacity:.65;pointer-events:none}
.Polarwind-Button--plain{--tw-text-opacity:1;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:transparent;color:#5c6270;color:rgb(92 98 112/var(--tw-text-opacity))}
.Polarwind-Button--plain:hover{--tw-bg-opacity:1;background-color:#ebebf0;background-color:rgb(235 235 240/var(--tw-bg-opacity))}
.Polarwind-Button--plain:focus{--tw-shadow:0 0 0 2px #ebebf0;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 0 0 2px #ebebf0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-Button--outline{--tw-border-opacity:1;border-color:#ebebf0;border-color:rgb(235 235 240/var(--tw-border-opacity))}
.Polarwind-Button--outline:hover{--tw-border-opacity:1;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity))}
.Polarwind-Button--outline:focus{--tw-border-opacity:1;border-color:#ebebf0;border-color:rgb(235 235 240/var(--tw-border-opacity))}
.Polarwind-Button--brandOutline{color:var(--pw-colors-primary)}
.Polarwind-Button--brandOutline:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}
.Polarwind-Button--brandOutline:active{color:var(--pw-colors-primary)}
.Polarwind-Button--brandOutline{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.Polarwind-Button--brandOutline:hover{background-color:var(--pw-colors-primary)}
.Polarwind-Button--brandOutline:active{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.Polarwind-Button--brandOutline:hover{--tw-brightness:brightness(1);filter:var(--tw-blur) brightness(1) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.Polarwind-Button--brandOutline:active{--tw-brightness:brightness(.95);filter:var(--tw-blur) brightness(.95) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.Polarwind-ButtonGroup{display:flex;margin-left:-.5rem;margin-top:-.5rem}
.Polarwind-ButtonGroup__Item{margin-left:.5rem;margin-top:.5rem}
.Polarwind-Caption{font-size:.75rem;font-size:12px;line-height:1rem;line-height:10px}
.Polarwind-Caption span{vertical-align:-2px}
.Polarwind-Caption.Polarwind-Caption--small{font-size:.875rem;font-size:14px;line-height:1.25rem;line-height:12px}
.Polarwind-Caption.Polarwind-Caption--small span{vertical-align:-2.4px}
.Polarwind-Card{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#ebebf0;border-color:rgb(235 235 240/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;margin:0;padding:1rem}
.Polarwind-Card--shadowed{--tw-shadow:0px 1px 2px rgba(0,0,0,.08);--tw-shadow-colored:0px 1px 2px var(--tw-shadow-color);border-color:transparent;box-shadow:0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.08);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-Label{align-items:center;color:#717684;color:rgb(113 118 132/var(--tw-text-opacity))}
.Polarwind-Label,.Polarwind-Label__Tooltip{--tw-text-opacity:1;display:inline-flex}
.Polarwind-Label__Tooltip{color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity));cursor:pointer;margin-left:.375rem;position:relative}
.Polarwind-Label__Tooltip:before{bottom:16px;content:"";height:16px;left:0;pointer-events:auto;position:absolute;width:100%}
.Polarwind-Label__TooltipContent{--tw-translate-x:-50%;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;bottom:100%;color:#303541;color:rgb(48 53 65/var(--tw-text-opacity));font-size:.875rem;font-size:14px;font-weight:400;left:50%;line-height:1.25rem;margin-bottom:.5rem;max-width:160px;opacity:0;padding:.5rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:opacity .2s ease-in,visibility .5s linear;width:-moz-max-content;width:max-content}
.Polarwind-Label__Tooltip:hover .Polarwind-Label__TooltipContent,.Polarwind-Label__TooltipContent:hover{opacity:1;pointer-events:auto;transition:opacity .2s ease-in;visibility:visible}
.Polarwind-Label__TooltipContent a{color:#6161ff;color:var(--gem-50,#6161ff);-webkit-text-decoration:underline;text-decoration:underline}
.Polarwind-Label__TooltipContent a:hover{color:#4a4aff;color:var(--gem-60,#4a4aff)}
.Polarwind-Label--required:after{--tw-bg-opacity:1;background-color:#e91c1c;background-color:rgb(233 28 28/var(--tw-bg-opacity));border-radius:.375rem;content:" ";display:block;height:.25rem;margin-left:.125rem;width:.25rem}
.Polarwind-Label--hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.Polarwind-Checkbox__Label{align-items:center;display:flex;flex-direction:row}
.Polarwind-Checkbox__Label .Polarwind-Label{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-left:.5rem;order:2}
.Polarwind-Checkbox{order:1}
.Polarwind-Dropdown__Control{--tw-border-opacity:1!important;border-color:#c9cbd4!important;border-color:rgb(201 203 212/var(--tw-border-opacity))!important;border-radius:.375rem!important;cursor:pointer!important;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
.Polarwind-Dropdown__Control.Polarwind-Dropdown--isFocused{--tw-border-opacity:1!important;--tw-shadow:0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,.16)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 4px 0 var(--tw-shadow-color)!important;border-color:#6161ff!important;border-color:rgb(97 97 255/var(--tw-border-opacity))!important;box-shadow:0 0 transparent,0 0 transparent,0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,.16)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
.Polarwind-Dropdown__Control:hover:not(.Polarwind-Dropdown--isFocused){--tw-border-opacity:1!important;border-color:#8a8f9e!important;border-color:rgb(138 143 158/var(--tw-border-opacity))!important}
.Polarwind-Dropdown__Placeholder{--tw-text-opacity:1!important;color:#8a8f9e!important;color:rgb(138 143 158/var(--tw-text-opacity))!important;font-size:1rem!important;font-size:16px!important;line-height:1.5rem!important}
.Polarwind-Dropdown__Placeholder,.Polarwind-Dropdown__SingleValue{font-size:1rem!important;font-size:16px!important;line-height:1.5rem!important;position:relative!important;top:1px!important}
.Polarwind-Dropdown__Input{border-style:none!important}
.Polarwind-Dropdown__Input input{--tw-shadow:0 0 transparent!important;--tw-shadow-colored:0 0 transparent!important;border-radius:0!important;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;height:auto!important;position:relative!important;top:1px!important}
.Polarwind-Dropdown__Input input,.Polarwind-Dropdown__Input input:after{font-size:1rem!important;font-size:16px!important;line-height:1.5rem!important}
.Polarwind-Dropdown__MenuList{overflow:auto;padding:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.Polarwind-Dropdown__OptionLabelContainer{display:grid}
.Polarwind-Dropdown__OptionLabel{position:relative;top:1px}
.Polarwind-Dropdown__OptionLabelSubtitle{font-size:.875rem;font-size:14px;line-height:1.25rem;opacity:.5}
.Polarwind-Dropdown__MultiValue{--tw-bg-opacity:1!important;background-color:#f6f6f9!important;background-color:rgb(246 246 249/var(--tw-bg-opacity))!important;border-radius:.25rem!important;display:flex;padding-bottom:1px!important;padding-top:1px!important}
.Polarwind-Dropdown__Label{display:block}
.Polarwind-Dropdown__Label .Polarwind-Label{font-size:.875rem;line-height:inherit}
.Polarwind-TextStyle--subdued{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextStyle--positive{--tw-text-opacity:1;color:#018940;color:rgb(1 137 64/var(--tw-text-opacity))}
.Polarwind-TextStyle--negative{--tw-text-opacity:1;color:#e91c1c;color:rgb(233 28 28/var(--tw-text-opacity))}
.Polarwind-TextStyle--warning{--tw-text-opacity:1;color:#a84f00;color:rgb(168 79 0/var(--tw-text-opacity))}
.Polarwind-Caption{margin-bottom:0!important;margin-top:.25rem}
.Polarwind-Caption a{--tw-text-opacity:1;color:#6161ff;color:rgb(97 97 255/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Caption a:hover{--tw-text-opacity:1;color:#4e4eda;color:rgb(78 78 218/var(--tw-text-opacity));text-decoration-line:underline}
.Polarwind-Dropdown-ClearIndicator{-webkit-box-align:center;-ms-flex-align:center;--tw-text-opacity:1;align-items:center;color:#c9cbd4;color:rgb(201 203 212/var(--tw-text-opacity));cursor:pointer;display:flex;height:100%;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Dropdown-ClearIndicator svg{height:1.25rem;width:1.25rem}
.Polarwind-Dropdown-ClearIndicator:hover{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-Dropdown-DropdownIndicator{-webkit-box-align:center;-ms-flex-align:center;--tw-text-opacity:1;align-items:center;color:#a4a9b6;color:rgb(164 169 182/var(--tw-text-opacity));display:flex;height:100%;padding-left:.375rem;padding-right:.375rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Dropdown-DropdownIndicator svg{height:1.25rem;width:1.25rem}
.Polarwind-Dropdown-Group{margin-top:.5rem}
.Polarwind-Dropdown-Group .Polarwind-Dropdown-Option{padding-left:1.5rem}
.Polarwind-Dropdown-GroupHeading{--tw-text-opacity:1;color:#a4a9b6;color:rgb(164 169 182/var(--tw-text-opacity));font-size:.875rem;font-size:14px;font-weight:500;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}
.Polarwind-Dropdown-Menu{--tw-bg-opacity:1;--tw-shadow:0px 4px 8px rgba(0,0,0,.12);--tw-shadow-colored:0px 4px 8px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.12);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-bottom:.25rem;margin-top:.25rem;position:absolute;width:100%;z-index:40}
.Polarwind-Dropdown-Menu.Polarwind-Dropdown-Menu__Bottom{top:100%}
.Polarwind-Dropdown-Menu:not(.Polarwind-Dropdown-Menu__Bottom){bottom:100%}
.Polarwind-Dropdown-Menu__ActionButtonContainer{--tw-border-opacity:1;border-color:#ebebf0;border-top:1px #ebebf0;border-color:rgb(235 235 240/var(--tw-border-opacity));border-style:solid}
.Polarwind-Dropdown-Menu__ActionButton{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;--tw-text-opacity:1;align-items:center;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity));display:flex;font-size:1rem;font-size:16px;height:2.5rem;justify-content:center;line-height:1.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}
.Polarwind-Dropdown-Menu__ActionButton:hover{--tw-text-opacity:1;color:#5c6270;color:rgb(92 98 112/var(--tw-text-opacity))}
.Polarwind-Dropdown-MultiValueLabel{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));font-size:1rem;font-size:16px;height:100%;line-height:1.5rem;padding-left:.375rem;padding-top:1px}
.Polarwind-Dropdown-MultiValueRemove{-webkit-box-align:center;-ms-flex-align:center;--tw-text-opacity:1;align-items:center;color:#a4a9b6;color:rgb(164 169 182/var(--tw-text-opacity));display:flex;padding-left:.25rem;padding-right:.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Dropdown-MultiValueRemove:hover{--tw-text-opacity:1;color:#717684;color:rgb(113 118 132/var(--tw-text-opacity));cursor:pointer}
.Polarwind-Dropdown-Option{border-radius:.375rem;cursor:pointer;font-size:1rem!important;font-size:16px!important;line-height:1.5rem!important;padding:.375rem .5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.Polarwind-Dropdown-Option.Polarwind-Dropdown-Option--isFocused{--tw-bg-opacity:1;background-color:#f0f4ff;background-color:rgb(240 244 255/var(--tw-bg-opacity))}
.Polarwind-Dropdown-Option.Polarwind-Dropdown-Option--isFocused,.Polarwind-Dropdown-Option.Polarwind-Dropdown-Option--isSelected{--tw-text-opacity:1;color:#4e4eda;color:rgb(78 78 218/var(--tw-text-opacity))}
.Polarwind-Dropdown-Option.Polarwind-Dropdown-Option--isMulti{align-items:center;display:flex}
.Polarwind-Dropdown-Option:not(.Polarwind-Dropdown-Option--isMulti).Polarwind-Dropdown-Option--isSelected{--tw-bg-opacity:1;background-color:#f0f4ff;background-color:rgb(240 244 255/var(--tw-bg-opacity))}
.Polarwind-Dropdown-Option:not(:first-child){margin-top:2px}
.Polarwind-Dropdown-Option input{margin-right:.25rem}
.Polarwind-DisplayText{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));font-weight:600}
.Polarwind-DisplayText--extraLarge{font-size:1.875rem;font-size:30px;line-height:2.25rem;line-height:26px}
.Polarwind-DisplayText--extraLarge span{vertical-align:-5.1px}
.Polarwind-DisplayText--large{font-size:1.5rem;font-size:25px;line-height:2rem;line-height:21px}
.Polarwind-DisplayText--large span{vertical-align:-4.2px}
.Polarwind-DisplayText--medium{font-size:1.25rem;font-size:20px;line-height:1.75rem;line-height:18px}
.Polarwind-DisplayText--medium span{vertical-align:-3.4px}
.Polarwind-DisplayText--small{font-size:1.125rem;font-size:17px;line-height:1.75rem;line-height:15px}
.Polarwind-DisplayText--small span{vertical-align:-2.9px}
.Polarwind-DisplayText--secondary{font-weight:400}
.Polarwind-EmptyState{display:flex;flex-direction:column-reverse}
@media (min-width:1024px){.Polarwind-EmptyState{flex-direction:row}}
.Polarwind-EmptyState{padding:3rem;text-align:center}
@media (min-width:1024px){.Polarwind-EmptyState{text-align:left}}
.Polarwind-EmptyState{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
.Polarwind-EmptyState img{max-height:200px;min-height:200px}
@media (min-width:1024px){.Polarwind-EmptyState img{max-height:300px;min-height:300px}}
.Polarwind-EmptyState .Polarwind-Stack{margin-top:2rem;max-width:600px}
@media (min-width:1024px){.Polarwind-EmptyState .Polarwind-Stack{margin-right:2.5rem;margin-top:0}}
.Polarwind-FormLayout{display:flex;flex-direction:column;margin-left:-1.5rem;margin-top:-1.25rem}
.Polarwind-FormLayout__Item{flex:0 1 auto;margin-left:1.5rem;margin-top:1.25rem;max-width:100%;min-width:0}
.Polarwind-FormLayout__Group{display:flex}
.Polarwind-FormLayout__Group .Polarwind-FormLayout__Item{flex:1 1 0%;margin-left:1.5rem}
.Polarwind-Link{--tw-text-opacity:1;color:#6161ff;color:rgb(97 97 255/var(--tw-text-opacity))}
.Polarwind-Link--underlined,.Polarwind-Link:hover{text-decoration-line:underline}
.Polarwind-Link--monochrome{color:currentColor}
.Polarwind-Modal__ModalContainer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:2rem;position:fixed;right:0;top:0;z-index:999}
.Polarwind-Modal__ModalContainer input,.Polarwind-Modal__ModalContainer select,.Polarwind-Modal__ModalContainer textarea{margin-bottom:inherit!important}
.Polarwind-Modal__ModalOverlay{background-color:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0}
.Polarwind-Modal__ModalContent{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));border-radius:.5rem;display:grid;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);grid-template-rows:auto minmax(0,1fr) auto;height:-moz-fit-content;height:fit-content;outline:2px solid transparent;outline-offset:2px;overflow:auto;padding:0!important;width:100dvw}
.Polarwind-Modal__ModalCloseButton,.Polarwind-Modal__ModalContent{background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.Polarwind-Modal__ModalCloseButton{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;display:flex;height:2.25rem;justify-content:center;position:absolute;right:2rem;top:2rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.25rem;z-index:10}
.Polarwind-Modal__ModalCloseButton svg{height:1.25rem;width:1.25rem}
.Polarwind-Modal__ModalCloseButton:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#ebebf0;background-color:rgb(235 235 240/var(--tw-bg-opacity));border-color:#8a8f9e;border-color:rgb(138 143 158/var(--tw-border-opacity))}
.Polarwind-Modal__ModalScroll{overflow-y:auto;padding:1.75rem 2rem}
.Polarwind-Modal__ModalHeader{width:80%}
.Polarwind-Modal__ModalHeader h1{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));font-size:1.5rem!important;font-size:25px!important;font-weight:500;line-height:2rem!important;padding-left:2rem;padding-top:2rem}
.Polarwind-Modal__ModalHeader p{line-height:1.5rem;padding-left:2rem;padding-top:2rem}
.Polarwind-Modal__ModalHeader h1+p{padding-top:1rem}
.Polarwind-Modal__ModalActions{-webkit-box-pack:end;-ms-flex-pack:end;display:flex;gap:.75rem;justify-content:flex-end}
.Polarwind-Modal__ModalActions,.Polarwind-Page{padding-bottom:2rem;padding-left:2rem;padding-right:2rem}
.Polarwind-Page{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.625rem}
.Polarwind-Page--transparent{background-color:transparent}
.Polarwind-Page--wrapper{--tw-bg-opacity:1;background-color:#f6f6f9;background-color:rgb(246 246 249/var(--tw-bg-opacity));display:flex;flex-direction:column;min-height:100%;padding:2rem}
.Polarwind-Page--wrapper .Polarwind-Page--transparent{padding:0}
.Polarwind-Page--withHeader{padding-top:2rem}
.Polarwind-Page--standalone{-webkit-box-flex:1;--tw-shadow:0px 2px 4px rgba(0,0,0,.08);--tw-shadow-colored:0px 2px 4px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 2px 4px rgba(0,0,0,.08);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex:1 1 auto}
.Polarwind-Page--standalone.Polarwind-Page--transparent{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-Page__Title{--tw-text-opacity:1;-webkit-box-pack:justify;-ms-flex-pack:justify;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));flex-wrap:wrap;justify-content:space-between;row-gap:.5rem}
.Polarwind-Page__Title,.Polarwind-Page__Title .Polarwind-Page--breadcrumb{align-items:center;display:flex}
.Polarwind-Page__Header{margin-bottom:2rem}
.Polarwind-Select{--tw-border-opacity:1;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));line-height:14px;min-height:2.5rem;padding-bottom:.6666rem;padding-top:.6666rem}
.Polarwind-Select span{vertical-align:-2.7px}
.Polarwind-Select--dismissValue{padding:.875rem .6666rem;position:absolute;right:2rem;top:0}
.Polarwind-Select--dismissValue svg{height:.75rem;width:.75rem}
.Polarwind-Select--dismissable{padding-right:4rem}
.Polarwind-Select--contentWrapper{position:relative}
.Polarwind-Select--triggerFocused{--tw-border-opacity:1;--tw-shadow:0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,.16);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 4px 0 var(--tw-shadow-color);border-color:#6161ff;border-color:rgb(97 97 255/var(--tw-border-opacity));box-shadow:0 0 transparent,0 0 transparent,0 0 0 1px #6161ff,0 1px 4px 0 rgba(97,97,255,.16);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-Select--hasPlaceholder span{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-Select__Label{display:block}
.Polarwind-Select__Label .Polarwind-Label{font-size:.875rem;line-height:inherit}
.Polarwind-Select__EmptyList{padding:.75rem}
.Polarwind-Select__PopoverContainer{--tw-bg-opacity:1;--tw-shadow:0px 4px 8px rgba(0,0,0,.12);--tw-shadow-colored:0px 4px 8px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.12);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-Select__OptionList{max-height:calc(100vh - 6rem);overflow-y:auto;padding:.25rem}
.Polarwind-Select__OptionListAction{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:#ebebf0 transparent transparent;border-radius:0;border-top-color:rgb(235 235 240/var(--tw-border-opacity));border-top-width:1px;color:#717684;color:rgb(113 118 132/var(--tw-text-opacity));width:100%}
.Polarwind-Select__OptionListAction:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-top-color:#ebebf0;border-top-color:rgb(235 235 240/var(--tw-border-opacity));color:#303541;color:rgb(48 53 65/var(--tw-text-opacity));filter:none}
.Polarwind-Select__Option{border-radius:.375rem;font-weight:400;padding:.5rem;width:100%}
.Polarwind-Select__Option:focus{outline:2px solid transparent;outline-offset:2px}
.Polarwind-Select--selectable{cursor:pointer}
.Polarwind-Select--focused{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#f0f4ff;background-color:rgb(240 244 255/var(--tw-bg-opacity));color:#4e4eda;color:rgb(78 78 218/var(--tw-text-opacity))}
.Polarwind-Select--disabled{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#f6f6f9;background-color:rgb(246 246 249/var(--tw-bg-opacity));color:#5c6270;color:rgb(92 98 112/var(--tw-text-opacity));pointer-events:none}
.Polarwind-Select--selected{--tw-text-opacity:1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234e4eda' viewBox='0 0 24 24'%3E%3Cpath d='M3.86 10.75c-.27 0-.54-.11-.72-.31l-2.86-3a.996.996 0 1 1 1.44-1.38l2.07 2.17L10.07.38c.34-.43.97-.5 1.41-.16.43.34.5.97.16 1.41l-6.99 8.75c-.18.23-.45.36-.74.38-.02-.01-.04-.01-.05-.01z'/%3E%3C/svg%3E");background-position:right .8rem;background-repeat:no-repeat;background-size:1.5rem 1.5rem;color:#4e4eda;color:rgb(78 78 218/var(--tw-text-opacity));padding-right:2.5rem}
.Polarwind-Select__OptionGroup>span{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity));display:block;font-size:.875rem;font-size:14px;font-weight:600;line-height:1.25rem;padding:.5rem;pointer-events:none}
.Polarwind-Select__OptionGroup li>span{margin-left:1rem}
.Polarwind-Tabs{display:flex;margin-left:-1.5rem}
.Polarwind-Tabs__Tab{--tw-text-opacity:1;color:#717684;color:rgb(113 118 132/var(--tw-text-opacity));font-size:.875rem;line-height:inherit;margin-left:1.5rem}
.Polarwind-Tabs__Tab:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-bottom-width:2px;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));color:#5c6270;color:rgb(92 98 112/var(--tw-text-opacity))}
.Polarwind-Tabs__Tab>a,.Polarwind-Tabs__Tab>button{display:block;padding-bottom:.375rem;padding-top:.375rem}
.Polarwind-Tabs__Tab>a:focus,.Polarwind-Tabs__Tab>button:focus{outline:2px solid transparent;outline-offset:2px}
.Polarwind-Tabs__Tab>a>span,.Polarwind-Tabs__Tab>button>span{vertical-align:-2.4px}
.Polarwind-Tabs--selected{border-bottom-width:2px}
.Polarwind-Tabs--selected,.Polarwind-Tabs--selected:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:#e91c1c;border-color:rgb(233 28 28/var(--tw-border-opacity));color:#e91c1c;color:rgb(233 28 28/var(--tw-text-opacity))}
.Polarwind-TextEditor{--tw-border-opacity:1;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));cursor:text;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0;position:relative}
.Polarwind-TextEditor::-moz-placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextEditor::placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextEditor.Polarwind-TextEditor--focus,.Polarwind-TextEditor:focus-within{--tw-shadow-color:#6161ff!important;--tw-shadow:var(--tw-shadow-colored)!important;--tw-border-opacity:1!important;border-color:#6161ff!important;border-color:rgb(97 97 255/var(--tw-border-opacity))!important;--tw-shadow:0 0 0 1px;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 0 0 1px #6161ff;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.Polarwind-TextEditor[aria-disabled=true]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#f6f6f9;background-color:rgb(246 246 249/var(--tw-bg-opacity));color:#5c6270;color:rgb(92 98 112/var(--tw-text-opacity));cursor:not-allowed}
.Polarwind-TextEditor[aria-disabled=true]:hover{--tw-border-opacity:1!important;border-color:#c9cbd4!important;border-color:rgb(201 203 212/var(--tw-border-opacity))!important}
.Polarwind-TextEditor [data-variable]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#e0e8ff;background-color:rgb(224 232 255/var(--tw-bg-opacity));border-radius:6px;color:#4e4eda;color:rgb(78 78 218/var(--tw-text-opacity));padding:6px}
.Polarwind-TextEditor .Polarwind-Select--contentWrapper{margin:.5rem;width:175px}
.Polarwind-TextEditor__Label{display:block}
.Polarwind-TextEditor__Label .Polarwind-Label{font-size:.875rem;line-height:inherit}
.Polarwind-TextEditor__Select{width:175px}
.tiptap{min-height:125px;outline:none;padding:.5rem}
.tiptap p.is-editor-empty:first-child:before{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity));content:attr(data-placeholder);float:left;height:0;pointer-events:none}
.Polarwind-TextField{--tw-border-opacity:1;border-color:#c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));margin:0}
.Polarwind-TextField::-moz-placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextField::placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextField:disabled::-moz-placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextField:disabled::placeholder{--tw-text-opacity:1;color:#8a8f9e;color:rgb(138 143 158/var(--tw-text-opacity))}
.Polarwind-TextField.Polarwind-TextField.Polarwind-TextField:disabled:hover{--tw-border-opacity:1;border-color:#ebebf0;border-color:rgb(235 235 240/var(--tw-border-opacity))}
.Polarwind-TextField--input{line-height:14px}
.Polarwind-TextField__Label{display:block}
.Polarwind-TextField__Label .Polarwind-Label{font-size:.875rem;line-height:inherit}
.Polarwind-Toggle{-ms-flex-negative:0;--tw-bg-opacity:1;background-color:#ebebf0;background-color:rgb(235 235 240/var(--tw-bg-opacity));border-color:transparent;border-radius:9999px;border-width:4px;cursor:pointer;display:inline-block;flex-shrink:0;height:2rem;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3.75rem}
.Polarwind-Toggle:focus{--tw-shadow:0 0 0 2px #c9cbd4;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 0 0 2px #c9cbd4;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}
.Polarwind-Toggle span{--tw-translate-x:0px;--tw-bg-opacity:1;--tw-shadow:0px 2px 6px rgba(0,0,0,.48);--tw-shadow-colored:0px 2px 6px var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;box-shadow:0 0 transparent,0 0 transparent,0 2px 6px rgba(0,0,0,.48);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-block;height:1.5rem;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.5rem}
.Polarwind-Toggle--enabled{--tw-bg-opacity:1;background-color:#018940;background-color:rgb(1 137 64/var(--tw-bg-opacity))}
.Polarwind-Toggle--enabled span{--tw-translate-x:1.75rem;transform:translate(1.75rem,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.Polarwind-Toggle--readOnly{cursor:default;opacity:.4;pointer-events:none}
.Polarwind-Toggle--readOnly:focus{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}
.Polarwind-FileInput--hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.Polarwind-DropZone-FileUpload--container{align-items:center;display:flex;flex-direction:column}
.Polarwind-DropZone-FileUpload--fileInputLabel span{--tw-text-opacity:1;color:#6161ff;color:rgb(97 97 255/var(--tw-text-opacity));cursor:pointer}
.Polarwind-DropZone-FileUpload--fileInputLabel span:hover{text-decoration-line:underline}
.Polarwind-DropZone-RemoveFile--container{align-items:center}
.Polarwind-DropZone--dropZoneContainer,.Polarwind-DropZone-RemoveFile--container{display:flex;flex-direction:column}
.Polarwind-DropZone--dropZoneContainer{--tw-border-opacity:1;border:1px dashed #c9cbd4;border-color:rgb(201 203 212/var(--tw-border-opacity));border-radius:.25rem;padding:1.5rem}
.Polarwind-DropZone--label{--tw-text-opacity:1;color:#3f4450;color:rgb(63 68 80/var(--tw-text-opacity));display:block;font-size:1rem;font-size:16px;font-weight:600;line-height:1.5rem;margin-bottom:1rem}
/* src/components/employee-group-select/employee-group-select.css */
.employee-group-select-group {
  display: grid;
  gap: 1.2rem;
}
.add-employee-groups-button-container {
  position: relative;
  z-index: 1px;
  margin-top: 0.375rem;
  margin-bottom: -1.75rem;
  display: flex;
  align-content: flex-end;
}
.input.add-employee-groups-button-container,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.add-employee-groups-button-container {
  display: flex;
}
.handsontable .add-employee-groups-button-container {
  position: relative;
}
.handsontable th:nth-child(2) .add-employee-groups-button-container::after,
.handsontable th:nth-child(3) .add-employee-groups-button-container::after,
.handsontable th:nth-child(4) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .add-employee-groups-button-container::after, .readonly-table .handsontable th:nth-child(3) .add-employee-groups-button-container::after, .readonly-table .handsontable th:nth-child(4) .add-employee-groups-button-container::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .add-employee-groups-button-container::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .add-employee-groups-button-container::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .add-employee-groups-button-container::after {
  display: none;
}
.handsontable thead th .add-employee-groups-button-container {
  padding: 2px 4px;
}
.add-employee-groups-button {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input.add-employee-groups-button,
.custom-host-notifications .ProseMirror-menubar-wrapper .ProseMirror.add-employee-groups-button {
  display: flex;
}
.sort-asc.add-employee-groups-button {
    background-image: url('images/chevron-up-blue.svg');
  }
.sort-desc.add-employee-groups-button {
    background-image: url('images/chevron-down-blue.svg');
  }
.add-employee-groups-button span {
  position: relative;
  top: 1.5px;
}
.handsontable .add-employee-groups-button span {
  position: relative;
}
.handsontable th:nth-child(2) .add-employee-groups-button span::after,
.handsontable th:nth-child(3) .add-employee-groups-button span::after,
.handsontable th:nth-child(4) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable th:nth-child(2) .add-employee-groups-button span::after, .readonly-table .handsontable th:nth-child(3) .add-employee-groups-button span::after, .readonly-table .handsontable th:nth-child(4) .add-employee-groups-button span::after {
    display: none;
  }
.email-required .handsontable th:nth-child(5) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .email-required .handsontable th:nth-child(5) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-required-0 th:nth-child(2) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-0 th:nth-child(2) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-0 th:nth-child(2) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-1 th:nth-child(3) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-1 th:nth-child(3) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-1 th:nth-child(3) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-2 th:nth-child(4) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-2 th:nth-child(4) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-2 th:nth-child(4) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-3 th:nth-child(5) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-3 th:nth-child(5) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-3 th:nth-child(5) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-4 th:nth-child(6) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-4 th:nth-child(6) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-4 th:nth-child(6) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-5 th:nth-child(7) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-5 th:nth-child(7) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-5 th:nth-child(7) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-6 th:nth-child(8) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-6 th:nth-child(8) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-6 th:nth-child(8) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-7 th:nth-child(9) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-7 th:nth-child(9) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-7 th:nth-child(9) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-8 th:nth-child(10) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-8 th:nth-child(10) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-8 th:nth-child(10) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-9 th:nth-child(11) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-9 th:nth-child(11) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-9 th:nth-child(11) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-10 th:nth-child(12) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-10 th:nth-child(12) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-10 th:nth-child(12) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-11 th:nth-child(13) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-11 th:nth-child(13) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-11 th:nth-child(13) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-12 th:nth-child(14) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-12 th:nth-child(14) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-12 th:nth-child(14) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-13 th:nth-child(15) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-13 th:nth-child(15) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-13 th:nth-child(15) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-14 th:nth-child(16) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-14 th:nth-child(16) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-14 th:nth-child(16) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-15 th:nth-child(17) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-15 th:nth-child(17) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-15 th:nth-child(17) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-16 th:nth-child(18) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-16 th:nth-child(18) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-16 th:nth-child(18) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-17 th:nth-child(19) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-17 th:nth-child(19) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-17 th:nth-child(19) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-18 th:nth-child(20) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-18 th:nth-child(20) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-18 th:nth-child(20) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-19 th:nth-child(21) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-19 th:nth-child(21) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-19 th:nth-child(21) .add-employee-groups-button span::after {
  display: none;
}
.handsontable-input.col-required-20 th:nth-child(22) .add-employee-groups-button span::after {
  content: ' •';
  font-weight: bold;
  color: #ef3934;
}
.readonly-table .handsontable-input.col-required-20 th:nth-child(22) .add-employee-groups-button span::after {
    display: none;
  }
.handsontable-input.col-optional-20 th:nth-child(22) .add-employee-groups-button span::after {
  display: none;
}
.handsontable thead th .add-employee-groups-button span {
  padding: 2px 4px;
}
.add-employee-groups-button svg {
  margin-right: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
}
.add-employee-groups-button:hover {
  --tw-text-opacity: 1;
  color: rgb(78 78 218 / var(--tw-text-opacity, 1));
}
/* src/components/template-form/template-form.css */
@keyframes shimmer {
  0% {
    background-color: rgb(0, 0, 0, 0.05);
  }
  50% {
    background-color: rgb(0, 0, 0, 0.1);
  }
  100% {
    background-color: rgb(0, 0, 0, 0.05);
  }
}
.react-form input,
  .react-form select,
  .react-form textarea {
    margin-bottom: inherit !important;
  }
form[data-loading=true] {
  pointer-events: none;
}
form[data-loading=true] input,
  form[data-loading=true] .form-textarea {
    border-color: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    animation: infinite shimmer 1.5s;
  }
form[data-loading=true] input *, form[data-loading=true] .form-textarea * {
      display: none;
      color: transparent !important;
    }
form[data-loading=true] input *::after,
      form[data-loading=true] input *::before,
      form[data-loading=true] .form-textarea *::after,
      form[data-loading=true] .form-textarea *::before {
        content: "";
      }
form[data-loading=true] input::-moz-placeholder, form[data-loading=true] .form-textarea::-moz-placeholder {
      color: transparent !important;
    }
form[data-loading=true] input::placeholder, form[data-loading=true] .form-textarea::placeholder {
      color: transparent !important;
    }
form[data-loading=true] input.form-textarea, form[data-loading=true] .form-textarea.form-textarea {
      min-height: 125px;
    }
.template-form-split-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 16px;
}
.template-form-button-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.location-pill {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
  padding: 6px 10px;
  font-weight: 500;
  border-radius: 8px;
}
/* src/components/send-message/send-message.css */
.send-message__message .Polarwind-Caption {
  display: none;
}
.send-message__message-text {
  display: flex;
  flex-direction: row;
  margin-top: 0.25rem;
  margin-bottom: calc(-21px - 0.25rem);
  pointer-events: none;
  font-size: 14px;
}
.send-message__message-error {
  color: rgb(168 79 0 / var(--tw-text-opacity));
}
.send-message__message-length {
  margin-left: auto;
}
.send-message__indent {
  margin-left: 30px;
}
.send-message__top-margin {
  margin-top: 1rem;
}
.send-message__link {
  color: #6161ff;
}
.send-message_active-takeover-body {
  --tw-text-opacity: 1;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1));
}
@media print {

  .send-message_active-takeover-body {
    color: #000;
  }
}
.send-message_active-takeover-body {
  font-size: 16px;
}
.send-message__active-takeover-message {
  --tw-text-opacity: 1;
  color: rgb(194 87 0 / var(--tw-text-opacity, 1));
}
.macStopLights .send-message__active-takeover-message {
  background: #fcbb40 url('images/macStopLight-yellow.png') no-repeat;
  background-position: 12px;
  background-size: 8px 1px;
  border: 0.5px solid #dc9e32;
}
.send-message__active-takeover-message {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.send-message__active-takeover-message-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.estimated-recipient-count {
  margin-top: 0.75rem;
  margin-bottom: -0.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.estimated-recipient-count b {
  margin-right: 0.25rem;
  font-weight: 500;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.estimated-recipient-count[data-loading=true] span {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
  color: transparent;
}
@media (min-width: 64em) {

  .lg\:table-cell {
    box-sizing: content-box;
  }
}
.default\:error:default.form-common {
  --tw-border-opacity: 1;
  border-color: rgb(194 87 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 0 1px #c25700;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.default\:error:default.form-common:focus {
  --tw-shadow: 0 0 0 1px #c25700,0 1px 4px 0 rgba(194,87,0,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.selection\:bg-transparent *::-moz-selection {
  background-color: transparent;
}
.selection\:bg-transparent *::selection {
  background-color: transparent;
}
.selection\:bg-transparent::-moz-selection {
  background-color: transparent;
}
.selection\:bg-transparent::selection {
  background-color: transparent;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}
.before\:w-\[4px\]::before {
  content: var(--tw-content);
  width: 4px;
}
.before\:shadow-\[-4px_0_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]::before {
  content: var(--tw-content);
  --tw-shadow: -4px 0 4px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: -4px 0 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[4px_0_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]::before {
  content: var(--tw-content);
  --tw-shadow: 4px 0 4px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 4px 0 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:transition-shadow::before {
  content: var(--tw-content);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:left-\[3\%\]::after {
  content: var(--tw-content);
  left: 3%;
}
.after\:top-\[3\%\]::after {
  content: var(--tw-content);
  top: 3%;
}
.after\:h-\[94\%\]::after {
  content: var(--tw-content);
  height: 94%;
}
.after\:w-\[94\%\]::after {
  content: var(--tw-content);
  width: 94%;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.first\:border-0:first-child {
  border-width: 0px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:mb-6:last-child {
  margin-bottom: 1.5rem;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.focus-within\:border-gem-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-gem-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(97 97 255 / var(--tw-ring-opacity, 1));
}
.hover\:cursor-ns-resize:hover {
  cursor: ns-resize;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:cursor-row-resize:hover {
  cursor: row-resize;
}
.hover\:rounded-lg:hover {
  border-radius: 0.5rem;
}
.hover\:\!border-white:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:border-carbon-20:hover {
  --tw-border-opacity: 1;
  border-color: rgb(201 203 212 / var(--tw-border-opacity, 1));
}
.hover\:border-carbon-30:hover {
  --tw-border-opacity: 1;
  border-color: rgb(164 169 182 / var(--tw-border-opacity, 1));
}
.hover\:border-carbon-40:hover {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 158 / var(--tw-border-opacity, 1));
}
.hover\:border-carbon-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 118 132 / var(--tw-border-opacity, 1));
}
.hover\:border-carbon-70:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 68 80 / var(--tw-border-opacity, 1));
}
.hover\:border-gem-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
}
.hover\:border-red-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 28 28 / var(--tw-border-opacity, 1));
}
.hover\:\!bg-carbon-10:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-\[\#f5f5f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fbfbfc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-carbon-10:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-carbon-5:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gem-10:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 232 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gem-20:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(189 205 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gem-5:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gem-60:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(78 78 218 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gem-80:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 124 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-60:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(199 10 20 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:\!text-carbon-40:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(138 143 158 / var(--tw-text-opacity, 1)) !important;
}
.hover\:\!text-gem-50:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:\!text-gem-60:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(78 78 218 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-carbon-50:hover {
  --tw-text-opacity: 1;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1));
}
.hover\:text-carbon-60:hover {
  --tw-text-opacity: 1;
  color: rgb(92 98 112 / var(--tw-text-opacity, 1));
}
.hover\:text-carbon-70:hover {
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.hover\:text-carbon-80:hover {
  --tw-text-opacity: 1;
  color: rgb(48 53 65 / var(--tw-text-opacity, 1));
}
.hover\:text-carbon-90:hover {
  --tw-text-opacity: 1;
  color: rgb(31 35 45 / var(--tw-text-opacity, 1));
}
.hover\:text-gem-50:hover {
  --tw-text-opacity: 1;
  color: rgb(97 97 255 / var(--tw-text-opacity, 1));
}
.hover\:text-gem-60:hover {
  --tw-text-opacity: 1;
  color: rgb(78 78 218 / var(--tw-text-opacity, 1));
}
.hover\:text-gem-70:hover {
  --tw-text-opacity: 1;
  color: rgb(65 65 162 / var(--tw-text-opacity, 1));
}
.hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(233 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:\!no-underline:hover {
  text-decoration-line: none !important;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:shadow-\[inset_0_0_0_1px_\#6161FF\]:hover {
  --tw-shadow: inset 0 0 0 1px #6161FF;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:\!border-white:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.focus\:border-carbon-30:focus {
  --tw-border-opacity: 1;
  border-color: rgb(164 169 182 / var(--tw-border-opacity, 1));
}
.focus\:border-gem-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(97 97 255 / var(--tw-border-opacity, 1));
}
.focus\:border-red-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(233 28 28 / var(--tw-border-opacity, 1));
}
.focus\:shadow-\[inset_0_0_0_1px\]:focus {
  --tw-shadow: inset 0 0 0 1px;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-gem-50:focus {
  --tw-shadow-color: #6161ff;
  --tw-shadow: var(--tw-shadow-colored);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-gem-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(97 97 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-papaya-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 87 0 / var(--tw-ring-opacity, 1));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-gem-60:focus-visible {
  outline-color: #4e4eda;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-carbon-40\/50:focus-visible {
  --tw-ring-color: rgb(138 143 158 / 0.5);
}
.focus-visible\:ring-gem-50:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(97 97 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-gem-60:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(78 78 218 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:scale-\[0\.97\]:active {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:hover\:bg-red-50:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(233 28 28 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:opacity-40:hover:disabled {
  opacity: 0.4;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:inline-block {
  display: inline-block;
}
.group:hover .group-hover\:bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.group:hover .group-hover\:text-carbon-70 {
  --tw-text-opacity: 1;
  color: rgb(63 68 80 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(233 28 28 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
.group:focus .group-focus\:underline {
  text-decoration-line: underline;
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  .motion-safe\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
}
@media (min-width: 40em) {
  .sm\:static {
    position: static;
  }
  .sm\:inset-auto {
    inset: auto;
  }
  .sm\:bottom-6 {
    bottom: 1.5rem;
  }
  .sm\:bottom-auto {
    bottom: auto;
  }
  .sm\:right-auto {
    right: auto;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:z-auto {
    z-index: auto;
  }
  .sm\:order-none {
    order: 0;
  }
  .sm\:float-left {
    float: left;
  }
  .sm\:m-0 {
    margin: 0px;
  }
  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:ml-8 {
    margin-left: 2rem;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:\!flex {
    display: flex !important;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-\[90vh\] {
    height: 90vh;
  }
  .sm\:h-\[min\(715px\2c 80vh\)\] {
    height: min(715px,80vh);
  }
  .sm\:w-1\/12 {
    width: 8.333333%;
  }
  .sm\:w-142 {
    width: 35.5rem;
  }
  .sm\:w-30 {
    width: 7.5rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-4\/12 {
    width: 33.333333%;
  }
  .sm\:w-6\/12 {
    width: 50%;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-7\/12 {
    width: 58.333333%;
  }
  .sm\:w-\[171px\] {
    width: 171px;
  }
  .sm\:w-\[193px\] {
    width: 193px;
  }
  .sm\:w-\[300px\] {
    width: 300px;
  }
  .sm\:w-\[476px\] {
    width: 476px;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:max-w-\[622px\] {
    max-width: 622px;
  }
  .sm\:max-w-form {
    max-width: 600px;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0px;
  }
  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
  .sm\:rounded-md {
    border-radius: 0.375rem;
  }
  .sm\:border {
    border-width: 1px;
  }
  .sm\:border-0 {
    border-width: 0px;
  }
  .sm\:border-b-0 {
    border-bottom-width: 0px;
  }
  .sm\:border-l {
    border-left-width: 1px;
  }
  .sm\:border-t-0 {
    border-top-width: 0px;
  }
  .sm\:border-carbon-10 {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 240 / var(--tw-border-opacity, 1));
  }
  .sm\:border-carbon-20 {
    --tw-border-opacity: 1;
    border-color: rgb(201 203 212 / var(--tw-border-opacity, 1));
  }
  .sm\:border-t-carbon-5 {
    --tw-border-opacity: 1;
    border-top-color: rgb(246 246 249 / var(--tw-border-opacity, 1));
  }
  .sm\:\!bg-carbon-5 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:\!bg-transparent {
    background-color: transparent !important;
  }
  .sm\:\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:bg-carbon-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
  }
  .sm\:bg-transparent {
    background-color: transparent;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:\!py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:\!pt-4 {
    padding-top: 1rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0px;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:pl-0 {
    padding-left: 0px;
  }
  .sm\:pr-0 {
    padding-right: 0px;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:pt-10 {
    padding-top: 2.5rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:\!text-base {
    font-size: 1rem !important;
  }
  .sm\:\!text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
  }
  .sm\:text-4xl {
    font-size: 2rem;
  }
  .sm\:text-base {
    font-size: 1rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
  }
  .sm\:font-medium {
    font-weight: 500;
  }
  .sm\:leading-6 {
    line-height: 1.5rem;
  }
  .sm\:leading-6-alt {
    line-height: 1.5;
  }
  .sm\:\!text-carbon-70 {
    --tw-text-opacity: 1 !important;
    color: rgb(63 68 80 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:text-carbon-60 {
    --tw-text-opacity: 1;
    color: rgb(92 98 112 / var(--tw-text-opacity, 1));
  }
  .sm\:text-carbon-70 {
    --tw-text-opacity: 1;
    color: rgb(63 68 80 / var(--tw-text-opacity, 1));
  }
  .sm\:text-current {
    color: currentColor;
  }
  .sm\:shadow {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\:\!ring-carbon-20 {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(201 203 212 / var(--tw-ring-opacity, 1)) !important;
  }
  .sm\:\!\[box-shadow\:inset_0_0_0_1px_theme\(colors\.carbon\.20\)\] {
    box-shadow: inset 0 0 0 1px #c9cbd4 !important;
  }
  .sm\:hover\:no-underline:hover {
    text-decoration-line: none;
  }
}
@media (min-width: 48em) {
  .md\:-m-16 {
    margin: -4rem;
  }
  .md\:m-0 {
    margin: 0px;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:w-10\/12 {
    width: 83.333333%;
  }
  .md\:w-2\/12 {
    width: 16.666667%;
  }
  .md\:w-48 {
    width: 12rem;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-\[420px\] {
    width: 420px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[420px\] {
    min-width: 420px;
  }
  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:bg-scroll {
    background-attachment: scroll;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
  .md\:pt-40 {
    padding-top: 10rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
  }
}
@media (min-width: 64em) {
  .lg\:order-last {
    order: 9999;
  }
  .lg\:float-right {
    float: right;
  }
  .lg\:-mt-16 {
    margin-top: -4rem;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:mr-8 {
    margin-right: 2rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem;
  }
  .lg\:\!block {
    display: block !important;
  }
  .lg\:\!inline-block {
    display: inline-block !important;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  .lg\:\!hidden {
    display: none !important;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-4 {
    height: 1rem;
  }
  .lg\:h-6 {
    height: 1.5rem;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-3\/12 {
    width: 25%;
  }
  .lg\:w-3\/5 {
    width: 60%;
  }
  .lg\:w-4 {
    width: 1rem;
  }
  .lg\:w-4\/12 {
    width: 33.333333%;
  }
  .lg\:w-6\/12 {
    width: 50%;
  }
  .lg\:w-64 {
    width: 16rem;
  }
  .lg\:w-8\/12 {
    width: 66.666667%;
  }
  .lg\:w-9\/12 {
    width: 75%;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:\!flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:self-start {
    align-self: flex-start;
  }
  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }
  .lg\:bg-city {
    background-image: url('/assets/images/landing-pages/city-silhouette.svg');
  }
  .lg\:bg-swoop {
    background-image: url('/assets/images/landing-pages/swoop-visitors.svg');
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:\!px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem;
  }
  .lg\:text-4\.5xl {
    font-size: 2.5rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
  }
  .lg\:\[--pp-scale\:1\] {
    --pp-scale: 1;
  }
}
@media (min-width: 80em) {
  .xl\:w-4\/12 {
    width: 33.333333%;
  }
  .xl\:min-w-\[200px\] {
    min-width: 200px;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:gap-6 {
    gap: 1.5rem;
  }
}
@media (max-width: 63.99em) {
  .to-lg\:hidden {
    display: none;
  }
  .to-lg\:\!min-h-screen {
    min-height: 100vh !important;
  }
  .to-lg\:\!w-full {
    width: 100% !important;
  }
  .to-lg\:\!min-w-full {
    min-width: 100% !important;
  }
}
@media print {
  .print\:block {
    display: block;
  }
  .print\:hidden {
    display: none;
  }
  .print\:h-8 {
    height: 2rem;
  }
  .print\:w-24 {
    width: 6rem;
  }
}
.\[\&\:hover_svg_path\]\:fill-red-50:hover svg path {
  fill: #e91c1c;
}
.\[\&\>\*\:first-child\]\:truncate>*:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>\*\:first-child\]\:text-xs>*:first-child {
  font-size: 0.75rem;
}
.\[\&\>\*\:first-child\]\:text-carbon-50>*:first-child {
  --tw-text-opacity: 1;
  color: rgb(113 118 132 / var(--tw-text-opacity, 1));
}
@media (min-width: 40em) {
  .sm\:\[\&\>\*\:first-child\]\:overflow-visible>*:first-child {
    overflow: visible;
  }
  .sm\:\[\&\>\*\:first-child\]\:whitespace-normal>*:first-child {
    white-space: normal;
  }
  .sm\:\[\&\>\*\:first-child\]\:text-sm>*:first-child {
    font-size: 0.875rem;
  }
}
.\[\&\>\*\:nth-child\(n\+2\)\]\:hidden>*:nth-child(n+2) {
  display: none;
}
@media (min-width: 40em) {
  .sm\:\[\&\>\*\:nth-child\(n\+2\)\]\:block>*:nth-child(n+2) {
    display: block;
  }
}
.\[\&_\.border-b\]\:\!border-b-0 .border-b {
  border-bottom-width: 0px !important;
}
.\[\&_\.ember-popover-arrow\]\:hidden .ember-popover-arrow {
  display: none;
}
.\[\&_\.ember-tooltip-arrow\]\:hidden .ember-tooltip-arrow {
  display: none;
}
.\[\&_\.ember-tooltip-inner\]\:\!p-0 .ember-tooltip-inner {
  padding: 0px !important;
}
.\[\&_\.ember-tooltip-inner\]\:\!text-left .ember-tooltip-inner {
  text-align: left !important;
}
.\[\&_\.ember-tooltip-inner\]\:\!text-\[12px\] .ember-tooltip-inner {
  font-size: 12px !important;
}
.\[\&_\.ember-tooltip-inner\]\:\!leading-\[1\.5\] .ember-tooltip-inner {
  line-height: 1.5 !important;
}
.\[\&_\.ember-tooltip-inner\]\:\!text-carbon-80 .ember-tooltip-inner {
  --tw-text-opacity: 1 !important;
  color: rgb(48 53 65 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_\.table-cell\]\:\!pb-2 .table-cell {
  padding-bottom: 0.5rem !important;
}
.\[\&_\.table-cell\]\:\!pt-2 .table-cell {
  padding-top: 0.5rem !important;
}
.\[\&_\.table-cell\]\:\!align-middle .table-cell {
  vertical-align: middle !important;
}
.\[\&_h1\]\:\!text-base h1 {
  font-size: 1rem !important;
}
.\[\&_input\[type\=search\]\]\:\!w-full input[type=search] {
  width: 100% !important;
}
.\[\&_input\[type\=search\]\]\:\!max-w-none input[type=search] {
  max-width: none !important;
}
.\[\&_p\]\:m-0 p {
  margin: 0px;
}