@charset "UTF-8";
/* 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;
}

/* S3 URL*/
/* --------------------------------------------------*/
/* Border Radius*/
/* --------------------------------------------------*/
/* Spacers*/
/* --------------------------------------------------*/
/* Responsive Screen Sizes*/
/* --------------------------------------------------*/
/* ~ 721px*/
/* ~ 1153px*/
/* ~ 1621px*/
/* ~ 2026px*/
/* 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: 1;
}

.lh-125 {
  line-height: 1.25;
}

.lh-15 {
  line-height: 1.5;
}

/* 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: 16px;
  font-weight: 400;
  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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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--button svg g {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.ui__banner__close--button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.ui__banner__close--button:hover svg g {
  fill: currentColor;
  --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 .ui__button_group__wrapper.ProseMirror .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 .ui__card.ProseMirror {
  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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 .ui__header.ProseMirror 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 * (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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

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

/**
   * 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;
}

/* fill the screen even if the content is short */
.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249/var(--tw-bg-opacity, 1));
}

/* opt-in phone adaptation: flat + half padding below sm, full card from sm up */
.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 * (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 .ui__well.ProseMirror {
  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 * (1 - var(--tw-space-x-reverse)));
}

.input.ui__well__item, .custom-host-notifications .ProseMirror-menubar-wrapper .ui__well__item.ProseMirror {
  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 * (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 .ui__well__section.ProseMirror > 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;
}

.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(4rem + 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 + 32px - 20px);
}

.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-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-\[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\(100vh-88px\)\] {
  height: calc(100vh - 88px);
}

.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-\[270px\] {
  min-height: 270px;
}

.min-h-\[30px\] {
  min-height: 30px;
}

.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-\[167px\] {
  max-width: 167px;
}

.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: 0.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\,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\,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-\[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 * (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 * (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 * (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 * (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 * (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 * (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 * (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 * (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 * (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 * (1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * (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 * (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 * (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 * (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 * (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 * (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 * (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 * (1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * (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;
}

.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, .ember-power-select.disabled .ember-power-select-multiple-option {
  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-\[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: rgba(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: rgba(0, 0, 0, 0);
}

.bg-black\/20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black\/5 {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-black\/50 {
  background-color: rgba(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: rgba(48, 53, 65, 0.2);
}

.bg-carbon-80\/50 {
  background-color: rgba(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: rgba(255, 255, 255, 0.2);
}

.bg-white\/30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white\/50 {
  background-color: rgba(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: 0.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: 0.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-\[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: rgba(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;
}

.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[0_3\.646px_7\.292px_0_rgba\(0\,0\,0\,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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)) !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 rgba(0, 0, 0, 0));
}

.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 rgba(0, 0, 0, 0));
}

.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 rgba(0, 0, 0, 0));
}

.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 rgba(0, 0, 0, 0));
}

.\!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 rgba(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 rgba(0, 0, 0, 0.08), 0 -2px 8px 0 rgba(0, 0, 0, 0.08);
}

#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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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 #desks-map-deactivate-wrapper .leaflet-container .selected-disabled-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .selected-disabled-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .disabled-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .disabled-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .desk.is-disabled.reserved-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .desk.is-disabled.reserved-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .deactivated-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .deactivated-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .selected-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .selected-desk-icon, #desks-map-wrapper .scheduled-desk-icon, #desks-map-wrapper .selected-disabled-desk-icon, #desks-map-wrapper .disabled-desk-icon, #desks-map-wrapper .resource-icon-base.desk.is-disabled, #desks-map-wrapper .desk.is-disabled.reserved-parking-icon, #desks-map-wrapper .desk-icon, #desks-map-wrapper .selected-group-desk-icon, #desks-map-wrapper .selected-desk-icon, #desks-map-wrapper .reserved-desk-icon {
  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-group-desk-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 .desk.is-disabled.reserved-parking-icon, #desks-map-wrapper .desk.is-disabled.reserved-desk-icon {
  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: 600;
  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__pillbox--invalid {
  background: #fff3d1;
  border: 1px solid #ffc67a;
  color: #c25700;
}

.ember-prose-mirror .ProseMirror__extensions-menu-item {
  display: flex;
}

.input.ember-prose-mirror .ProseMirror__extensions-menu-item, .custom-host-notifications .ProseMirror-menubar-wrapper .ember-prose-mirror.ProseMirror .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 .ember-prose-mirror.ProseMirror .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-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, 0.77);
}

/* utilities*/
.icon, .icon-loader, .icon-settings, .icon-info, .icon-rules, .icon-plus, .icon-cross-small-red, .icon-checkmark-small-green {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.icon-loader, .icon-settings, .icon-info, .icon-rules, .icon-plus, .icon-cross-small-red, .icon-checkmark-small-green {
  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, .ember-power-select-search input[type=search]:focus,
.icon-search:active,
.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: " ";
  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: " ";
  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: " ";
  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-settings-white, .icon-settings-dark, .icon-pencil-dark-full, .icon-pencil-white-full {
  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 wraps content of 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: 12px;
  font-weight: 600;
}

.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: 16px !important;
}

code,
pre {
  color: #3f4450;
  background: #f6f6f9;
  border: 1px solid #ebebf0;
  display: inline-block;
  max-width: 100%;
  padding: 0 4px;
  border-radius: 6px;
}

/* Input Placeholders*/
/* ----------------------------------------------*/
::-moz-placeholder {
  font-weight: 500;
  color: #c9cbd4;
  letter-spacing: initial;
}
::placeholder {
  font-weight: 500;
  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: 6px;
  color: #3f4450;
  font-weight: 500;
  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 .small.ProseMirror {
  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,
.custom-host-notifications .ProseMirror-menubar-wrapper .unset-global-border.ProseMirror,
.input .unset-global-border:hover,
.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 .unset-global-margin.ProseMirror {
  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 .disabled.ProseMirror {
  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 .disabled.ProseMirror:hover {
  border: 1px solid #ebebf0;
  box-shadow: none;
  cursor: default;
}

.input.immutable:hover, .custom-host-notifications .ProseMirror-menubar-wrapper .immutable.ProseMirror:hover {
  border: 1px solid #c9cbd4;
  cursor: default;
}

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

a.input.disabled, .custom-host-notifications .ProseMirror-menubar-wrapper a.disabled.ProseMirror {
  color: #717684;
}

a.input.disabled:hover, .custom-host-notifications .ProseMirror-menubar-wrapper a.disabled.ProseMirror: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: 14px;
  color: #717684;
  font-weight: 500;
  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: "•";
  color: #e91c1c;
}

label.label--radio {
  padding-left: 20px;
  font-family: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  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: 500;
  color: #c9cbd4;
}

input.error::placeholder, textarea.error::placeholder, [data-test-super-text-editor].error .ProseMirror::placeholder {
  font-weight: 500;
  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: 60px;
}

.accentColor {
  height: 50px;
  width: 200px;
  margin-bottom: 10px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  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: 20px 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: 6px;
  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: 6px;
  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: 6px;
  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: 16px;
  color: #3f4450;
  border: 1px solid #c9cbd4;
  border-radius: 6px;
  font-weight: 500;
  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: 16px;
  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: 6px;
  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: 6px;
}

.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: 6px;
}

.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: 6px;
  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: 6px;
  color: #3f4450;
  background: #f6f6f9;
  padding: 2px 6px;
  transition: background 0.2s;
  margin: 4px 0 2px 4px;
}

.ember-power-select-multiple-option:hover {
  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;
  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 {
  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: 600;
  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;
}

.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: 255px;
}

main[role=main] {
  width: calc(100% - 255px);
  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: 12px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 4px 6px;
  line-height: 1;
  border-radius: 4px;
  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: 6px;
  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: 6px;
}

.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: 32px;
  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: 10px;
  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: 6px;
  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: 600;
  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: 16px;
  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: 600;
}

.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: 10px;
  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: 12px;
  text-align: center;
  color: #6161ff;
  background: rgba(97, 97, 255, 0.2);
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 6px;
  border-radius: 4px;
  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: 12px;
  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 40px;
  }
}
.badgeDesigner iframe {
  border: 0;
  width: 243.9024390244%;
  height: 243.9024390244%;
  margin: 0;
  transform: scale(0.41);
  transform-origin: 0 0;
}

@media only screen and (max-width: 1200px) {
  .badgeDesigner iframe {
    border: 0;
    width: 344.8275862069%;
    height: 344.8275862069%;
    margin: 0;
    transform: scale(0.29);
    transform-origin: 0 0;
  }
}
@media only screen and (max-width: 1000px) {
  .badgeDesigner iframe {
    border: 0;
    width: 416.6666666667%;
    height: 416.6666666667%;
    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: 600;
}

.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: 600;
  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 cubic-bezier(0.65, 0, 0.45, 1) 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 cubic-bezier(0.65, 0, 0.45, 1) 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 cubic-bezier(0.65, 0, 0.45, 1) 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: 400;
  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: 4px;
}

.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: 14px;
  border-radius: 4px;
  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: 400;
  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: 400;
  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: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ndaPreview label,
.ndaPreview input,
.ndaPreview strong {
  font-weight: 600 !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: 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: 400;
  line-height: 1.4;
  overflow: hidden;
  margin: 185px 16px;
  height: 48px;
}

/* Custom Final Message on iPad*/
/* --------------------------------------------------*/
.customFinalMessage {
  height: 500px;
}

/* BrowserHeader Preview*/
/* --------------------------------------------------*/
.browserHeader {
  border-radius: 6px 6px 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: 400;
  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: 6px 6px 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 6px 6px;
  border: 1px solid #ebebf0;
  width: 100%;
  height: 600px;
  background: #fff;
  box-sizing: border-box;
}

.emailHtml.livePreview {
  position: absolute;
  background: rgba(191, 191, 191, 0.2117647059);
}

.sendTestPreRegistrationEmail {
  position: absolute;
  display: block;
  right: 6px;
  top: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  border: none;
  background: #ebebf0;
  color: #717684;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  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: 400;
  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: SofiaPro, Helvetica Neue, helvetica, arial, sans-serif;
  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: 14px;
  font-weight: 400 !important;
  padding: 5px;
  cursor: pointer;
}

.pac-item-query {
  font-size: 14px;
  font-weight: 400;
}

.pac-matched {
  font-weight: 600;
}

.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: 10px;
  }
}
.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: "▸";
  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: "▸";
  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: 600;
}

.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: 4px;
  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: 4px;
  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: 10px;
  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: 12px;
  font-weight: 600;
  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: 12px;
  font-weight: 400;
  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: 6px;
  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: 4px;
  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: 12px;
  text-align: center;
  color: #e91c1c;
  background: rgba(233, 28, 28, 0.2);
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 6px;
  border-radius: 4px;
  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: 6px;
  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: 600;
  font-size: 20px;
}

.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(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  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: 4px 4px 0 0;
}

.rd-month:last-child {
  margin-right: 0;
}

.rd-back,
.rd-next {
  background: none;
  border-radius: 4px;
  border: none;
  content: "▸";
  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: "▸";
  display: block;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotateY(180deg);
  font-style: normal;
}

.rd-next::before {
  content: "▸";
  display: block;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotateY(360deg);
  font-style: normal;
}

.rd-day-head {
  font-weight: 400;
  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 rgb(233, 233, 234);
}

.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: 600;
  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(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  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: SofiaPro, Helvetica Neue, helvetica, arial, sans-serif;
  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,
.custom-host-notifications .ProseMirror-menubar-wrapper .configure-line .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: 12px;
  text-align: center;
  color: #c25700;
  background: #fff3d1;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  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: 6px;
  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;
}

.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: 6px;
  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: rgba(254, 215, 215, 0.7490196078);
  box-shadow: 0 0 0 1px rgba(250, 67, 56, 0.5) inset;
  transition: all 0.2s;
  border-radius: 6px;
  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: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@keyframes purchaseRotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.purchase-spinner {
  animation: purchaseRotator 1.4s linear infinite;
}

.purchase-path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: purchaseDash 1.4s ease-in-out infinite, colors 5.6s 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: 12px;
  font-weight: 600;
  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.scss .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-parking-icon, .fire-extinguisher.is-disabled.reserved-parking-icon, .reserved-desk-icon, .fire-extinguisher.is-disabled.reserved-desk-icon, .resource-icon-base.fire-extinguisher.is-disabled {
  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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  border-radius: 9999px;
}

.status-badge .resource-icon-base, .status-badge .reserved-parking-icon, .status-badge .fire-extinguisher.is-disabled.reserved-parking-icon, .status-badge .reserved-desk-icon, .status-badge .fire-extinguisher.is-disabled.reserved-desk-icon, .status-badge .resource-icon-base.fire-extinguisher.is-disabled {
  min-height: 0.4375rem;
  min-width: 0.4375rem;
}

.resource-icon-base, .reserved-parking-icon, .fire-extinguisher.is-disabled.reserved-parking-icon, .reserved-desk-icon, .fire-extinguisher.is-disabled.reserved-desk-icon, .resource-icon-base.fire-extinguisher.is-disabled {
  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, .is-glyph-hidden.reserved-parking-icon, .is-glyph-hidden.fire-extinguisher.is-disabled.reserved-parking-icon, .is-glyph-hidden.reserved-desk-icon, .is-glyph-hidden.fire-extinguisher.is-disabled.reserved-desk-icon, .is-glyph-hidden.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.resource-icon-base.move-request-highlight, .move-request-highlight.reserved-parking-icon, .move-request-highlight.fire-extinguisher.is-disabled.reserved-parking-icon, .move-request-highlight.reserved-desk-icon, .move-request-highlight.fire-extinguisher.is-disabled.reserved-desk-icon, .move-request-highlight.resource-icon-base.fire-extinguisher.is-disabled {
  box-shadow: 0 0 0 3px #FA4338, 0 5.4px 10.7px 0 rgba(0, 0, 0, 0.12);
}

.resource-icon-base.visitor-area, .visitor-area.reserved-parking-icon, .visitor-area.fire-extinguisher.is-disabled.reserved-parking-icon, .visitor-area.reserved-desk-icon, .visitor-area.fire-extinguisher.is-disabled.reserved-desk-icon, .visitor-area.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/visitor-area-icon.svg");
}

.resource-icon-base.visitor-area.is-disabled, .visitor-area.is-disabled.reserved-parking-icon, .visitor-area.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-visitor-area-icon.svg");
}

.resource-icon-base.emergency-exit, .emergency-exit.reserved-parking-icon, .emergency-exit.fire-extinguisher.is-disabled.reserved-parking-icon, .emergency-exit.reserved-desk-icon, .emergency-exit.fire-extinguisher.is-disabled.reserved-desk-icon, .emergency-exit.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/emergency-exit-icon.svg");
}

.resource-icon-base.emergency-exit.is-disabled, .emergency-exit.is-disabled.reserved-parking-icon, .emergency-exit.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-emergency-exit-icon.svg");
}

.resource-icon-base.accessible, .accessible.reserved-parking-icon, .accessible.fire-extinguisher.is-disabled.reserved-parking-icon, .accessible.reserved-desk-icon, .accessible.fire-extinguisher.is-disabled.reserved-desk-icon, .accessible.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/accessible-icon.svg");
}

.resource-icon-base.accessible.is-disabled, .accessible.is-disabled.reserved-parking-icon, .accessible.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-accessible-icon.svg");
}

.resource-icon-base.elevator, .elevator.reserved-parking-icon, .elevator.fire-extinguisher.is-disabled.reserved-parking-icon, .elevator.reserved-desk-icon, .elevator.fire-extinguisher.is-disabled.reserved-desk-icon, .elevator.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/elevator-icon.svg");
}

.resource-icon-base.elevator.is-disabled, .elevator.is-disabled.reserved-parking-icon, .elevator.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-elevator-icon.svg");
}

.resource-icon-base.fire-extinguisher, .fire-extinguisher.reserved-parking-icon, .fire-extinguisher.is-disabled.reserved-parking-icon, .fire-extinguisher.reserved-desk-icon, .fire-extinguisher.is-disabled.reserved-desk-icon, .fire-extinguisher.resource-icon-base.is-disabled {
  background-image: url("images/resource-map/fire-extinguisher-icon.svg");
}

.resource-icon-base.fire-extinguisher.is-disabled, .fire-extinguisher.is-disabled.reserved-parking-icon, .fire-extinguisher.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-fire-extinguisher-icon.svg");
}

.resource-icon-base.stairs, .stairs.reserved-parking-icon, .stairs.fire-extinguisher.is-disabled.reserved-parking-icon, .stairs.reserved-desk-icon, .stairs.fire-extinguisher.is-disabled.reserved-desk-icon, .stairs.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/stairs-icon.svg");
}

.resource-icon-base.stairs.is-disabled, .stairs.is-disabled.reserved-parking-icon, .stairs.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-stairs-icon.svg");
}

.resource-icon-base.aed, .aed.reserved-parking-icon, .aed.fire-extinguisher.is-disabled.reserved-parking-icon, .aed.reserved-desk-icon, .aed.fire-extinguisher.is-disabled.reserved-desk-icon, .aed.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/AED-icon.svg");
}

.resource-icon-base.aed.is-disabled, .aed.is-disabled.reserved-parking-icon, .aed.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-AED-icon.svg");
}

.resource-icon-base.delivery-area, .delivery-area.reserved-parking-icon, .delivery-area.fire-extinguisher.is-disabled.reserved-parking-icon, .delivery-area.reserved-desk-icon, .delivery-area.fire-extinguisher.is-disabled.reserved-desk-icon, .delivery-area.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/delivery-area-icon.svg");
}

.resource-icon-base.delivery-area.is-disabled, .delivery-area.is-disabled.reserved-parking-icon, .delivery-area.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-delivery-area-icon.svg");
}

.resource-icon-base.first-aid-kit, .first-aid-kit.reserved-parking-icon, .first-aid-kit.fire-extinguisher.is-disabled.reserved-parking-icon, .first-aid-kit.reserved-desk-icon, .first-aid-kit.fire-extinguisher.is-disabled.reserved-desk-icon, .first-aid-kit.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/first-aid-icon.svg");
}

.resource-icon-base.first-aid-kit.is-disabled, .first-aid-kit.is-disabled.reserved-parking-icon, .first-aid-kit.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-first-aid-icon.svg");
}

.resource-icon-base.printer, .printer.reserved-parking-icon, .printer.fire-extinguisher.is-disabled.reserved-parking-icon, .printer.reserved-desk-icon, .printer.fire-extinguisher.is-disabled.reserved-desk-icon, .printer.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/printer-icon.svg");
}

.resource-icon-base.printer.is-disabled, .printer.is-disabled.reserved-parking-icon, .printer.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-printer-icon.svg");
}

.resource-icon-base.restroom, .restroom.reserved-parking-icon, .restroom.fire-extinguisher.is-disabled.reserved-parking-icon, .restroom.reserved-desk-icon, .restroom.fire-extinguisher.is-disabled.reserved-desk-icon, .restroom.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/restroom-icon.svg");
}

.resource-icon-base.restroom.is-disabled, .restroom.is-disabled.reserved-parking-icon, .restroom.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-restroom-icon.svg");
}

.resource-icon-base.break-room, .break-room.reserved-parking-icon, .break-room.fire-extinguisher.is-disabled.reserved-parking-icon, .break-room.reserved-desk-icon, .break-room.fire-extinguisher.is-disabled.reserved-desk-icon, .break-room.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/break-room-icon.svg");
}

.resource-icon-base.break-room.is-disabled, .break-room.is-disabled.reserved-parking-icon, .break-room.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-break-room-icon.svg");
}

.resource-icon-base.cafe, .cafe.reserved-parking-icon, .cafe.fire-extinguisher.is-disabled.reserved-parking-icon, .cafe.reserved-desk-icon, .cafe.fire-extinguisher.is-disabled.reserved-desk-icon, .cafe.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/cafe-icon.svg");
}

.resource-icon-base.cafe.is-disabled, .cafe.is-disabled.reserved-parking-icon, .cafe.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-cafe-icon.svg");
}

.resource-icon-base.kitchen, .kitchen.reserved-parking-icon, .kitchen.fire-extinguisher.is-disabled.reserved-parking-icon, .kitchen.reserved-desk-icon, .kitchen.fire-extinguisher.is-disabled.reserved-desk-icon, .kitchen.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/kitchen-icon.svg");
}

.resource-icon-base.kitchen.is-disabled, .kitchen.is-disabled.reserved-parking-icon, .kitchen.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-kitchen-icon.svg");
}

.resource-icon-base.mothers-room, .mothers-room.reserved-parking-icon, .mothers-room.fire-extinguisher.is-disabled.reserved-parking-icon, .mothers-room.reserved-desk-icon, .mothers-room.fire-extinguisher.is-disabled.reserved-desk-icon, .mothers-room.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/mothers-room-icon.svg");
}

.resource-icon-base.mothers-room.is-disabled, .mothers-room.is-disabled.reserved-parking-icon, .mothers-room.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-mothers-room-icon.svg");
}

.resource-icon-base.custom, .custom.reserved-parking-icon, .custom.fire-extinguisher.is-disabled.reserved-parking-icon, .custom.reserved-desk-icon, .custom.fire-extinguisher.is-disabled.reserved-desk-icon, .custom.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/custom-resource-icon.svg");
}

.resource-icon-base.custom.is-disabled, .custom.is-disabled.reserved-parking-icon, .custom.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-custom-resource-icon.svg");
}

.resource-icon-base.desk, .desk.reserved-parking-icon, .desk.fire-extinguisher.is-disabled.reserved-parking-icon, .desk.reserved-desk-icon, .desk.fire-extinguisher.is-disabled.reserved-desk-icon, .desk.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/desk-icon.svg");
}

.resource-icon-base.desk.is-scheduled:not(.is-selected).edit::after, .desk.is-scheduled.reserved-parking-icon:not(.is-selected).edit::after, .desk.is-scheduled.reserved-desk-icon: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, .room.reserved-parking-icon, .room.fire-extinguisher.is-disabled.reserved-parking-icon, .room.reserved-desk-icon, .room.fire-extinguisher.is-disabled.reserved-desk-icon, .room.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/room-icon.svg");
}

.resource-icon-base.room.is-disabled, .room.is-disabled.reserved-parking-icon, .room.is-disabled.reserved-desk-icon {
  background-image: url("images/resource-map/disabled-room-icon.svg");
}

.resource-icon-base.room.is-unavailable, .room.is-unavailable.reserved-parking-icon, .room.is-unavailable.reserved-desk-icon {
  background-image: url("images/resource-map/unavailable-room-icon.svg");
}

.resource-icon-base.parking, .parking.reserved-parking-icon, .parking.fire-extinguisher.is-disabled.reserved-parking-icon, .parking.reserved-desk-icon, .parking.fire-extinguisher.is-disabled.reserved-desk-icon, .parking.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: url("images/resource-map/parking-icon.svg");
}

.resource-icon-base.is-selected, .is-selected.reserved-parking-icon, .is-selected.fire-extinguisher.is-disabled.reserved-parking-icon, .is-selected.reserved-desk-icon, .is-selected.fire-extinguisher.is-disabled.reserved-desk-icon, .is-selected.resource-icon-base.fire-extinguisher.is-disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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, .live-map-custom-shell.reserved-parking-icon, .live-map-custom-shell.fire-extinguisher.is-disabled.reserved-parking-icon, .live-map-custom-shell.reserved-desk-icon, .live-map-custom-shell.fire-extinguisher.is-disabled.reserved-desk-icon, .live-map-custom-shell.resource-icon-base.fire-extinguisher.is-disabled {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.resource-icon-base.is-uneditable::after, .is-uneditable.reserved-parking-icon::after, .is-uneditable.fire-extinguisher.is-disabled.reserved-parking-icon::after, .is-uneditable.reserved-desk-icon::after, .is-uneditable.fire-extinguisher.is-disabled.reserved-desk-icon::after, .is-uneditable.resource-icon-base.fire-extinguisher.is-disabled::after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 23px;
  width: 23px;
  cursor: not-allowed;
  border-radius: 9999px;
  background-color: rgba(235, 235, 240, 0.6901960784);
}

.status-badge .resource-icon-base.is-uneditable::after, .status-badge .is-uneditable.reserved-parking-icon::after, .status-badge .is-uneditable.reserved-desk-icon::after {
  min-height: 0.4375rem;
  min-width: 0.4375rem;
}

.resource-icon-base.is-uneditable::after, .is-uneditable.reserved-parking-icon::after, .is-uneditable.fire-extinguisher.is-disabled.reserved-parking-icon::after, .is-uneditable.reserved-desk-icon::after, .is-uneditable.fire-extinguisher.is-disabled.reserved-desk-icon::after, .is-uneditable.resource-icon-base.fire-extinguisher.is-disabled::after {
  content: "";
  transform: translate(-50%, -50%);
}

.resource-icon-base.error, .error.reserved-parking-icon, .error.fire-extinguisher.is-disabled.reserved-parking-icon, .error.reserved-desk-icon, .error.fire-extinguisher.is-disabled.reserved-desk-icon, .error.resource-icon-base.fire-extinguisher.is-disabled {
  border-radius: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: rgba(248, 248, 175, 0.1019607843);
  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, .desk.is-placing.reserved-desk-icon, .room.is-placing.reserved-desk-icon, .parking.is-placing.reserved-desk-icon, .desk.is-placing.reserved-parking-icon, .room.is-placing.reserved-parking-icon, .parking.is-placing.reserved-parking-icon {
  background-image: url("images/resource-map/green-dot-dark-green-border.svg");
}

.disabled-desk-icon, .resource-icon-base.desk.is-disabled, .desk.is-disabled.reserved-desk-icon, .desk.is-disabled.reserved-parking-icon {
  background-image: url("images/resource-map/disabled-desk-icon.svg");
}

.disabled-parking-icon, .resource-icon-base.parking.is-disabled, .parking.is-disabled.reserved-desk-icon, .parking.is-disabled.reserved-parking-icon {
  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, .visitor-area.is-placing.reserved-desk-icon, .delivery-area.is-placing.reserved-desk-icon, .printer.is-placing.reserved-desk-icon, .break-room.is-placing.reserved-desk-icon, .cafe.is-placing.reserved-desk-icon, .kitchen.is-placing.reserved-desk-icon, .mothers-room.is-placing.reserved-desk-icon, .visitor-area.is-placing.reserved-parking-icon, .delivery-area.is-placing.reserved-parking-icon, .printer.is-placing.reserved-parking-icon, .break-room.is-placing.reserved-parking-icon, .cafe.is-placing.reserved-parking-icon, .kitchen.is-placing.reserved-parking-icon, .mothers-room.is-placing.reserved-parking-icon {
  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, .emergency-exit.is-placing.reserved-desk-icon, .fire-extinguisher.is-placing.reserved-desk-icon, .aed.is-placing.reserved-desk-icon, .first-aid-kit.is-placing.reserved-desk-icon, .emergency-exit.is-placing.reserved-parking-icon, .fire-extinguisher.is-placing.reserved-parking-icon, .aed.is-placing.reserved-parking-icon, .first-aid-kit.is-placing.reserved-parking-icon {
  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, .accessible.is-placing.reserved-desk-icon, .elevator.is-placing.reserved-desk-icon, .stairs.is-placing.reserved-desk-icon, .restroom.is-placing.reserved-desk-icon, .custom.is-placing.reserved-desk-icon, .accessible.is-placing.reserved-parking-icon, .elevator.is-placing.reserved-parking-icon, .stairs.is-placing.reserved-parking-icon, .restroom.is-placing.reserved-parking-icon, .custom.is-placing.reserved-parking-icon {
  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, .visitor-area.is-placing.is-disabled.reserved-desk-icon, .emergency-exit.is-placing.is-disabled.reserved-desk-icon, .accessible.is-placing.is-disabled.reserved-desk-icon, .elevator.is-placing.is-disabled.reserved-desk-icon, .fire-extinguisher.is-placing.is-disabled.reserved-desk-icon, .stairs.is-placing.is-disabled.reserved-desk-icon, .aed.is-placing.is-disabled.reserved-desk-icon, .delivery-area.is-placing.is-disabled.reserved-desk-icon, .first-aid-kit.is-placing.is-disabled.reserved-desk-icon, .printer.is-placing.is-disabled.reserved-desk-icon, .break-room.is-placing.is-disabled.reserved-desk-icon, .cafe.is-placing.is-disabled.reserved-desk-icon, .kitchen.is-placing.is-disabled.reserved-desk-icon, .mothers-room.is-placing.is-disabled.reserved-desk-icon, .custom.is-placing.is-disabled.reserved-desk-icon, .desk.is-placing.is-disabled.reserved-desk-icon, .room.is-placing.is-disabled.reserved-desk-icon, .parking.is-placing.is-disabled.reserved-desk-icon, .visitor-area.is-placing.is-disabled.reserved-parking-icon, .emergency-exit.is-placing.is-disabled.reserved-parking-icon, .accessible.is-placing.is-disabled.reserved-parking-icon, .elevator.is-placing.is-disabled.reserved-parking-icon, .fire-extinguisher.is-placing.is-disabled.reserved-parking-icon, .stairs.is-placing.is-disabled.reserved-parking-icon, .aed.is-placing.is-disabled.reserved-parking-icon, .delivery-area.is-placing.is-disabled.reserved-parking-icon, .first-aid-kit.is-placing.is-disabled.reserved-parking-icon, .printer.is-placing.is-disabled.reserved-parking-icon, .break-room.is-placing.is-disabled.reserved-parking-icon, .cafe.is-placing.is-disabled.reserved-parking-icon, .kitchen.is-placing.is-disabled.reserved-parking-icon, .mothers-room.is-placing.is-disabled.reserved-parking-icon, .custom.is-placing.is-disabled.reserved-parking-icon, .desk.is-placing.is-disabled.reserved-parking-icon, .room.is-placing.is-disabled.reserved-parking-icon, .parking.is-placing.is-disabled.reserved-parking-icon {
  background-image: url("images/resource-map/gray-dot-dark-gray-border.svg");
}

.btn-resource, .btn-resource-medium, .btn-resource-large {
  position: relative;
}

.handsontable .btn-resource, .handsontable .btn-resource-medium, .handsontable .btn-resource-large {
  position: relative;
}

.handsontable th:nth-child(2) .btn-resource::after, .handsontable th:nth-child(2) .btn-resource-medium::after, .handsontable th:nth-child(2) .btn-resource-large::after,
.handsontable th:nth-child(3) .btn-resource::after,
.handsontable th:nth-child(3) .btn-resource-medium::after,
.handsontable th:nth-child(3) .btn-resource-large::after,
.handsontable th:nth-child(4) .btn-resource::after,
.handsontable th:nth-child(4) .btn-resource-medium::after,
.handsontable th:nth-child(4) .btn-resource-large::after {
  content: " •";
  font-weight: bold;
  color: #ef3934;
}

.readonly-table .handsontable th:nth-child(2) .btn-resource::after, .readonly-table .handsontable th:nth-child(2) .btn-resource-medium::after, .readonly-table .handsontable th:nth-child(2) .btn-resource-large::after, .readonly-table .handsontable th:nth-child(3) .btn-resource::after, .readonly-table .handsontable th:nth-child(3) .btn-resource-medium::after, .readonly-table .handsontable th:nth-child(3) .btn-resource-large::after, .readonly-table .handsontable th:nth-child(4) .btn-resource::after, .readonly-table .handsontable th:nth-child(4) .btn-resource-medium::after, .readonly-table .handsontable th:nth-child(4) .btn-resource-large::after {
  display: none;
}

.email-required .handsontable th:nth-child(5) .btn-resource::after, .email-required .handsontable th:nth-child(5) .btn-resource-medium::after, .email-required .handsontable th:nth-child(5) .btn-resource-large::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-medium::after, .readonly-table .email-required .handsontable th:nth-child(5) .btn-resource-large::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-medium::after, .handsontable-input.col-required-0 th:nth-child(2) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-0 th:nth-child(2) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-0 th:nth-child(2) .btn-resource-large::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-medium::after, .handsontable-input.col-required-1 th:nth-child(3) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-1 th:nth-child(3) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-1 th:nth-child(3) .btn-resource-large::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-medium::after, .handsontable-input.col-required-2 th:nth-child(4) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-2 th:nth-child(4) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-2 th:nth-child(4) .btn-resource-large::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-medium::after, .handsontable-input.col-required-3 th:nth-child(5) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-3 th:nth-child(5) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-3 th:nth-child(5) .btn-resource-large::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-medium::after, .handsontable-input.col-required-4 th:nth-child(6) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-4 th:nth-child(6) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-4 th:nth-child(6) .btn-resource-large::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-medium::after, .handsontable-input.col-required-5 th:nth-child(7) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-5 th:nth-child(7) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-5 th:nth-child(7) .btn-resource-large::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-medium::after, .handsontable-input.col-required-6 th:nth-child(8) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-6 th:nth-child(8) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-6 th:nth-child(8) .btn-resource-large::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-medium::after, .handsontable-input.col-required-7 th:nth-child(9) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-7 th:nth-child(9) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-7 th:nth-child(9) .btn-resource-large::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-medium::after, .handsontable-input.col-required-8 th:nth-child(10) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-8 th:nth-child(10) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-8 th:nth-child(10) .btn-resource-large::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-medium::after, .handsontable-input.col-required-9 th:nth-child(11) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-9 th:nth-child(11) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-9 th:nth-child(11) .btn-resource-large::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-medium::after, .handsontable-input.col-required-10 th:nth-child(12) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-10 th:nth-child(12) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-10 th:nth-child(12) .btn-resource-large::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-medium::after, .handsontable-input.col-required-11 th:nth-child(13) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-11 th:nth-child(13) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-11 th:nth-child(13) .btn-resource-large::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-medium::after, .handsontable-input.col-required-12 th:nth-child(14) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-12 th:nth-child(14) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-12 th:nth-child(14) .btn-resource-large::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-medium::after, .handsontable-input.col-required-13 th:nth-child(15) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-13 th:nth-child(15) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-13 th:nth-child(15) .btn-resource-large::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-medium::after, .handsontable-input.col-required-14 th:nth-child(16) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-14 th:nth-child(16) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-14 th:nth-child(16) .btn-resource-large::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-medium::after, .handsontable-input.col-required-15 th:nth-child(17) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-15 th:nth-child(17) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-15 th:nth-child(17) .btn-resource-large::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-medium::after, .handsontable-input.col-required-16 th:nth-child(18) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-16 th:nth-child(18) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-16 th:nth-child(18) .btn-resource-large::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-medium::after, .handsontable-input.col-required-17 th:nth-child(19) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-17 th:nth-child(19) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-17 th:nth-child(19) .btn-resource-large::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-medium::after, .handsontable-input.col-required-18 th:nth-child(20) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-18 th:nth-child(20) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-18 th:nth-child(20) .btn-resource-large::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-medium::after, .handsontable-input.col-required-19 th:nth-child(21) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-19 th:nth-child(21) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-19 th:nth-child(21) .btn-resource-large::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-medium::after, .handsontable-input.col-required-20 th:nth-child(22) .btn-resource-large::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-medium::after, .readonly-table .handsontable-input.col-required-20 th:nth-child(22) .btn-resource-large::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-medium::after, .handsontable-input.col-optional-20 th:nth-child(22) .btn-resource-large::after {
  display: none;
}

.handsontable thead th .btn-resource, .handsontable thead th .btn-resource-medium, .handsontable thead th .btn-resource-large {
  padding: 2px 4px;
}

.btn-resource, .btn-resource-medium, .btn-resource-large {
  --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, .active.btn-resource-medium, .active.btn-resource-large {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 68 80/var(--tw-border-opacity, 1));
}

@media print {
  .btn-resource.active, .active.btn-resource-medium, .active.btn-resource-large {
    border-color: #717684;
  }
}
.btn-resource:hover, .btn-resource-medium:hover, .btn-resource-large:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 240/var(--tw-bg-opacity, 1));
}

.btn-resource:disabled, .btn-resource-medium:disabled, .btn-resource-large: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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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-interactive.leaflet-marker-icon.reserved-desk-icon:hover, .resource-map-container.is-placing .leaflet-interactive.leaflet-marker-icon.reserved-parking-icon:hover, .resource-map-container.is-placing .leaflet-container.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-placing .leaflet-container.leaflet-marker-icon.reserved-desk-icon:hover, .resource-map-container.is-placing .leaflet-container.leaflet-marker-icon.reserved-parking-icon:hover, .resource-map-container.is-drawing .leaflet-interactive.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-drawing .leaflet-interactive.leaflet-marker-icon.reserved-desk-icon:hover, .resource-map-container.is-drawing .leaflet-interactive.leaflet-marker-icon.reserved-parking-icon:hover, .resource-map-container.is-drawing .leaflet-container.leaflet-marker-icon.resource-icon-base:hover, .resource-map-container.is-drawing .leaflet-container.leaflet-marker-icon.reserved-desk-icon:hover, .resource-map-container.is-drawing .leaflet-container.leaflet-marker-icon.reserved-parking-icon: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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 .leaflet-tooltip-right.resource-marker-tooltip {
  margin-left: 25px;
}

.resource-map-container .feature-tooltip.leaflet-tooltip-left, .resource-map-container .leaflet-tooltip-left.resource-marker-tooltip {
  margin-left: -25px;
}

.resource-map-container .feature-tooltip.leaflet-tooltip-top, .resource-map-container .leaflet-tooltip-top.resource-marker-tooltip {
  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, #desks-map-wrapper .leaflet-marker-icon.reserved-desk-icon, #desks-map-wrapper .leaflet-marker-icon.reserved-parking-icon {
  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: 6px;
  font-size: 16px;
  font-weight: 500;
  font-variant-numeric: lining-nums;
  padding: 13px 16px 11px;
  background-color: #3f4450;
  color: #fff;
  font-family: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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: 16px;
  font-weight: 500;
  border-radius: 8px;
  padding: 18px;
}

.btn--small {
  padding: 8px 16px 7px;
  font-size: 14px;
  line-height: 1.5;
}

@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: 12px;
  line-height: 1.5;
  min-width: 40px;
}

@media only screen and (max-width : 30rem) {
  .btn--smaller {
    min-width: 0;
  }
}
.btn--smallest {
  padding: 6px 8px 4px;
  font-size: 12px;
  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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
}

.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: 14px;
}

.btn--grey-link {
  display: inline;
  padding: 0;
  background-color: transparent;
  color: #3f4450;
  min-width: 0;
  border-width: 0;
  font-family: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
}

.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: 14px;
}

.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: " ";
  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: " ";
  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: 24px;
  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__sidebar-background {
  background-image: var(--theme-sidebar-background-image);
  background-size: cover;
  background-position: center;
}

.location-theme__accent {
  color: var(--theme-primary-color);
}

.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;
}

/* 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: 40px;
    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: 4px;
}

@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: 600;
}

@media only screen and (max-width : 30rem) {
  .authenticate-box h3 {
    margin: 0 auto 2rem;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
  }
}
.authenticate-logo {
  display: block;
  width: 120px;
  height: auto;
  margin: 0 auto 40px;
}

@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, .ember-power-select.disabled .ember-power-select-multiple-option,
  .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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
}

.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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
}

.delivery-email-notification-preview .snooze-button {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ef3934;
  color: #ef3934;
  display: inline-block;
  font-family: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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: "SofiaPro", "Helvetica Neue", helvetica, arial, sans-serif;
  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-disabled-desk-icon, #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 .desk.is-disabled.reserved-desk-icon, #desks-map-deactivate-wrapper .leaflet-container .desk.is-disabled.reserved-parking-icon, #desks-map-deactivate-wrapper .leaflet-container .deactivated-desk-icon, #desks-map-deactivate-wrapper .leaflet-container .desk-icon, #desks-map-deactivate-wrapper .leaflet-container .selected-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .reserved-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .reserved-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .selected-group-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .selected-group-desk-icon, #desks-map-deactivate-wrapper .leaflet-container #desks-map-wrapper .scheduled-desk-icon, #desks-map-wrapper #desks-map-deactivate-wrapper .leaflet-container .scheduled-desk-icon {
  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 .desk.is-disabled.reserved-desk-icon, #desks-map-deactivate-wrapper .leaflet-container .desk.is-disabled.reserved-parking-icon {
  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 .ui__header.property-page-header.ProseMirror {
  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 * (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 .virtual-front-desk-schedule-grid.ProseMirror .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: 5.5555555556%;
  margin-right: 5.5555555556%;
}

.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: 0.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: 0.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: "▲";
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable .columnSorting.descending::after {
  content: "▼";
  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 rgb(238, 238, 238);
  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: 4px;
  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: "▸";
  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: "▸";
  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.2857142857%;
}

.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: 0.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: -0.5rem;
  margin-top: -0.5rem;
}

.Polarwind-Stack__Item {
  flex-shrink: 0;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  max-width: 100%;
  min-width: 0;
}

.Polarwind-Stack--spacingLoose {
  margin-left: -0.75rem;
  margin-top: -0.75rem;
}

.Polarwind-Stack--spacingLoose > .Polarwind-Stack__Item {
  margin-left: 0.75rem;
  margin-top: 0.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: 0.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: 0.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: 0.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: 0.6666rem 1rem;
  transition-duration: 0.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(0.4, 0, 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 rgba(0, 0, 0, 0));
}

.Polarwind-Button span {
  vertical-align: -2.7px;
}

.Polarwind-Button__Icon {
  display: inline-block;
  margin-left: -0.25rem;
  margin-right: 0.25rem;
}

.Polarwind-Button__Icon svg {
  height: 12px;
}

.Polarwind-Button--slim {
  font-size: 0.875rem;
  font-size: 14px;
  line-height: 1.25rem;
  line-height: 12px;
  padding: 0.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: 0.75rem 1.5rem;
}

.Polarwind-Button--large span {
  vertical-align: -2.9px;
}

.Polarwind-Button--disabled {
  opacity: 0.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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(0.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: -0.5rem;
  margin-top: -0.5rem;
}

.Polarwind-ButtonGroup__Item {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

.Polarwind-Caption {
  font-size: 0.75rem;
  font-size: 12px;
  line-height: 1rem;
  line-height: 10px;
}

.Polarwind-Caption span {
  vertical-align: -2px;
}

.Polarwind-Caption.Polarwind-Caption--small {
  font-size: 0.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: 0.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, 0.08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.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: 0.25rem;
  border-width: 1px;
  bottom: 100%;
  color: #303541;
  color: rgb(48 53 65/var(--tw-text-opacity));
  font-size: 0.875rem;
  font-size: 14px;
  font-weight: 400;
  left: 50%;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  max-width: 160px;
  opacity: 0;
  padding: 0.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 0.2s ease-in, visibility 0.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 0.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: 0.375rem;
  content: " ";
  display: block;
  height: 0.25rem;
  margin-left: 0.125rem;
  width: 0.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: 0.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: 0.375rem !important;
  cursor: pointer !important;
  transition-duration: 0.15s !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 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, 0.16) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.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: 0.875rem;
  font-size: 14px;
  line-height: 1.25rem;
  opacity: 0.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: 0.25rem !important;
  display: flex;
  padding-bottom: 1px !important;
  padding-top: 1px !important;
}

.Polarwind-Dropdown__Label {
  display: block;
}

.Polarwind-Dropdown__Label .Polarwind-Label {
  font-size: 0.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: 0.25rem;
}

.Polarwind-Caption a {
  --tw-text-opacity:1;
  color: #6161ff;
  color: rgb(97 97 255/var(--tw-text-opacity));
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.375rem;
  padding-right: 0.375rem;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.Polarwind-Dropdown-DropdownIndicator svg {
  height: 1.25rem;
  width: 1.25rem;
}

.Polarwind-Dropdown-Group {
  margin-top: 0.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: 0.875rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.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: 0.375rem;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 8px rgba(0, 0, 0, 0.12);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  margin-bottom: 0.25rem;
  margin-top: 0.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: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.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: 0.25rem;
  padding-right: 0.25rem;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.375rem;
  cursor: pointer;
  font-size: 1rem !important;
  font-size: 16px !important;
  line-height: 1.5rem !important;
  padding: 0.375rem 0.5rem;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.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, 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: 0.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, 0.07)) drop-shadow(0 2px 2px rgba(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);
  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: 0.375rem;
  border-width: 1px;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  position: absolute;
  right: 2rem;
  top: 2rem;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.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: 0.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, 0.08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.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: 0.6666rem;
  padding-top: 0.6666rem;
}

.Polarwind-Select span {
  vertical-align: -2.7px;
}

.Polarwind-Select--dismissValue {
  padding: 0.875rem 0.6666rem;
  position: absolute;
  right: 2rem;
  top: 0;
}

.Polarwind-Select--dismissValue svg {
  height: 0.75rem;
  width: 0.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, 0.16);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.875rem;
  line-height: inherit;
}

.Polarwind-Select__EmptyList {
  padding: 0.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: 0.375rem;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 8px rgba(0, 0, 0, 0.12);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.Polarwind-Select__OptionList {
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  padding: 0.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: 0.375rem;
  font-weight: 400;
  padding: 0.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 0.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: 0.875rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0.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: 0.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: 0.375rem;
  padding-top: 0.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.5rem;
  width: 175px;
}

.Polarwind-TextEditor__Label {
  display: block;
}

.Polarwind-TextEditor__Label .Polarwind-Label {
  font-size: 0.875rem;
  line-height: inherit;
}

.Polarwind-TextEditor__Select {
  width: 175px;
}

.tiptap {
  min-height: 125px;
  outline: none;
  padding: 0.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: 0.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: 0.2s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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, 0.48);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.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(0.4, 0, 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: 0.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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: 0.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 .add-employee-groups-button-container.ProseMirror {
  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 .add-employee-groups-button.ProseMirror {
  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: rgba(0, 0, 0, 0.05);
  }
  50% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: rgba(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: 0.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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\,0\,0\,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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.before\:shadow-\[4px_0_4px_0px_rgba\(0\,0\,0\,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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0));
}

.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: rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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 rgba(0, 0, 0, 0));
}

.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 rgba(0, 0, 0, 0));
}

.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;
}

.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: rgba(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: 0.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\,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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), 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-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 * (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 * (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;
  }
}
.\[\&_\*\]\:fill-white * {
  fill: #fff;
}

.\[\&_\.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;
}

.\[\&_circle\]\:fill-current circle {
  fill: currentColor;
}

.\[\&_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;
}

.\[\&_path\]\:fill-carbon-50 path {
  fill: #717684;
}

.\[\&_path\]\:fill-current path {
  fill: currentColor;
}

.\[\&_path\]\:fill-red-50 path {
  fill: #e91c1c;
}

.\[\&_path\]\:fill-white path {
  fill: #fff;
}

.\[\&_svg_path\]\:fill-carbon-40 svg path {
  fill: #8a8f9e;
}