@charset "UTF-8";
/*
$colors-export: export('palettes', $colors);
$contrasts-export: export('contrasts', (
  'light-contrast-color': $light-contrast-color,
  'dark-contrast-color': $dark-contrast-color,
  'strong-light-contrast-color': $strong-light-contrast-color
));
*/
/*$contrasts-export: export('contrasts', (
  'light-contrast-color': $light-contrast-color,
  'dark-contrast-color': $dark-contrast-color,
  'strong-light-contrast-color': $strong-light-contrast-color
));
*/
.ember-power-select-dropdown {
  border-top: 0.063rem solid #aaaaaa !important;
  border-bottom: 0.063rem solid #aaaaaa !important;
  border-left: 0.063rem solid #aaaaaa !important;
  border-right: 0.063rem solid #aaaaaa !important;
}

.ember-basic-dropdown-content {
  box-shadow: 0 0.063rem 0.188rem 0 rgba(0, 0, 0, 0.2), 0 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.14), 0 0.125rem 0.063rem -0.063rem rgba(0, 0, 0, 0.12) !important;
  border-radius: 30px !important;
  border: 0rem solid #aaaaaa !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ember-basic-dropdown-content--below {
  box-shadow: 0 0.125rem 0.188rem 0 rgba(0, 0, 0, 0.2), 0 0.125rem 0.063rem 0 rgba(0, 0, 0, 0.14), 0 0.125rem 0.063rem -0.063rem rgba(0, 0, 0, 0.12) !important;
  border-radius: 0rem;
  border-top: 0.063rem solid #aaaaaa;
}

.ember-power-select-search-input {
  border: 0rem !important;
}

.ember-basic-dropdown-content-border {
  filter: drop-shadow(0px 0px 15px #b0b0b0);
  border: 0px solid #aaaaaa !important;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.4286;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days,
.ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  appearance: none;
  flex: 1 1 100%;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

/* golos-300 - latin */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/fonts/GolosText-Regular.ttf") format("truetype");
}
/* golos-regular - latin */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/GolosText-Regular.ttf") format("truetype");
}
/* golos-italic */
@font-face {
  font-family: "Golos Text";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("/fonts/GolosText-RegularItalic.ttf") format("truetype");
}
/* golos-500 */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("/fonts/GolosText-Medium.ttf") format("truetype");
}
/* golos-600 - latin */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/fonts/GolosText-SemiBold.ttf") format("truetype");
}
/* golos-700 - latin */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/fonts/GolosText-Bold.ttf") format("truetype");
}
/* Material Symbols Outlined */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  src: url("/fonts/MaterialSymbolsOutlined-VariableFont.woff2") format("woff2"), url("/fonts/MaterialSymbolsOutlined-VariableFont.ttf") format("truetype");
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

li {
  display: list-item;
  unicode-bidi: isolate;
}

.toast-message {
  font-size: 1rem;
}

@-moz-document url-prefix() {
  [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
:focus-visible {
  outline: none;
}

.cursor-nw-resize {
  cursor: url("/icons/nw-resize.png") 12 0, auto !important;
}

.cursor-n-resize {
  cursor: url("/icons/n-resize.png") 12 0, auto !important;
}

.cursor-w-resize {
  cursor: url("/icons/w-resize.png") 0 12, auto !important;
}

.cursor-s-resize {
  cursor: url("/icons/s-resize.png") 12 12, auto !important;
}

.cursor-e-resize {
  cursor: url("/icons/e-resize.png") 12 12, auto !important;
}

*::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.2rem;
}

*::-webkit-scrollbar-track {
  border-radius: 30px;
}

*::-webkit-scrollbar-thumb {
  background-color: RGB(var(--primary-100)) !important;
  border-radius: 30px;
}

.clip-path {
  clip-path: inset(0 0 round 30px);
}

.ember-tooltip,
.ember-popover {
  z-index: 999 !important;
}

html,
body {
  color: #000;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[dir=rtl], html[dir=ltr],
body[dir=rtl],
body[dir=ltr] {
  unicode-bidi: embed;
}

body {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden !important;
  font-family: "Golos Text", sans-serif;
}

input {
  vertical-align: baseline;
  font-family: "Golos Text", sans-serif;
  font-size: 100%;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  text-shadow: none;
}

textarea {
  vertical-align: top;
  overflow: auto;
  font-family: "Golos Text", sans-serif;
  font-size: 100%;
}

button,
select {
  font-family: "Golos Text", sans-serif;
  font-size: 100%;
}

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.toast {
  box-shadow: 0 0.125rem 0.313rem 0 rgba(0, 0, 0, 0.26);
  border-radius: 0.125rem;
  font-size: 0.875;
}
.toast.toast-info {
  background-color: #424242;
}
.toast.toast-warning {
  background-color: #f9a825;
}
.toast.toast-success {
  background-color: #4caf50;
}
.toast.toast-error {
  background-color: #d32f2f;
}

:root {
  --primary-50: 224, 232, 235;
  --primary-50-contrast: 255, 255, 255;
  --primary-100: 179, 197, 205;
  --primary-100-contrast: 255, 255, 255;
  --primary-200: 128, 159, 172;
  --primary-200-contrast: 255, 255, 255;
  --primary-300: 77, 120, 139;
  --primary-300-contrast: 255, 255, 255;
  --primary-400: 38, 91, 114;
  --primary-400-contrast: 255, 255, 255;
  --primary-500: 0, 62, 89;
  --primary-500-contrast: 255, 255, 255;
  --primary-600: 0, 56, 81;
  --primary-600-contrast: 255, 255, 255;
  --primary-700: 0, 48, 72;
  --primary-700-contrast: 255, 255, 255;
  --primary-800: 0, 40, 62;
  --primary-800-contrast: 255, 255, 255;
  --primary-900: 0, 27, 46;
  --primary-900-contrast: 255, 255, 255;
  --primary-A100: 77, 120, 139;
  --primary-A100-contrast: 255, 255, 255;
  --primary-A200: 0, 62, 89;
  --primary-A200-contrast: 255, 255, 255;
  --primary-A400: 1, 124, 255;
  --primary-A400-contrast: 255, 255, 255;
  --primary-A700: 0, 111, 230;
  --primary-A700-contrast: 255, 255, 255;
  --accent-50: 252, 228, 236;
  --accent-50-contrast: 0, 0, 0;
  --accent-100: 248, 187, 208;
  --accent-100-contrast: 0, 0, 0;
  --accent-200: 244, 143, 177;
  --accent-200-contrast: 0, 0, 0;
  --accent-300: 240, 98, 146;
  --accent-300-contrast: 255, 255, 255;
  --accent-400: 236, 64, 122;
  --accent-400-contrast: 255, 255, 255;
  --accent-500: 233, 30, 99;
  --accent-500-contrast: 255, 255, 255;
  --accent-600: 216, 27, 96;
  --accent-600-contrast: 255, 255, 255;
  --accent-700: 194, 24, 91;
  --accent-700-contrast: 255, 255, 255;
  --accent-800: 173, 20, 87;
  --accent-800-contrast: 255, 255, 255;
  --accent-900: 136, 14, 79;
  --accent-900-contrast: 255, 255, 255;
  --accent-A100: 255, 128, 171;
  --accent-A100-contrast: 0, 0, 0;
  --accent-A200: 255, 64, 129;
  --accent-A200-contrast: 255, 255, 255;
  --accent-A400: 245, 0, 87;
  --accent-A400-contrast: 255, 255, 255;
  --accent-A700: 197, 17, 98;
  --accent-A700-contrast: 255, 255, 255;
  --warn-50: 255, 235, 238;
  --warn-50-contrast: 0, 0, 0;
  --warn-100: 255, 205, 210;
  --warn-100-contrast: 0, 0, 0;
  --warn-200: 239, 154, 154;
  --warn-200-contrast: 0, 0, 0;
  --warn-300: 229, 115, 115;
  --warn-300-contrast: 0, 0, 0;
  --warn-400: 239, 83, 80;
  --warn-400-contrast: 255, 255, 255;
  --warn-500: 244, 67, 54;
  --warn-500-contrast: 255, 255, 255;
  --warn-600: 229, 57, 53;
  --warn-600-contrast: 255, 255, 255;
  --warn-700: 211, 47, 47;
  --warn-700-contrast: 255, 255, 255;
  --warn-800: 198, 40, 40;
  --warn-800-contrast: 255, 255, 255;
  --warn-900: 183, 28, 28;
  --warn-900-contrast: 255, 255, 255;
  --warn-A100: 255, 138, 128;
  --warn-A100-contrast: 0, 0, 0;
  --warn-A200: 255, 82, 82;
  --warn-A200-contrast: 255, 255, 255;
  --warn-A400: 255, 23, 68;
  --warn-A400-contrast: 255, 255, 255;
  --warn-A700: 213, 0, 0;
  --warn-A700-contrast: 255, 255, 255;
  --background-50: 250, 250, 250;
  --background-50-contrast: 0, 0, 0;
  --background-100: 245, 245, 245;
  --background-100-contrast: 0, 0, 0;
  --background-200: 238, 238, 238;
  --background-200-contrast: 0, 0, 0;
  --background-300: 224, 224, 224;
  --background-300-contrast: 0, 0, 0;
  --background-400: 189, 189, 189;
  --background-400-contrast: 0, 0, 0;
  --background-500: 158, 158, 158;
  --background-500-contrast: 0, 0, 0;
  --background-600: 117, 117, 117;
  --background-600-contrast: 255, 255, 255;
  --background-700: 97, 97, 97;
  --background-700-contrast: 255, 255, 255;
  --background-800: 66, 66, 66;
  --background-800-contrast: 255, 255, 255;
  --background-900: 33, 33, 33;
  --background-900-contrast: 255, 255, 255;
  --background-A100: 255, 255, 255;
  --background-A100-contrast: 0, 0, 0;
  --background-A200: 0, 0, 0;
  --background-A200-contrast: 255, 255, 255;
  --background-A400: 48, 48, 48;
  --background-A400-contrast: 255, 255, 255;
  --background-A700: 97, 97, 97;
  --background-A700-contrast: 255, 255, 255;
  --foreground-1: rgba(0, 0, 0, 0.87);
  --foreground-2: rgba(0, 0, 0, 0.54);
  --foreground-3: rgba(0, 0, 0, 0.38);
  --foreground-4: rgba(0, 0, 0, 0.12);
  --foreground-shadow: none;
}

.tag {
  background-color: rgb(211, 211, 211);
  border-radius: 1.25rem;
  padding: 0.125rem 0.313rem 0.125rem 0.313rem;
  text-align: center;
  margin: 0.063rem;
}
.tag .tag-abbreviation {
  display: block;
}
.tag .not-tag-abbreviation {
  display: none;
}

.tag:hover .not-tag-abbreviation {
  display: block;
}

.tag:hover .tag-abbreviation {
  display: none;
}

.additional-tag {
  background-color: #d3d3d3;
  border-radius: 1.25rem;
  padding: 0.125rem 0.313rem 0.125rem 0.313rem;
  text-align: center;
  margin-left: 0.313rem;
}

.additional-tag-detail {
  display: none;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
  width: 6.875rem;
  float: right;
}

.tag-container:hover .additional-tag {
  display: none;
}

.tag-container:hover .additional-tag-detail {
  display: block;
}

.tag-container-selected {
  display: flex;
  flex-wrap: wrap;
  width: 8.75rem;
}

.tag-container-selected .additional-tag {
  display: none;
}

.tag-container-selected .additional-tag-detail {
  display: block;
}

body > .ember-popover {
  display: flex;
  flex-direction: row;
  padding: 0;
  border-radius: 1rem;
  padding: 0.5rem;
  border: 1px solid var(--foreground-4);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.color-picker-container {
  width: fit-content !important;
  max-width: fit-content !important;
}

.color-picker-content {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  padding: 0;
}
@media (max-width: 767px) {
  .color-picker-content {
    flex-direction: column;
  }
}
.color-picker-content .palette {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
@media (max-width: 767px) {
  .color-picker-content .palette {
    flex-direction: row;
  }
}
.color-picker-content .color-box {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .color-picker-content .color-box {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.color-picker-content .color-box-big {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

eguana-date-picker .date-picker-icon-color eguana-icon {
  color: var(--foreground-2);
  cursor: pointer;
}

.ember-power-calendar .ember-power-calendar-day {
  border-radius: 100vh;
}

.ember-power-calendar .ember-power-calendar-day--selected {
  border-radius: 0;
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: RGB(var(--primary-500));
  color: RGB(var(--primary-500-contrast));
}
.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-start:not([disabled]):hover,
.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-end:not([disabled]):hover {
  background-color: RGBA(var(--primary-500), 0.75);
  color: RGB(var(--primary-500-contrast));
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  border-top-left-radius: 100vh;
  border-bottom-left-radius: 100vh;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 100vh;
  border-bottom-right-radius: 100vh;
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--range-start.ember-power-calendar-day--range-end {
  border-radius: 100vh;
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected {
  background-color: RGBA(var(--primary-500), 0.7);
  color: RGB(var(--primary-500-contrast));
}
.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: RGBA(var(--primary-500), 0.5);
  color: RGB(var(--primary-500-contrast));
}

.ember-power-calendar .ember-power-calendar-day.ember-power-calendar-day--focused {
  box-shadow: none;
}

/*
  The $cell-size variable must remain in px because the ember-power-calendar package
  expects px units for proper compilation. Converting to rem is not feasible here
  as it would cause a compilation error.
*/
.ember-power-calendar {
  width: calc(calc(40px + 2px) * 7 - 2px + 0px + 0px);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(calc(40px + 2px) * 1);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(calc(40px + 2px) * 2);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(calc(40px + 2px) * 3);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(calc(40px + 2px) * 4);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(calc(40px + 2px) * 5);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(calc(40px + 2px) * 6);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(calc(40px + 2px) * 1);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(calc(40px + 2px) * 2);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(calc(40px + 2px) * 3);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(calc(40px + 2px) * 4);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(calc(40px + 2px) * 5);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(calc(40px + 2px) * 6);
}
.ember-power-calendar .ember-power-calendar-day,
.ember-power-calendar .ember-power-calendar-weekday {
  max-width: 40px;
  max-height: 40px;
  width: 40px;
  height: 40px;
}
.ember-power-calendar .ember-power-calendar-weekdays,
.ember-power-calendar .ember-power-calendar-week {
  height: calc(40px + 2px);
  padding-left: 0px;
  padding-right: 0px;
}
.ember-power-calendar .ember-power-calendar-day {
  color: #bbb;
}
.ember-power-calendar .ember-power-calendar-weekdays {
  color: #333333;
}
.ember-power-calendar .ember-power-calendar-nav-control {
  color: #0078c9;
}
.ember-power-calendar .ember-power-calendar-nav-control:focus {
  color: rgb(18.8235294118%, 67.2870939421%, 100%);
}
.ember-power-calendar .ember-power-calendar-day--current-month {
  color: #656d78;
  background-color: #f5f7fa;
}
.ember-power-calendar .ember-power-calendar-day--today {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day--focused {
  box-shadow: inset 0 -2px 0 0 #0078c9;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  background-color: rgb(58.8235294118%, 83.4064969271%, 100%);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: rgb(58.8235294118%, 83.4064969271%, 100%);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: rgb(58.8235294118%, 83.4064969271%, 100%);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-color: rgb(58.8235294118%, 83.4064969271%, 100%);
}
.ember-power-calendar .ember-power-calendar-day--selected {
  background-color: rgb(78.8235294118%, 91.4661984197%, 100%);
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: rgb(78.8235294118%, 91.4661984197%, 100%);
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #656d78;
}
.ember-power-calendar {
  width: max-content;
}

eguana-language-picker {
  width: fit-content;
  min-width: 7.5rem;
}

.eguana-language-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 7.5rem;
}

.eguana-language-flag {
  width: 2.813rem;
  height: 1.875rem;
}

.eguana-language-title {
  padding: 0 0.313rem;
}

.eguana-report-modal modal-container {
  height: 41.25rem;
  min-width: 43.75rem;
}
.eguana-report-modal eguana-tabs {
  max-height: 3.75rem;
  min-height: 3.75rem;
}
.eguana-report-modal eguana-uploader .drop-zone {
  height: 25rem;
}
.eguana-report-modal eguana-input textarea {
  max-height: 20.625rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.eguana-report-modal .error {
  font-weight: bold;
  color: RGB(var(--warn-500));
}
.eguana-report-modal .uploader {
  padding-top: 1rem;
}
.eguana-report-modal .uploader #drop-zone {
  min-height: 15rem !important;
}

eguana-upload .tabs-container {
  height: 3.125rem;
}

eguana-uploader .progress, eguana-upload-manager .progress, eguana-background-job-manager .progress {
  background-image: linear-gradient(45deg, rgba(var(--primary-500), 0.1) 25%, #ffffff 25%, #ffffff 50%, rgba(var(--primary-500), 0.1) 50%, rgba(var(--primary-500), 0.1) 75%, #ffffff 75%, #ffffff 100%);
  background-size: 2rem 2rem;
  animation: move-stripes 1s linear infinite;
  transition: width 0.45s ease-out;
}
eguana-uploader .pulse, eguana-upload-manager .pulse, eguana-background-job-manager .pulse {
  animation: pulse 2s linear infinite alternate;
}
eguana-uploader .progress-solid, eguana-upload-manager .progress-solid, eguana-background-job-manager .progress-solid {
  background-color: rgba(var(--primary-500), 0.1);
  transition: width 0.45s ease-out;
}
eguana-uploader .green, eguana-upload-manager .green, eguana-background-job-manager .green {
  background-color: #63c41a !important;
}
eguana-uploader .blue, eguana-upload-manager .blue, eguana-background-job-manager .blue {
  background-color: #013e5a !important;
}
eguana-uploader .yellow, eguana-upload-manager .yellow, eguana-background-job-manager .yellow {
  background-color: #fff517 !important;
}
eguana-uploader .red, eguana-upload-manager .red, eguana-background-job-manager .red {
  background-color: #e23636 !important;
}
@keyframes move-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2rem 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}

eguana-users {
  /* Solid border */
}
eguana-users hr.solid {
  border-top: 0.063rem solid RGB(var(--primary-500));
  width: 98%;
  opacity: 0.8;
}
eguana-users .sub-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--foreground-2);
}

.eguana-floating-window {
  user-select: none;
  transition: all 0.2s ease;
}

.eguana-floating-window.is-dragging {
  cursor: grabbing;
  transition: none;
}

.eguana-floating-window.is-resizing {
  transition: none;
}

/* Minimized bar styles */
.floating-window-minimized-bar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.minimized-icon {
  margin-bottom: 8px;
  opacity: 0.9;
}

.minimized-text {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.2;
  text-align: center;
  opacity: 0.8;
}

/* Window styles */
.floating-window {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  overflow: hidden;
}

.floating-window-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: grab;
  border-bottom: 4px solid rgb(var(--primary-200));
  min-height: 40px;
}

.floating-window-header:active {
  cursor: grabbing;
}

.header-title {
  font-weight: 600;
  font-size: 14px;
}

.minimize-button {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.minimize-button:hover {
  background: rgba(255, 255, 255, 0.3);
}

.floating-window-content {
  flex: 1;
  overflow-y: auto;
  background: #fafafa;
}

.content-placeholder h3 {
  margin: 0 0 12px 0;
  color: #2d3748;
  font-size: 18px;
  font-weight: 600;
}

.content-placeholder p {
  margin: 0 0 20px 0;
  color: #4a5568;
  line-height: 1.5;
}

.planning-tools {
  background: white;
  padding: 16px;
  border: 1px solid #e2e8f0;
}

.tool-section h4 {
  margin: 0 0 12px 0;
  color: #2d3748;
  font-size: 14px;
  font-weight: 600;
}

.tool-section ul {
  margin: 0;
  padding-left: 20px;
  color: #4a5568;
}

.tool-section li {
  margin-bottom: 8px;
}

/* Resize handles */
.resize-handles {
  pointer-events: none;
}

.resize-handle {
  position: absolute;
  pointer-events: auto;
  background: transparent;
}

.resize-e {
  top: 5%;
  right: 0;
  width: 12px;
  height: 92%;
  cursor: e-resize;
}

.resize-nw {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  cursor: nw-resize;
}

.resize-ne {
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  cursor: ne-resize;
}

.resize-sw {
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  cursor: sw-resize;
}

.resize-se {
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
  cursor: se-resize;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .eguana-floating-window:not(.is-minimized) {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
  }
}
eguana-chart {
  display: flex;
}
eguana-chart text {
  font-family: "Golos Text", sans-serif !important;
}

eguana-admin {
  height: 100%;
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
}
eguana-admin .admin-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0.75rem;
}
eguana-admin .content-style {
  width: 100%;
  height: 100%;
  position: relative;
}
eguana-admin eguana-companies .company-container {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
  grid-auto-flow: row;
  overflow-y: auto;
}
eguana-admin eguana-companies .company-container .company-card {
  position: relative;
  width: 100%;
  min-height: 15.625rem;
  box-sizing: border-box;
  border: 0.063rem solid var(--foreground-4);
  overflow: clip;
  cursor: pointer;
}
eguana-admin eguana-companies .company-container .company-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
eguana-admin eguana-companies .company-container .company-card .company-details {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 4rem;
  align-items: center;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0.75rem;
  background: RGBA(255, 255, 255, 0.7);
  transform: translateY(4rem);
  transition: transform 250ms 250ms ease-in-out;
}
eguana-admin eguana-companies .company-container .company-card:hover .company-details {
  transform: translateY(0);
}
eguana-admin eguana-companies .company-container .company-card .company-info {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2.5rem);
  gap: 0.125rem;
}
eguana-admin eguana-companies .company-container .company-card .company-info .company-name {
  font-size: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

eguana-anchor-zublin .descriptionDot {
  margin-right: 0.625rem;
  font-size: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
}
eguana-anchor-zublin .dot-done {
  margin-top: 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(62, 194, 17, 0.2);
  border: solid 0.125rem rgba(62, 194, 17, 0.2);
}
eguana-anchor-zublin .dot-progress {
  margin-top: 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 154, 20, 0.4);
  border: solid 0.125rem rgba(255, 154, 20, 0.4);
}
eguana-anchor-zublin .dot-allocate {
  margin-top: 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(252, 3, 232, 0.2);
  border: solid 0.125rem rgba(252, 3, 232, 0.2);
}
eguana-anchor-zublin .point-legend {
  position: absolute;
  bottom: 0rem;
  background-color: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
eguana-anchor-zublin .done {
  background-color: rgba(62, 194, 17, 0.2);
}
eguana-anchor-zublin .progress {
  background-color: rgba(255, 154, 20, 0.4);
}
eguana-anchor-zublin .allocated {
  background-color: rgba(252, 3, 232, 0.2);
}
eguana-anchor-zublin .division-button {
  float: left;
  width: 45%;
  height: 6.25rem;
  margin: 0.625rem;
  text-align: center;
  line-height: 6.25rem;
  cursor: pointer;
  font-size: 1.625rem;
}

.help-drawing {
  max-width: 50vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

eguana-application div:focus-visible,
eguana-application button:focus-visible,
eguana-application redirect:focus-visible,
eguana-application group-header:focus-visible,
eguana-application item-header:focus-visible,
eguana-application md-task:focus-visible {
  outline: 0.125rem solid RGB(var(--primary-500));
  outline-offset: -0.125rem;
}
eguana-application {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
eguana-application .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: #fafafa;
  background-color: RGB(var(--primary-bg, var(--background-50, "#FAFAFA")));
  height: calc(100% - 4rem);
  top: 4rem;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  eguana-application .wrapper {
    flex-direction: column;
  }
}
eguana-application eguana-main {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  left: 0;
  right: 0;
  color: var(--foreground-1);
}
eguana-application eguana-main .eguana-main-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
}
eguana-application .hidden {
  display: none;
}
eguana-application .shortcutContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 40vw;
  min-height: 30vh;
  z-index: 15;
}

eguana-boq .table th,
eguana-boq .table td {
  width: 25%;
}
eguana-boq .table th:first-child,
eguana-boq .table td:first-child {
  width: 10%;
}

eguana-crosssitecompare .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns */
  grid-column-gap: 0.625rem; /* Spacing between columns */
}
eguana-crosssitecompare .selected-kpi {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: bold;
  margin: 0;
  padding: 0;
}

eguana-dashboard eguana-tabs .edit-btn {
  visibility: hidden;
}
eguana-dashboard eguana-tabs button:hover .edit-btn {
  visibility: visible;
}
eguana-dashboard eguana-tabs input {
  color: var(--foreground-2);
  border: none !important;
}
@media (max-width: 767px) {
  eguana-dashboard eguana-tabs .edit-btn {
    visibility: visible !important;
  }
}
eguana-dashboard .drag-drop-grid {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  min-height: 12.5rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(24.375rem, 1fr));
}
@media (max-width: 767px) {
  eguana-dashboard .drag-drop-grid {
    grid-template-columns: 1fr;
  }
}
eguana-dashboard .drag-drop-grid-wide {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  min-height: 12.5rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(46.875rem, 1fr));
}
eguana-dashboard .drag-drop-column {
  height: 100%;
  border-radius: 0.313rem;
}
eguana-dashboard .draggable-object:not(:first-child) {
  padding-top: 0.75rem;
}
eguana-dashboard .under-hover {
  background-color: white;
  border: 0.125rem dotted darkgray;
}

.dashboard-move-tabs-modal .move-tabs-row {
  background-color: white;
  border: 0.063rem solid var(--foreground-4);
  border-radius: 0.25rem;
}
.dashboard-move-tabs-modal .move-tabs-tab {
  margin: 0.063rem;
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
  padding-left: 0.313rem;
  padding-right: 0.313rem;
  min-height: 3.125rem;
  min-width: 12.5rem;
  max-width: 32.5rem;
  flex-grow: 0;
}

eguana-data eguana-table td, eguana-data .eguana-table td {
  height: 3.25rem !important;
}
eguana-data eguana-table tr, eguana-data .eguana-table tr {
  height: auto !important;
}
eguana-data .test-icons {
  font-size: 1.17em;
  margin: 0rem 0.313rem;
  color: rgba(0, 0, 0, 0.54);
}

.featureeditor-topic .topic-header {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.featureeditor-topic .topic-media:not(:first-child) eguana-card {
  margin-top: 0.5rem;
}

.image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 25rem;
}

eguana-featureflags .border-color {
  color: RGB(var(--primary-500));
}
eguana-featureflags .selector-container {
  min-width: 22.5rem;
}
eguana-featureflags .feature-object-display-container {
  min-width: 43.75rem;
}

eguana-feature-notes {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
eguana-feature-notes .feature-container {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-grow: 1;
  max-height: calc(100% - 3rem);
}
eguana-feature-notes .feature-container .feature-nav {
  width: 18.75rem;
  flex-shrink: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  overflow-y: scroll;
  scroll-behavior: smooth;
  padding-right: 0.5rem;
}
@media (max-width: 960px) {
  eguana-feature-notes .feature-container .feature-nav {
    display: none;
  }
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item {
  line-height: 2.5rem;
  padding: 0.75rem;
  margin-bottom: 0.313rem;
  cursor: pointer;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-badge {
  border-left: 0.313rem solid RGB(var(--primary-500));
  margin: 0 0 0 -0.75rem;
  padding: 0 0 0 0.75rem;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-badge .feature-nav-title {
  font-size: 1.5rem;
  font-weight: 100;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-badge small {
  font-size: 0.875rem;
  font-weight: 100;
  letter-spacing: 0.25rem;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item div {
  line-height: 1.5rem;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-details {
  line-height: normal;
  font-weight: 100;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-details ul {
  padding-left: 0;
  margin: 0.75rem 0 1rem;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-details li {
  list-style: none;
  padding: 0;
  margin: 0;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .feature-nav-details li::before {
  content: "▪";
  color: RGB(var(--primary-500));
  padding-right: 0.188rem;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .closed {
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
eguana-feature-notes .feature-container .feature-nav .feature-nav-item .open {
  visibility: visible;
  height: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
eguana-feature-notes .feature-container .feature-note-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex-grow: 1;
  max-height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-right: 0.5rem;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note a {
  text-decoration: dotted;
  color: #003e59;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-badge {
  border-left: 0.313rem solid RGB(var(--primary-500));
  margin: 0.5rem 0;
  padding: 0.5rem 0 0.5rem 1.187rem;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-badge span {
  font-size: 1rem;
  font-weight: 100;
  letter-spacing: 0.5rem;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-badge h1 {
  font-weight: 100;
  font-size: 2rem;
  margin: 0;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic {
  padding: 0 1.5rem;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-title {
  display: block;
  font-size: 1.625rem;
  font-weight: 100;
  margin: 0 0 1rem 0;
  width: 100%;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic h3 {
  font-size: large;
  font-weight: 100;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content {
  display: flex;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content .topic-text {
  width: 100%;
  min-width: 25rem;
  text-align: justify;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content .topic-text p {
  margin: 0 0 0.75rem 0;
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content .topic-side {
  width: 100%;
}
@media (min-width: 960px) {
  eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content {
    flex-direction: row;
  }
  eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content .topic-text {
    width: 60%;
  }
  eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-topic .feature-topic-content .topic-side {
    width: 40%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
eguana-feature-notes .feature-container .feature-note-container .feature-note .feature-divider {
  min-height: 2em;
}
eguana-feature-notes .feature-container .no-feature {
  height: fit-content;
  width: fit-content;
  position: absolute;
  inset: 0;
  margin: auto;
  font-size: 1.5rem;
  font-weight: 100;
  color: var(--foreground-2);
}

eguana-footer {
  --eguana-blue: #003853;
  position: absolute;
  bottom: 0;
  width: 100%;
}
eguana-footer .eguana-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-size: 0.813rem;
}
eguana-footer .eguana-footer .link svg {
  position: relative;
  top: 0.25rem;
  height: 1rem !important;
  margin: 0 0.125rem;
  text-align: center !important;
}
eguana-footer .eguana-footer .link a {
  color: var(--eguana-blue);
  text-decoration: none;
}
eguana-footer .eguana-footer .link span {
  margin: 0 0.25rem;
}
eguana-footer .eguana-footer .link button {
  text-decoration: underline;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: none;
  color: var(--eguana-blue);
  text-decoration: none;
  margin: 0;
  padding: 0;
  min-height: inherit;
  min-width: inherit;
  line-height: inherit;
  vertical-align: initial;
  border: none;
  background-color: transparent;
}
eguana-footer .eguana-footer .link button:hover {
  background-color: transparent !important;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  eguana-footer .small-screen-hide-footer {
    display: none;
  }
}

.disclaimer-content h2 {
  margin: 0;
}

.eguana-header-settings h3 {
  font-weight: normal;
  margin-bottom: 0rem;
}

eguana-help {
  padding: 1.25rem;
  display: block;
}
eguana-help .text {
  padding-bottom: 1rem;
}
eguana-help .icons {
  padding-bottom: 1rem;
}
eguana-help .icons td:first-child {
  vertical-align: initial;
}
eguana-help .icons td + td {
  padding-left: 1rem;
}
eguana-help .icons button {
  margin: 0rem;
  min-height: 0rem;
  line-height: inherit;
}
eguana-help .icons .sub-text {
  padding-top: 0.375rem;
  padding-bottom: 0.5rem;
  color: #191919;
}

.eguana-image-gallery {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  padding: 0.5rem;
}
.eguana-image-gallery .eguana-image-viewer {
  width: 100%;
  height: 100%;
  max-width: 56.25rem;
  max-height: 37.5rem;
  margin: 1rem auto;
  cursor: pointer;
}
.eguana-image-gallery .eguana-image-viewer .picture-container picture > img {
  display: block;
  box-sizing: border-box;
  object-fit: contain;
  min-width: 0;
  max-width: 100%;
  max-height: 25rem;
  border: 0.063rem solid var(--foreground-4);
  border-radius: 0.188rem;
  overflow: hidden;
  position: relative;
  margin: auto;
}
.eguana-image-gallery figcaption {
  display: block;
  font-style: italic;
  text-align: center;
  font-size: medium;
  padding-bottom: 1rem;
}
.eguana-image-gallery .eguana-thumbnail-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.313rem;
}
.eguana-image-gallery .eguana-thumbnail-container img {
  height: 2.813rem;
  border: 0.063rem solid var(--foreground-4);
  border-radius: 0.188rem;
  overflow: hidden;
}

.lightbox-content {
  position: relative;
  padding: 0;
  max-width: 75rem;
}
.lightbox-content .lightbox-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 90%;
  height: 80%;
  padding: 0.625rem;
  position: relative;
}
.lightbox-content .lightbox-image picture > img,
.lightbox-content .lightbox-image picture > source {
  margin: auto;
  object-fit: contain;
  width: 100%;
  max-width: 81.25rem;
  height: 100%;
  max-height: 50rem;
  aspect-ratio: auto 1/1.5;
}
.lightbox-content .lightbox-image figcaption {
  padding-top: 1rem;
  text-align: center;
  font-style: italic;
}
.lightbox-content .lightbox-image .previous,
.lightbox-content .lightbox-image .next {
  position: absolute;
  display: flex;
  align-items: center;
  font-size: 6.25rem;
  top: 0;
  height: 100%;
  cursor: pointer;
}
.lightbox-content .lightbox-image .previous {
  left: -2.5rem;
}
.lightbox-content .lightbox-image .next {
  right: -2.5rem;
}

eguana-left-sidenav {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border-right: 0.063rem solid var(--foreground-4);
  transition: width 400ms ease-in-out, opacity 200ms ease-in-out;
}
eguana-left-sidenav.open {
  width: 20rem;
  opacity: 1;
}
eguana-left-sidenav.closed {
  width: 0;
  opacity: 0;
}
eguana-left-sidenav .left-sidenav-wrapper {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.25rem;
  min-height: 0;
}
eguana-left-sidenav .left-sidenav-wrapper eguana-left-sidenav-menu, eguana-left-sidenav .left-sidenav-wrapper eguana-admin-menu {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 0;
}

@media only screen and (max-width: 768px) {
  eguana-left-sidenav {
    width: 100%;
    transition: height 400ms ease-in-out, opacity 200ms ease-in-out;
  }
  eguana-left-sidenav.open {
    width: 100%;
    height: 100%;
  }
  eguana-left-sidenav.closed {
    width: 100%;
    height: 0;
  }
}
@media only screen and (min-width: 769px) {
  eguana-left-sidenav {
    position: relative;
  }
  eguana-left-sidenav.closed {
    width: 5rem;
    opacity: 1;
    z-index: 49;
  }
  eguana-left-sidenav.closed .left-sidenav-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5rem;
    overflow: hidden;
    white-space: nowrap;
    background-color: RGB(var(--primary-bg, var(--background-50)));
    border-right: 0.063rem solid var(--foreground-4);
    transition: width 150ms ease-in-out, box-shadow 150ms ease-in-out;
  }
  eguana-left-sidenav.closed:is(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .left-sidenav-wrapper {
    width: 20rem;
    box-shadow: 0.25rem 0 0.75rem rgba(0, 0, 0, 0.1);
  }
  eguana-left-sidenav.closed:has(eguana-context-menu) .left-sidenav-wrapper, eguana-left-sidenav.closed:has(.popover-content) .left-sidenav-wrapper {
    overflow: visible;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-hidden,
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .redirect-label {
    display: none;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-full-width {
    margin-right: 0;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-flush {
    margin-left: 0;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-no-scroll {
    overflow: hidden;
    scrollbar-gutter: auto;
    padding-right: 0;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-invisible,
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-icon-only label,
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-icon-only input,
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-icon-only button {
    visibility: hidden;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) redirect .margin-right {
    margin-right: 0;
  }
  eguana-left-sidenav.closed:not(:hover, :has(:focus-visible), :has([aria-expanded=true]), :has(eguana-context-menu), :has(.popover-content)) .rail-no-scroll .header-active:not(.is-current) {
    opacity: 0.6;
  }
}
eguana-loading {
  height: 100%;
  width: 100%;
}
eguana-loading svg {
  fill: RGB(var(--primary-500));
  width: 5rem;
  height: 5rem;
  margin: 1rem;
  display: inline-block;
}
eguana-loading {
  /* eguana Loader */
}
eguana-loading .loader_eguana {
  fill: RGB(var(--primary-500));
  --animation_delay: 1.8s;
  --animation_increment: 0.3s;
}
eguana-loading #scale-1 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(1 * var(--animation_increment));
}
eguana-loading #scale-2 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(2 * var(--animation_increment));
}
eguana-loading #scale-3 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(3 * var(--animation_increment));
}
eguana-loading #scale-4 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(4 * var(--animation_increment));
}
eguana-loading #scale-5 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(5 * var(--animation_increment));
}
eguana-loading #scale-6 {
  animation: fadeIn var(--animation_delay) infinite alternate;
  animation-delay: calc(6 * var(--animation_increment));
}
eguana-loading span {
  animation: fadeIn 2.4s infinite alternate;
  color: RGB(var(--primary-500));
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

eguana-login .login-container::before {
  position: absolute;
  content: url("data:image/svg+xml, %3Csvg width='717' height='442' viewBox='0 0 717 442' fill='%2363C41A' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M703.79 293.709C740.044 360.344 691.808 441.501 615.949 441.501L100.668 441.5C24.3706 441.5 -23.8208 359.493 13.3069 292.839L147.553 51.8287C173.494 5.25732 231.406 -12.7771 279.202 10.8322L620.958 179.647C639.445 188.779 654.656 203.402 664.511 221.514L703.79 293.709Z'/%3E%3C/svg%3E");
  transform: scale(0.5) translate(100%, 100%);
  right: 0;
  bottom: 0;
}
eguana-login .login-container .login-inner::before {
  position: absolute;
  content: url("data:image/svg+xml, %3Csvg width='617' height='780' viewBox='0 0 617 780' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.629907 199.973C0.386563 160.324 23.5924 124.275 59.7847 108.081L281.794 8.74113C307.702 -2.85132 337.315 -2.88852 363.251 8.63882L557.372 94.9148C610.4 118.483 632.299 182.088 605.02 233.305L342.315 726.544C312.587 782.36 239.163 796.912 190.394 756.655L39.1495 631.809C16.3015 612.949 2.99252 584.929 2.81069 555.303L0.629907 199.973Z' fill='%230c7c59'/%3E%3C/svg%3E");
  transform: scale(0.5) translate(-20%, 120%);
  right: 0;
  bottom: 0;
}
eguana-login .login-bg {
  right: 0;
  bottom: 0;
  top: 0;
  height: 90%;
  aspect-ratio: 1130/891;
  margin-top: auto;
  margin-bottom: auto;
  mask-image: url("data:image/svg+xml, %3Csvg width='100%' height='100%' viewBox='0 0 1130 891' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M625.432 4.97051C676.836 -9.02446 731.571 9.48879 763.202 51.5688L1104.54 505.661C1140.79 553.886 1137.62 620.649 1096.96 665.635L932.066 848.037C893.258 890.968 830.127 903.075 778.029 877.58L71.9209 532.023C5.52168 499.529 -19.1455 418.6 18.0162 355.171L120.299 180.589C137.31 151.554 165.252 130.257 198.051 121.327L625.432 4.97051Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml, %3Csvg width='100%' height='100%' viewBox='0 0 1130 891' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M625.432 4.97051C676.836 -9.02446 731.571 9.48879 763.202 51.5688L1104.54 505.661C1140.79 553.886 1137.62 620.649 1096.96 665.635L932.066 848.037C893.258 890.968 830.127 903.075 778.029 877.58L71.9209 532.023C5.52168 499.529 -19.1455 418.6 18.0162 355.171L120.299 180.589C137.31 151.554 165.252 130.257 198.051 121.327L625.432 4.97051Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  transform: translate(-5%);
}

eguana-map-uploader .label-margin-right {
  margin-right: 2rem;
}
eguana-map-uploader .label-margin-left {
  margin-left: 2rem;
}
eguana-map-uploader .gap-reduce {
  gap: 0rem;
}

eguana-left-sidenav-menu .popover-content {
  position: absolute;
  z-index: 102;
  background-color: #e0e0e0;
  border: 0.063rem solid var(--foreground-4);
  border-radius: 0.25rem;
  color: black;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  align-items: center;
}
eguana-left-sidenav-menu eguana-context-menu.eguana-context {
  width: auto;
  background-color: #f0f0f0;
  max-height: 21.875rem;
}
eguana-left-sidenav-menu eguana-context-menu.eguana-context redirect:hover {
  background-color: rgb(200, 200, 200);
}
eguana-left-sidenav-menu .nav-menu-group,
eguana-left-sidenav-menu .nav-site-item,
eguana-left-sidenav-menu redirect,
eguana-left-sidenav-menu .nav-task-item {
  color: rgb(63, 63, 63);
}
eguana-left-sidenav-menu .header-active:hover, eguana-left-sidenav-menu .header-active.is-current {
  background-color: rgb(var(--primary-50));
  border-radius: 30px;
}
eguana-left-sidenav-menu .header-active:active {
  box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.063rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.063rem;
  background-color: rgb(220, 220, 220);
  user-select: none;
}
eguana-left-sidenav-menu .icon.icon-image {
  width: 1.5rem;
  height: 1.5rem;
}
eguana-left-sidenav-menu .icon.icon-image img {
  width: 100%;
  height: 100%;
  border-radius: 3.125rem;
}
eguana-left-sidenav-menu .active {
  background-color: #efefef;
}
eguana-left-sidenav-menu .menu-item .expand-icon {
  position: relative;
  transition: transform 250ms linear;
}
eguana-left-sidenav-menu .menu-item.expanded .expand-icon {
  transform: rotate(-180deg);
}
eguana-left-sidenav-menu .menu-item {
  min-height: 2.5rem;
}
eguana-left-sidenav-menu .menu-item.active, eguana-left-sidenav-menu .menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
eguana-left-sidenav-menu .filter {
  display: flex;
  align-items: center;
}
eguana-left-sidenav-menu .filter .filterIcon {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
eguana-left-sidenav-menu .scrollbar-gutter {
  scrollbar-gutter: stable;
}

eguana-passwordreset .container {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 28.125rem;
  height: 25rem;
}
eguana-passwordreset .container picture > source,
eguana-passwordreset .container picture > img {
  display: block;
  margin: 0 auto 1.5rem;
}
eguana-passwordreset .container eguana-card .password {
  margin: 0.625rem 0 0;
  width: 100%;
}
eguana-passwordreset .container eguana-card button {
  margin: 1.25rem 0 0;
}

.eguana-plandata-modal-planning {
  max-width: 45vw;
}

eguana-process-management .pump-card {
  width: fit-content;
}
eguana-process-management .pump-card .pump-card-content .pump-number {
  font-size: 85%;
}
eguana-process-management .pump-card .pump-card-content .pump-time {
  font-size: 1.125rem;
  margin: 0.5rem 0;
}

.vis-tooltip {
  font-family: "Golos Text", sans-serif !important;
  background-color: #3a3c47 !important;
  border: 1px solid var(--foreground-4) !important;
  border-radius: 1rem !important;
  padding: 0.5rem !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  color: #ddd !important;
}

.vis-selected {
  box-shadow: 0 0 0 3px #ffcc00;
}

.vis-timeline {
  border: none;
  border-radius: 1rem;
}

.vis-panel.vis-center {
  border-style: none;
}

.vis-panel.vis-top {
  border-style: none;
}

.vis-panel.vis-left {
  border-style: none;
}

.vis-panel.vis-right {
  border-style: none;
}

.vis-panel.vis-bottom {
  border-style: none;
}

.vis-labelset .vis-label {
  display: flex;
  align-items: center;
  justify-content: end;
  border-style: none;
}

.vis-panel .vis-shadow {
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
}

.vis-itemset {
  border-left: 2px solid var(--foreground-4);
  border-bottom: 1px solid var(--foreground-4);
}

.vis-item-overflow {
  display: flex;
  justify-content: center;
}

.vis-item-content {
  margin-top: auto;
  margin-bottom: auto;
}

eguana-right-sidenav {
  flex-shrink: 0;
  height: 100%;
  max-width: 37.5rem;
  box-sizing: border-box;
  border-left: 0.063rem solid var(--foreground-4);
  overflow-y: auto;
  overflow-x: hidden;
  right: 0;
  transition: width 400ms ease-in-out, opacity 200ms ease-in-out;
}
eguana-right-sidenav.open {
  width: 37.5rem;
  opacity: 1;
}
eguana-right-sidenav.closed {
  width: 0;
  opacity: 0;
}

eguana-site-performance .info-box-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr));
}
eguana-site-performance .widget-table {
  color: #3d3d3d;
  width: 100% !important;
  line-height: 2em;
  margin: 0;
  overflow: hidden;
  word-break: break-all;
  border-collapse: collapse;
}
eguana-site-performance .widget-table tr {
  text-align: left;
  font-weight: 400;
}
eguana-site-performance .widget-table tr td,
eguana-site-performance .widget-table tr th {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  border-bottom: 0.063rem solid #ddd;
  vertical-align: baseline;
}
eguana-site-performance .widget-table .table-header {
  padding-top: 3em;
  border-bottom: solid;
  border-color: RGB(var(--primary-600));
  border-bottom-width: 0.313rem;
}
eguana-site-performance .pm-1 {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0; /* NEW; needed for Firefox */
  max-width: 100%;
}
eguana-site-performance .pm-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 0; /* NEW; needed for Firefox */
  max-width: 100%;
}
eguana-site-performance .pm-chart-container {
  overflow: hidden; /* needed for correct sizing*/
  min-width: 0; /* needed for Firefox */
  max-width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.313rem;
  border-bottom: 0.063rem solid #ddd;
}

eguana-table eguana-context-menu.eguana-context.table-size, .eguana-table eguana-context-menu.eguana-context.table-size {
  width: fit-content;
  max-height: 25rem;
}
eguana-table .header, .eguana-table .header {
  justify-content: space-between;
  position: relative;
  padding: 0.625rem;
  min-height: 3.75rem;
  overflow: auto;
  white-space: nowrap;
}
eguana-table .header eguana-checkbox input:hover, .eguana-table .header eguana-checkbox input:hover {
  background-color: RGB(var(--primary-500));
}
eguana-table .header .title, .eguana-table .header .title {
  margin: auto 0;
  padding: 0 0.75rem 0 1rem; /* 14px and 1rem */
}
eguana-table .header .title h3, .eguana-table .header .title h3 {
  margin: 0;
  font-weight: normal;
}
@media (max-width: 767px) {
  eguana-table .header, .eguana-table .header {
    padding: 0.25rem; /* 4px */
    min-height: 3.125rem; /* 50px */
  }
  eguana-table .header .title, .eguana-table .header .title {
    padding-left: 0.75rem; /* 0.75rem */
  }
  eguana-table .header .title h3, .eguana-table .header .title h3 {
    font-size: 1.125rem; /* 1.125rem */
    line-height: 1.75rem; /* 28px */
  }
}
eguana-table .filters, .eguana-table .filters {
  background: #fafafa;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
  padding: 1.25rem 1rem 0 1.5rem;
  min-height: 5rem;
}
eguana-table .filters .input, .eguana-table .filters .input {
  max-width: 12.5rem;
}
@media (max-width: 767px) {
  eguana-table .filters, .eguana-table .filters {
    max-height: 8.125rem;
    overflow-y: auto;
  }
}
eguana-table .backdrop, .eguana-table .backdrop {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  z-index: 79;
}
eguana-table .container-sticky, .eguana-table .container-sticky {
  position: relative;
  overflow: visible;
  z-index: 1;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.1), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.08), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.16);
}
eguana-table .pagination, .eguana-table .pagination {
  color: #444;
  font-size: 0.75rem;
  padding: 0.313rem 1rem 0.313rem 1.5rem;
  min-height: 3.75rem;
}
@media (max-width: 767px) {
  eguana-table .pagination, .eguana-table .pagination {
    padding: 0;
    min-height: fit-content;
  }
}
eguana-table .pagination .page, .eguana-table .pagination .page,
eguana-table .pagination .pages,
.eguana-table .pagination .pages,
eguana-table .pagination .status,
.eguana-table .pagination .status {
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  eguana-table .pagination .page, .eguana-table .pagination .page,
  eguana-table .pagination .pages,
  .eguana-table .pagination .pages,
  eguana-table .pagination .status,
  .eguana-table .pagination .status {
    margin: auto;
  }
}
eguana-table .pagination-row, .eguana-table .pagination-row {
  justify-content: space-between;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
}
eguana-table .pagination-row .pagination-legend, .eguana-table .pagination-row .pagination-legend {
  padding-left: 1.563rem;
  justify-content: start;
}
eguana-table .pagination-row .pagination-control, .eguana-table .pagination-row .pagination-control {
  align-items: center;
  justify-content: end;
}
@media (max-width: 767px) {
  eguana-table .pagination-row, .eguana-table .pagination-row {
    padding: 0.25rem;
  }
}
eguana-table .table .sort, .eguana-table .table .sort {
  cursor: pointer;
}
eguana-table .table .sort .icon-sort, .eguana-table .table .sort .icon-sort {
  visibility: hidden;
  font-size: 1.125rem;
  padding: 0;
  margin: 0;
  line-height: inherit;
  vertical-align: bottom;
  color: #999;
  font-weight: 700;
  width: 1em;
  transition: all 0.5s ease;
}
eguana-table .table .sort[data-sort=desc] .icon-sort, .eguana-table .table .sort[data-sort=desc] .icon-sort {
  transform: rotate(-180deg);
}
eguana-table .table .sort:hover, .eguana-table .table .sort:hover, eguana-table .table .sort.is-active, .eguana-table .table .sort.is-active {
  color: #444;
}
eguana-table .table .sort:hover .icon-sort, .eguana-table .table .sort:hover .icon-sort, eguana-table .table .sort.is-active .icon-sort, .eguana-table .table .sort.is-active .icon-sort {
  visibility: visible;
  color: #444;
}
eguana-table .table, .eguana-table .table {
  position: relative;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  font-size: 0.813rem;
  background-color: #fff;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
eguana-table .table thead, .eguana-table .table thead {
  position: sticky;
  top: -0.063rem;
  z-index: 13;
  background-color: white;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.1), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.08), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.16);
}
eguana-table .table tbody tr, .eguana-table .table tbody tr {
  position: relative;
  height: 3rem;
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  isolation: isolate;
}
eguana-table .table tbody tr.show-hover:hover, .eguana-table .table tbody tr.show-hover:hover {
  background-color: #eee;
  cursor: pointer;
}
eguana-table .table tbody tr.is-selected, .eguana-table .table tbody tr.is-selected {
  background-color: #e0e0e0;
  box-shadow: inset 0 0 25rem 6.875rem rgba(0, 0, 0, 0.1);
}
eguana-table .table tbody tr.block td, .eguana-table .table tbody tr.block td {
  box-shadow: inset 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), inset 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.12), inset 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.2);
}
eguana-table .table tbody tr[data-row-filter=true]::after, .eguana-table .table tbody tr[data-row-filter=true]::after {
  content: "";
  position: absolute;
  opacity: 1;
  inset: 0;
  z-index: -1;
  background-color: var(--row-bg, transparent);
}
@media (max-width: 767px) {
  eguana-table .table tbody tr.show-hover:hover, .eguana-table .table tbody tr.show-hover:hover {
    background-color: transparent;
  }
}
eguana-table .table td, .eguana-table .table td,
eguana-table .table th,
.eguana-table .table th {
  padding: 0.75rem;
  text-align: right;
}
eguana-table .table td:first-of-type, .eguana-table .table td:first-of-type,
eguana-table .table th:first-of-type,
.eguana-table .table th:first-of-type {
  padding-left: 1.5rem;
  text-align: left;
}
eguana-table .table td:last-of-type, .eguana-table .table td:last-of-type,
eguana-table .table th:last-of-type,
.eguana-table .table th:last-of-type {
  padding-right: 1.5rem;
}
eguana-table .table td, .eguana-table .table td {
  position: relative;
  vertical-align: middle;
  height: 3rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
  padding-top: 0.75rem;
  box-sizing: border-box;
  max-width: 12.5rem;
  isolation: isolate;
}
eguana-table .table td:hover, .eguana-table .table td:hover {
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}
eguana-table .table td[data-cell-filter=true], .eguana-table .table td[data-cell-filter=true] {
  font-weight: 600;
}
eguana-table .table td[data-cell-filter=true]::before, .eguana-table .table td[data-cell-filter=true]::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0.75rem;
  margin: auto 0;
  height: 1rem;
  aspect-ratio: 1/1;
  opacity: 1;
  border-radius: 100vh;
  z-index: -1;
  background-color: var(--filter-bg);
}
eguana-table .table td[data-cell-filter=true]::after, .eguana-table .table td[data-cell-filter=true]::after {
  content: "";
  position: absolute;
  inset: 0.5rem 0.125rem;
  opacity: 1;
  border-radius: 100vh;
  z-index: -2;
  border-width: 1px;
  border-color: var(--filter-bg);
  background-color: hsl(from var(--filter-bg) h s min(l + 30, 95));
  background-image: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: shimmer 3s ease-in-out 1 forwards;
}
@keyframes shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  eguana-table .table td, .eguana-table .table td {
    overflow: hidden;
    white-space: nowrap;
    word-break: normal;
    text-overflow: ellipsis;
  }
}
@media (hover: none) and (pointer: coarse) {
  eguana-table .table td, .eguana-table .table td {
    overflow: visible;
    white-space: normal;
    word-break: break-word;
  }
}
eguana-table .table td.apiSearchEnableButton, .eguana-table .table td.apiSearchEnableButton {
  text-align: center;
  font-weight: 600;
  font-size: 0.938rem;
  cursor: pointer;
}
eguana-table .table th, .eguana-table .table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, 0.54);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  eguana-table .table thead th, .eguana-table .table thead th {
    padding: 0.7rem;
  }
  eguana-table .table thead th:first-of-type, .eguana-table .table thead th:first-of-type {
    padding-left: 0.75rem;
  }
  eguana-table .table thead th:last-of-type, .eguana-table .table thead th:last-of-type {
    padding-right: 0.75rem;
  }
  eguana-table .table tbody tr, .eguana-table .table tbody tr {
    height: 2.75rem;
  }
  eguana-table .table td, .eguana-table .table td {
    padding: 0.5rem;
  }
  eguana-table .table td:first-of-type, .eguana-table .table td:first-of-type {
    padding-left: 0.75rem;
  }
  eguana-table .table td:last-of-type, .eguana-table .table td:last-of-type {
    padding-right: 0.75rem;
  }
}
eguana-table .no-records h2, .eguana-table .no-records h2 {
  font-weight: 100;
}

.eguana-table {
  /* This ensures .eguana-table gets the same styles */
}

eguana-table .toolbar-primary-color, .eguana-table .toolbar-primary-color {
  background-color: RGB(var(--primary-500));
  color: RGB(var(--primary-A100-contrast));
}
eguana-table eguana-checkbox.context-checkbox, .eguana-table eguana-checkbox.context-checkbox {
  margin-left: 1.25rem;
}
eguana-table eguana-checkbox.context-checkbox label, .eguana-table eguana-checkbox.context-checkbox label {
  color: rgba(var(--background-600));
  font-weight: 600;
}

eguana-tabs {
  overflow-x: auto;
  border: 1px solid var(--foreground-4);
}
eguana-tabs button {
  color: var(--foreground-2);
}
eguana-tabs button[data-selected=true]::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.125rem;
  bottom: 0.25rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100vh;
  background-color: rgb(var(--primary-600));
}

eguana-task .tab-container {
  position: absolute;
  top: -2.813rem;
  z-index: 3;
  left: 0;
  width: 98%;
  transition: top 0.8s;
}
eguana-task .tab-container-locked {
  top: 0 !important;
  position: relative !important;
  width: auto;
}
eguana-task .ribbon {
  position: absolute;
  top: 3.188rem;
  height: 1.563rem;
  width: 5.125rem;
  box-sizing: border-box;
  background-color: white;
  border-left: 0.063rem solid var(--foreground-4);
  border-right: 0.063rem solid var(--foreground-4);
  border-bottom: 0.063rem solid var(--foreground-4);
  border-radius: 0rem 0rem 0.938rem 0.938rem;
  cursor: pointer;
  text-align: center;
}
eguana-task .ribbon:hover {
  background-color: #ececec;
}

eguana-title {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  max-height: 2rem;
  margin-bottom: 1rem;
}
eguana-title h2 {
  display: inline-block;
  font-size: 2rem;
  font-weight: 300;
  color: #444;
  margin: 0;
}

eguana-toolbar .svg-object {
  width: 24px;
  margin-bottom: -0.3125rem;
}
eguana-toolbar {
  z-index: 14;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: RGB(var(--primary-500));
  color: RGB(var(--primary-500-contrast));
}
eguana-toolbar .menu-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1.25rem;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  eguana-toolbar .menu-controls {
    width: min-content;
  }
}
eguana-toolbar .toolbar-icon {
  height: 2.5rem;
}
eguana-toolbar .help-controls .md-font {
  width: 1.563rem;
}
eguana-toolbar menu-dropdown-content {
  max-height: max-content;
}

.eguana-toolbar-menu menu-dropdown-content {
  max-height: max-content;
}

.company-menu-item {
  display: flex;
  width: 100%;
  min-height: 4rem;
  height: 4rem;
  box-sizing: border-box;
  border-bottom: 0.063rem solid var(--foreground-4);
}
.company-menu-item button {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 0.5rem;
  align-items: center;
  max-height: 4rem;
  height: 4rem !important;
}
.company-menu-item .company-avatar {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.188rem;
  object-fit: cover;
}
.company-menu-item .company-item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  gap: 0.25rem;
  margin-top: 0.125rem;
}
.company-menu-item .company-item-text h3 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  line-height: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.company-menu-item .company-item-text span {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.2rem;
  color: var(--foreground-2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.eguana-toolbar-menu-button-bottom-border {
  border-bottom: 0.063rem solid var(--foreground-4);
}

.eguana-toolbar-menu-button {
  height: 100%;
  min-height: 4.5rem;
  cursor: pointer;
}
.eguana-toolbar-menu-button .toolbar-menu-item {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-icon {
  position: relative;
  border-radius: 100vh;
  background-color: RGB(var(--primary-500));
  width: 2.5rem;
  height: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-icon .toolbar-avatar-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  color: RGB(var(--primary-500-contrast));
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-icon.bg-red-600 {
  background-color: rgb(220, 38, 38, var(--tw-text-opacity));
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-item-text h3 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  line-height: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-item-text span {
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.2rem;
  color: var(--foreground-2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.eguana-toolbar-menu-button .toolbar-menu-item .toolbar-item-text span.text-red-600 {
  color: rgb(220, 38, 38, var(--tw-text-opacity, 1));
}

eguana-usage-indicator .eguana-usage-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
}
eguana-usage-indicator .eguana-usage-indicator {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.25rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
}
eguana-usage-indicator .eguana-usage-indicator .eguana-usage-item {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
eguana-usage-indicator .eguana-usage-indicator .eguana-usage-item > img {
  object-fit: cover;
  width: 2rem;
  height: 2rem;
}
eguana-usage-indicator .eguana-usage-indicator .used {
  background-color: #fff;
}
eguana-usage-indicator .eguana-usage-indicator .unused {
  background-color: #fff;
}
eguana-usage-indicator .clickable {
  cursor: pointer;
}

eguana-visualize {
  position: relative;
  height: 100%;
}
eguana-visualize #visualizationDiv {
  position: relative;
}
eguana-visualize .eguana-visualize-content {
  position: absolute;
  top: 3rem;
  bottom: 0;
  left: 0;
  right: 0;
}
eguana-visualize .no-records {
  position: relative;
  height: 100%;
  inset: 0;
}
eguana-visualize .no-records h2 {
  position: absolute;
  inset: 0;
  margin: auto;
  height: fit-content;
  font-weight: 300;
  text-align: center;
}

.modalSize modal-container {
  min-height: 85dvh;
}
.modalSize modal-container modal-content {
  height: 85dvh;
}

eguana-3d-visualize {
  position: relative;
  height: 100%;
}
eguana-3d-visualize .layer-title-wrapper {
  position: relative;
  overflow: hidden;
  min-width: 0;
  flex-grow: 1;
}
eguana-3d-visualize .layer-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  transition: color 0.2s;
}
eguana-3d-visualize .layer-title-wrapper:hover .layer-title {
  animation: marquee 6s linear infinite;
  color: var(--primary);
  text-overflow: unset;
  overflow: visible;
}
eguana-3d-visualize .layer-title-wrapper:hover .layer-title::after {
  content: attr(data-text);
  padding-left: 2rem;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
eguana-3d-visualize #visualizationDiv {
  position: relative;
}
eguana-3d-visualize .transition-width {
  transition: width 1s ease;
}

eguana-visualize-v3 {
  position: relative;
  height: 100%;
}
eguana-visualize-v3 .layer-title-wrapper {
  position: relative;
  overflow: hidden;
  min-width: 0;
  flex-grow: 1;
}
eguana-visualize-v3 .layer-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  transition: color 0.2s;
}
eguana-visualize-v3 .layer-title-wrapper:hover .layer-title {
  animation: marquee 6s linear infinite;
  color: var(--primary);
  text-overflow: unset;
  overflow: visible;
}
eguana-visualize-v3 .layer-title-wrapper:hover .layer-title::after {
  content: attr(data-text);
  padding-left: 2rem;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
eguana-visualize-v3 #visualizationDiv {
  position: relative;
}
eguana-visualize-v3 .transition-width {
  transition: width 1s ease;
}
eguana-visualize-v3 .eguana-visualize-content {
  position: absolute;
  top: 3rem;
  bottom: 0;
  left: 0;
  right: 0;
}
eguana-visualize-v3 .no-records {
  position: relative;
  height: 100%;
  inset: 0;
}
eguana-visualize-v3 .no-records h2 {
  position: absolute;
  inset: 0;
  margin: auto;
  height: fit-content;
  font-weight: 300;
  text-align: center;
}

@keyframes live-pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
eguana-widget .widget-title {
  font-size: large;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
eguana-widget .preview-divider {
  border-top-width: 0.125rem;
  color: black;
  margin-top: 1.25rem;
}

widget-content-assignment-progress .widget-table,
widget-data-modal-assignment-progress .widget-table,
widget-content-dc .widget-table,
widget-data-modal-dc .widget-table,
widget-content-stat .widget-table,
widget-data-modal-stat .widget-table,
widget-content-productivity .widget-table,
widget-content-time-analyse .widget-table,
widget-content-material-usage .widget-table,
widget-content-pm .widget-table,
widget-data-modal-pm .widget-table,
widget-content-kpi .widget-table,
widget-data-modal-kpi .widget-table {
  width: 100%;
  line-height: 1.563rem;
}
widget-content-assignment-progress .widget-table tr,
widget-data-modal-assignment-progress .widget-table tr,
widget-content-dc .widget-table tr,
widget-data-modal-dc .widget-table tr,
widget-content-stat .widget-table tr,
widget-data-modal-stat .widget-table tr,
widget-content-productivity .widget-table tr,
widget-content-time-analyse .widget-table tr,
widget-content-material-usage .widget-table tr,
widget-content-pm .widget-table tr,
widget-data-modal-pm .widget-table tr,
widget-content-kpi .widget-table tr,
widget-data-modal-kpi .widget-table tr {
  text-align: left;
}
widget-content-assignment-progress .widget-table th, widget-content-assignment-progress .widget-table td,
widget-data-modal-assignment-progress .widget-table th,
widget-data-modal-assignment-progress .widget-table td,
widget-content-dc .widget-table th,
widget-content-dc .widget-table td,
widget-data-modal-dc .widget-table th,
widget-data-modal-dc .widget-table td,
widget-content-stat .widget-table th,
widget-content-stat .widget-table td,
widget-data-modal-stat .widget-table th,
widget-data-modal-stat .widget-table td,
widget-content-productivity .widget-table th,
widget-content-productivity .widget-table td,
widget-content-time-analyse .widget-table th,
widget-content-time-analyse .widget-table td,
widget-content-material-usage .widget-table th,
widget-content-material-usage .widget-table td,
widget-content-pm .widget-table th,
widget-content-pm .widget-table td,
widget-data-modal-pm .widget-table th,
widget-data-modal-pm .widget-table td,
widget-content-kpi .widget-table th,
widget-content-kpi .widget-table td,
widget-data-modal-kpi .widget-table th,
widget-data-modal-kpi .widget-table td {
  padding-top: 0.375rem;
  padding-bottom: 0.313rem;
  border-bottom: 0.063rem solid #ddd;
}
widget-content-assignment-progress .widget-table .table-header,
widget-data-modal-assignment-progress .widget-table .table-header,
widget-content-dc .widget-table .table-header,
widget-data-modal-dc .widget-table .table-header,
widget-content-stat .widget-table .table-header,
widget-data-modal-stat .widget-table .table-header,
widget-content-productivity .widget-table .table-header,
widget-content-time-analyse .widget-table .table-header,
widget-content-material-usage .widget-table .table-header,
widget-content-pm .widget-table .table-header,
widget-data-modal-pm .widget-table .table-header,
widget-content-kpi .widget-table .table-header,
widget-data-modal-kpi .widget-table .table-header {
  border-bottom-style: solid;
  border-bottom-color: RGB(var(--primary-500));
}

widget-content-time-analyse .general-info-text,
widget-content-material-usage .general-info-text,
widget-content-pm .general-info-text,
widget-data-modal-pm .general-info-text,
widget-content-kpi .general-info-text,
widget-data-modal-kpi .general-info-text {
  font-size: 0.875rem;
}
widget-content-time-analyse .general-info-text p,
widget-content-material-usage .general-info-text p,
widget-content-pm .general-info-text p,
widget-data-modal-pm .general-info-text p,
widget-content-kpi .general-info-text p,
widget-data-modal-kpi .general-info-text p {
  margin-top: 0.188rem;
  margin-bottom: 0.063rem;
}

.widget-title-tooltip .tooltip-inner {
  overflow-wrap: break-word;
}

eguana-task-settings .tasksettings-menu {
  max-width: 14.375rem;
  min-width: 14.375rem;
  margin-right: 1rem;
  border: 0.063rem solid var(--foreground-4);
  overflow-y: auto;
  height: min-content;
  max-height: 100%;
  box-sizing: border-box;
  padding: 4px;
}
eguana-task-settings .tasksettings-menu redirect {
  cursor: pointer;
  border-radius: 2rem;
}
eguana-task-settings .tasksettings-menu redirect.active eguana-icon {
  color: RGB(var(--primary-600)) !important;
  user-select: none;
}
eguana-task-settings .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns */
  grid-column-gap: 1.5rem; /* Spacing between columns */
  min-height: auto;
}
eguana-task-settings .grid-container h3 {
  margin-left: 0.5rem;
  font-weight: 400;
}
eguana-task-settings .drag-container {
  padding: 0.25rem;
  border: 0.125rem dashed var(--foreground-4);
  border-radius: 0.25rem 0.5rem;
  height: 100%;
  background-color: rgb(var(--primary-50));
}

.drag-element-header {
  position: relative;
  min-height: 3rem;
  padding: 0 1.5rem;
  border: 0.063rem solid rgba(0, 0, 0, 0.12);
  margin: 0.25rem;
  cursor: grab;
  display: flex; /* Use flexbox */
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  font-size: 1rem; /* Adjust font size as needed */
  font-weight: 600;
  background-color: white;
}

.eguana-material-settings-modal {
  min-width: 45vw;
}
.eguana-material-settings-modal md-radio-group {
  padding-bottom: 1.25rem;
}
.eguana-material-settings-modal .content-style {
  min-width: 40dvw;
}
.eguana-material-settings-modal .quantity-margin {
  margin-left: 8vw;
}

eguana-material .make-mix-div table {
  margin: 0 auto;
  width: 100%;
}
eguana-material .make-mix-div table thead {
  padding: 0.625rem;
  font: bold 1.2em sans-serif;
}

eguana-report-configurator {
  display: flex;
}

.report-config-property-dropdown {
  min-width: 34rem;
}

.report-config-columns {
  display: grid;
  gap: 0.75rem;
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.report-config-fields {
  display: grid;
  gap: 0.5rem;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}

.ember-power-select-trigger .report-config-option-meta {
  display: none;
}

eguana-report-settings .sketch-upload {
  margin-top: 1.25rem;
  min-height: 18.75rem;
  margin-bottom: 1.25rem;
}
eguana-report-settings .page {
  padding: 0;
  margin: 0 -0.125rem 0 -0.125rem;
  border-color: black;
  border-style: solid;
  border-width: 0.125rem;
}
eguana-report-settings .column {
  padding: 0;
  margin: 0 0 0 -0.063rem;
  border-right-style: solid;
  border-color: grey;
  border-width: 0.063rem;
  float: left;
}
eguana-report-settings .center-aligned-checkbox {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
eguana-report-settings .report-settings-title {
  font-size: 1.25rem; /* 1.25rem */
  line-height: 1.75rem; /*28px*/
  font-weight: 600;
  letter-spacing: 0.005em;
}

.profile {
  width: 70vw;
  max-height: 100%;
}
.profile .empty {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.profile .background-data {
  background-color: RGB(var(--primary-500), 0.1);
}
.profile .background-color-selected-measurement {
  background-color: RGB(var(--primary-400), 0.1);
}
.profile .background-color-copies-of-selected-measurement {
  background-color: RGB(var(--primary-100), 0.1);
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns */
  grid-column-gap: 1.5rem; /* Spacing between columns */
  min-height: auto;
}
.grid-container h3 {
  margin-left: 0.5rem;
  font-weight: 400;
}
.grid-container .data {
  height: 23rem;
  margin-top: 4rem;
}

.drag-container {
  padding: 0.25rem;
  border: 0.125rem dashed var(--foreground-4);
  border-radius: 0.25rem 0.5rem;
  height: 100%;
  background-color: rgb(var(--primary-50));
}

.drag-container > span {
  position: relative;
  min-height: 3rem;
  padding: 0 1.5rem;
  border: 0.063rem solid rgba(0, 0, 0, 0.12);
  margin: 0.25rem;
  cursor: grab;
  display: flex; /* Use flexbox */
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  font-size: 1rem; /* Adjust font size as needed */
  font-weight: 600;
  background-color: white;
}

.drag-element-report-settings {
  position: relative;
  min-height: 3rem;
  padding: 0 1.5rem;
  border: 0.063rem solid rgba(0, 0, 0, 0.12);
  margin: 0.25rem;
  cursor: grab;
  display: flex; /* Use flexbox */
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  font-size: 1rem; /* Adjust font size as needed */
  font-weight: 600;
  background-color: white;
}

eguana-production-check .pointDataModalContent {
  height: 80vh;
  width: 90vw;
}

eguana-settings-compare .result-table {
  width: 100%;
}
eguana-settings-compare .result-table tr {
  text-align: center;
}
eguana-settings-compare .result-table td {
  border-bottom: solid lightgray;
  padding: 0.5em 0.3em 0.5em 0.3em;
}
eguana-settings-compare .result-table .narrower-column {
  width: 17%;
}
eguana-settings-compare .result-table .wider-column {
  width: 33%;
}

eguana-alarm-dashboard {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0rem;
  padding: 1rem 1rem 0 1rem;
}
eguana-alarm-dashboard .alarm-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  grid-auto-flow: row;
  gap: 0.5rem;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  eguana-alarm-dashboard .alarm-container {
    grid-template-columns: 1fr;
  }
}
eguana-alarm-dashboard .no-alarms {
  position: absolute;
  inset: 0;
  margin: auto;
  height: fit-content;
  width: fit-content;
}
eguana-alarm-dashboard .alarm-task {
  width: 100%;
  height: 100%;
  min-width: 0;
}
@media (max-width: 767px) {
  eguana-alarm-dashboard .alarm-task .alarm-task-content {
    flex-direction: column;
  }
}
eguana-alarm-dashboard .alarm-task .alarm-task-gauge {
  display: block;
  width: 80%;
  height: 100%;
  margin: auto;
}
eguana-alarm-dashboard .alarm-task .alarm-task-gauge > div {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  padding-top: 0.5rem;
}
eguana-alarm-dashboard .alarm-task .alarm-task-gauge > div text {
  fill: #555;
}
@media (min-width: 768px) {
  eguana-alarm-dashboard .alarm-task {
    overflow: hidden;
  }
}

eguana-report-generator .report-body-content.size-config--page-landscape--signings-yes {
  --page-margin-top: 1.6em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.4em;
  --page-width: 112.2em;
  --page-height: 79.4em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 23em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(
        --footer-height
      ) - var(--signings-height)
  );
}
eguana-report-generator .report-body-content.size-config--page-landscape--signings-no {
  --page-margin-top: 1.6em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.4em;
  --page-width: 112.2em;
  --page-height: 79.4em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 23em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(--footer-height)
  );
}
eguana-report-generator .report-body-content.size-config--page-portrait--signings-yes {
  --page-margin-top: 3.4em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.8em;
  --page-width: 79.4em;
  --page-height: 112.2em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 34em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(
        --footer-height
      ) - var(--signings-height)
  );
}
eguana-report-generator .report-body-content.size-config--page-portrait--signings-no {
  --page-margin-top: 3.4em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.8em;
  --page-width: 79.4em;
  --page-height: 112.2em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 34em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(--footer-height)
  );
}
eguana-report-generator .report-body-content {
  font-family: "DejaVu Sans", sans-serif;
  font-size: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: var(--page-margin-top);
  padding-bottom: var(--page-margin-bottom);
  padding-right: var(--page-margin-right);
  padding-left: var(--page-margin-left);
  height: var(--page-height);
  max-height: var(--page-height);
  width: var(--page-width);
  max-width: var(--page-width);
  page-break-after: always;
}
eguana-report-generator .report-body-content .debug-page-border {
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
eguana-report-generator .report-body-content .page-header {
  height: var(--header-height);
  max-height: var(--header-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
eguana-report-generator .report-body-content .page-header .page-header-col-style {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
eguana-report-generator .report-body-content .page-header .title {
  font-size: 1.9em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.06em;
}
eguana-report-generator .report-body-content .page-header .subtitle {
  font-size: 1.4em;
  letter-spacing: 0.06em;
}
eguana-report-generator .report-body-content .page-header .logo {
  float: right;
  height: var(--header-height);
  max-height: var(--header-height);
}
eguana-report-generator .report-body-content .footer {
  height: var(--footer-height);
  max-height: var(--footer-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
}
eguana-report-generator .report-body-content .footer .footer-top-element {
  border-bottom: solid 0.2em;
  padding: 0.25em;
  padding-right: 0.5em;
  display: grid;
  grid-template-columns: 3;
}
eguana-report-generator .report-body-content .footer .footer-top-element span {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
eguana-report-generator .report-body-content .footer .footer-bottom-element {
  text-align: center;
  padding: 0.25em;
}
eguana-report-generator .report-body-content .signings {
  font-size: 0.85em;
  display: flex;
  gap: 1em;
  justify-content: flex-end;
  height: var(--signings-height);
  max-height: var(--signings-height);
}
eguana-report-generator .report-body-content .signings .signing-container {
  flex-direction: column;
  width: 20em;
  max-width: 20em;
}
eguana-report-generator .report-body-content .signings .auto-sign-text-container {
  min-height: 3em;
}
eguana-report-generator .report-body-content .signings .sign-line-base {
  border-style: solid;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: black;
}
eguana-report-generator .report-body-content .signings .show-sign-line {
  border-top-width: 1px;
}
eguana-report-generator .report-body-content .signings .hide-sign-line {
  border-top-width: 0px;
}
eguana-report-generator .report-body-content .content-container {
  overflow: hidden;
  height: var(--block-content-height);
  max-height: var(--block-content-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
}
eguana-report-generator .report-body-content .object-key {
  font-weight: bold;
  letter-spacing: 0.015em;
}
eguana-report-generator .report-body-content .object-value {
  letter-spacing: 0.015em;
}
eguana-report-generator .report-body-content .text-right {
  text-align: right;
}
eguana-report-generator .report-body-content .block-heading {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.25em;
  text-transform: uppercase;
  border-radius: 0.25em;
}
eguana-report-generator .report-body-content .block-heading span {
  vertical-align: middle;
}
eguana-report-generator .report-body-content .block-content {
  font-size: 1em;
  padding: 0.25em;
}
eguana-report-generator .report-body-content .block-grid-container {
  display: grid;
  grid-template-columns: repeat(120, 1fr);
  grid-gap: 0.6em;
}
eguana-report-generator .report-body-content .col-base-style {
  position: relative;
  min-height: 1px;
  float: left;
}
eguana-report-generator .report-body-content .keyvalue-block {
  display: flex;
  align-items: center;
}
eguana-report-generator .report-body-content .keyvalue-block .row {
  display: flex;
  align-items: center;
}
eguana-report-generator .report-body-content .keyvaluesubblocklist-block {
  display: grid;
  gap: 1em;
}
eguana-report-generator .report-body-content .keyvaluesubblocklist-block .subblock {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
eguana-report-generator .report-body-content .keyvaluesubblocklist-block .keyvalue-row {
  display: flex;
}
eguana-report-generator .report-body-content .keyvaluesubblocklist-block .align-content-end {
  align-content: end;
}
eguana-report-generator .report-body-content .svg-block {
  width: 100%;
  max-width: var(--svg-block-max-width);
  height: var(--svg-block-height);
}
eguana-report-generator .report-body-content .chart-legend {
  font-size: 1em;
}
eguana-report-generator .report-body-content .chart-legend ul {
  margin: 0;
  margin-top: 0.5em;
}
eguana-report-generator .report-body-content .chart-legend li {
  list-style-type: none;
  display: inline;
  margin-right: 0.5em;
}
eguana-report-generator .report-body-content .chart-legend li span {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
}
eguana-report-generator .page-frame {
  margin: 1em auto;
}
eguana-report-generator .report-body-content {
  font-size: 10px;
}

eguana-report-preview .report-body-content.size-config--page-landscape--signings-yes {
  --page-margin-top: 1.6em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.4em;
  --page-width: 112.2em;
  --page-height: 79.4em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 23em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(
        --footer-height
      ) - var(--signings-height)
  );
}
eguana-report-preview .report-body-content.size-config--page-landscape--signings-no {
  --page-margin-top: 1.6em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.4em;
  --page-width: 112.2em;
  --page-height: 79.4em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 23em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(--footer-height)
  );
}
eguana-report-preview .report-body-content.size-config--page-portrait--signings-yes {
  --page-margin-top: 3.4em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.8em;
  --page-width: 79.4em;
  --page-height: 112.2em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 34em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(
        --footer-height
      ) - var(--signings-height)
  );
}
eguana-report-preview .report-body-content.size-config--page-portrait--signings-no {
  --page-margin-top: 3.4em;
  --page-margin-bottom: 0.6em;
  --page-margin-right: 3.4em;
  --page-margin-left: 3.8em;
  --page-width: 79.4em;
  --page-height: 112.2em;
  --header-height: 6.5em;
  --footer-height: 3.6em;
  --signings-height: 6em;
  --svg-block-max-width: 34em;
  --svg-block-height: auto;
  --page-content-width: calc(
    var(--page-width) - var(--page-margin-right) - var(--page-margin-left)
  );
  --page-content-height: calc(
    var(--page-height) - var(--page-margin-top) - var(--page-margin-bottom)
  );
  --block-content-height: calc(
    var(--page-content-height) - var(--header-height) - var(--footer-height)
  );
}
eguana-report-preview .report-body-content {
  font-family: "DejaVu Sans", sans-serif;
  font-size: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: var(--page-margin-top);
  padding-bottom: var(--page-margin-bottom);
  padding-right: var(--page-margin-right);
  padding-left: var(--page-margin-left);
  height: var(--page-height);
  max-height: var(--page-height);
  width: var(--page-width);
  max-width: var(--page-width);
  page-break-after: always;
}
eguana-report-preview .report-body-content .debug-page-border {
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
eguana-report-preview .report-body-content .page-header {
  height: var(--header-height);
  max-height: var(--header-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
eguana-report-preview .report-body-content .page-header .page-header-col-style {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
eguana-report-preview .report-body-content .page-header .title {
  font-size: 1.9em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.06em;
}
eguana-report-preview .report-body-content .page-header .subtitle {
  font-size: 1.4em;
  letter-spacing: 0.06em;
}
eguana-report-preview .report-body-content .page-header .logo {
  float: right;
  height: var(--header-height);
  max-height: var(--header-height);
}
eguana-report-preview .report-body-content .footer {
  height: var(--footer-height);
  max-height: var(--footer-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
}
eguana-report-preview .report-body-content .footer .footer-top-element {
  border-bottom: solid 0.2em;
  padding: 0.25em;
  padding-right: 0.5em;
  display: grid;
  grid-template-columns: 3;
}
eguana-report-preview .report-body-content .footer .footer-top-element span {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
eguana-report-preview .report-body-content .footer .footer-bottom-element {
  text-align: center;
  padding: 0.25em;
}
eguana-report-preview .report-body-content .signings {
  font-size: 0.85em;
  display: flex;
  gap: 1em;
  justify-content: flex-end;
  height: var(--signings-height);
  max-height: var(--signings-height);
}
eguana-report-preview .report-body-content .signings .signing-container {
  flex-direction: column;
  width: 20em;
  max-width: 20em;
}
eguana-report-preview .report-body-content .signings .auto-sign-text-container {
  min-height: 3em;
}
eguana-report-preview .report-body-content .signings .sign-line-base {
  border-style: solid;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: black;
}
eguana-report-preview .report-body-content .signings .show-sign-line {
  border-top-width: 1px;
}
eguana-report-preview .report-body-content .signings .hide-sign-line {
  border-top-width: 0px;
}
eguana-report-preview .report-body-content .content-container {
  overflow: hidden;
  height: var(--block-content-height);
  max-height: var(--block-content-height);
  width: var(--page-content-width);
  max-width: var(--page-content-width);
}
eguana-report-preview .report-body-content .object-key {
  font-weight: bold;
  letter-spacing: 0.015em;
}
eguana-report-preview .report-body-content .object-value {
  letter-spacing: 0.015em;
}
eguana-report-preview .report-body-content .text-right {
  text-align: right;
}
eguana-report-preview .report-body-content .block-heading {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.25em;
  text-transform: uppercase;
  border-radius: 0.25em;
}
eguana-report-preview .report-body-content .block-heading span {
  vertical-align: middle;
}
eguana-report-preview .report-body-content .block-content {
  font-size: 1em;
  padding: 0.25em;
}
eguana-report-preview .report-body-content .block-grid-container {
  display: grid;
  grid-template-columns: repeat(120, 1fr);
  grid-gap: 0.6em;
}
eguana-report-preview .report-body-content .col-base-style {
  position: relative;
  min-height: 1px;
  float: left;
}
eguana-report-preview .report-body-content .keyvalue-block {
  display: flex;
  align-items: center;
}
eguana-report-preview .report-body-content .keyvalue-block .row {
  display: flex;
  align-items: center;
}
eguana-report-preview .report-body-content .keyvaluesubblocklist-block {
  display: grid;
  gap: 1em;
}
eguana-report-preview .report-body-content .keyvaluesubblocklist-block .subblock {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
eguana-report-preview .report-body-content .keyvaluesubblocklist-block .keyvalue-row {
  display: flex;
}
eguana-report-preview .report-body-content .keyvaluesubblocklist-block .align-content-end {
  align-content: end;
}
eguana-report-preview .report-body-content .svg-block {
  width: 100%;
  max-width: var(--svg-block-max-width);
  height: var(--svg-block-height);
}
eguana-report-preview .report-body-content .chart-legend {
  font-size: 1em;
}
eguana-report-preview .report-body-content .chart-legend ul {
  margin: 0;
  margin-top: 0.5em;
}
eguana-report-preview .report-body-content .chart-legend li {
  list-style-type: none;
  display: inline;
  margin-right: 0.5em;
}
eguana-report-preview .report-body-content .chart-legend li span {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
}
eguana-report-preview .page-frame {
  margin: 1em auto;
}
eguana-report-preview .report-body-content {
  font-size: 10px;
}

eguana-pm-bar .axis {
  shape-rendering: crispEdges;
}
eguana-pm-bar .axis.x line {
  stroke: #000;
}
eguana-pm-bar .axis.x .minor {
  stroke-opacity: 0.7;
}
eguana-pm-bar .axis.x path {
  fill: none;
  stroke: #000;
}
eguana-pm-bar .axis.y line,
eguana-pm-bar .axis.y path {
  fill: none;
  stroke: #000;
}
eguana-pm-bar .rect:hover rect {
  fill: lightsteelblue;
  opacity: 0.6;
  cursor: pointer;
}
eguana-pm-bar .vis-item.vis-range {
  border: none;
  border-radius: 0.25rem;
}

#d3-tip-eguana-pm-bar {
  position: absolute;
  text-align: left;
  width: auto;
  height: auto;
  padding: 0.5em;
  border: 0.063rem;
  font: 0.75rem sans-serif;
  border-radius: 0.5rem;
}

eguana-pie-chart {
  width: 30vw;
  height: 30vw;
}

.d3-tip-eguana-pie-chart {
  position: absolute;
  text-align: center;
  width: auto;
  height: auto;
  padding: 0.125rem;
  border: 0rem;
  font: 0.75rem sans-serif;
  border-radius: 0.5rem;
  pointer-events: none;
  min-width: 3.125rem;
  min-height: 1.875rem;
  z-index: 999;
  opacity: 0.8;
}

eguana-anchor {
  overflow-y: hidden;
}
eguana-anchor .header {
  font-size: larger;
  font-weight: bold;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
eguana-anchor .col-container {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.25rem; /* 4px */
}
eguana-anchor .main-header {
  grid-column: span 3/span 3;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  font-weight: 700;
  margin-bottom: 0.5rem; /* 8px */
}
eguana-anchor .sub-header {
  grid-column: span 2/span 2;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  font-weight: 600;
  margin-bottom: 0.5rem; /* 8px */
}
eguana-anchor .unit-header {
  grid-column: span 1/span 1;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  font-weight: 600;
  margin-bottom: 0.5rem; /* 8px */
}
eguana-anchor .variable-container {
  grid-column: span 3/span 3;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  font-weight: 600;
  margin-bottom: 0.125rem; /* 2px */
}
eguana-anchor .comment-container {
  grid-column: 4/-1;
}
eguana-anchor .comment-container p {
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  font-weight: 600;
  margin: 0;
  text-wrap: auto;
  padding-right: 0.5rem;
}
eguana-anchor .should-container {
  grid-column: span 2/span 2;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}
eguana-anchor .is-container {
  white-space: normal;
  grid-column: span 2/span 2;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}
eguana-anchor .unit-container {
  grid-column: span 1/span 1;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}

eguana-borepile-v2 .col-container {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.25rem; /* 4px */
}
eguana-borepile-v2 .main-header {
  grid-column: span 3/span 3;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  font-weight: 700;
  margin-bottom: 0.5rem; /* 8px */
}
eguana-borepile-v2 .sub-header {
  grid-column: span 2/span 2;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
  font-weight: 600;
  margin-bottom: 0.5rem; /* 8px */
}
eguana-borepile-v2 .variable-container {
  grid-column: span 3/span 3;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  font-weight: 600;
  margin-bottom: 0.125rem; /* 2px */
}
eguana-borepile-v2 .should-container {
  grid-column: span 2/span 2;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}
eguana-borepile-v2 .is-container {
  white-space: normal;
  grid-column: span 2/span 2;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}
eguana-borepile-v2 .unit-container {
  grid-column: span 1/span 1;
  font-size: 0.8125rem; /* 13px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.125rem; /* 2px */
}

eguana-borepile .borepile-header {
  font-weight: bold;
}
eguana-borepile .borepile-header .color {
  color: #207DE5;
}
eguana-borepile .borepile-header .width {
  max-width: 5.938rem;
}
eguana-borepile .borepile-header .padding-margin {
  padding-left: 0.625rem;
  margin-right: -0.438rem;
}
eguana-borepile .white-space {
  white-space: normal;
}

borepile-geology-table {
  display: block;
}
borepile-geology-table .layer-description {
  max-width: 1.563rem;
  overflow: hidden;
  background-color: white;
}
borepile-geology-table .white-space {
  white-space: normal;
}
borepile-geology-table .padding-left {
  padding-left: 0.625rem;
}
borepile-geology-table .step-info-text {
  position: absolute;
  bottom: 20%;
}
borepile-geology-table .geology-icon {
  height: 1.75rem;
}
borepile-geology-table .depth-number {
  min-width: 2rem;
  position: absolute;
  bottom: 0rem;
}
borepile-geology-table .step-row {
  max-height: 3.75rem;
}
borepile-geology-table .water-depth-container {
  position: relative;
  color: #207DE5;
}
borepile-geology-table .step-depth-container {
  position: relative;
}
borepile-geology-table .step-info-container {
  position: relative;
}
borepile-geology-table .water {
  border-bottom: solid 0.063rem;
  border-color: #207DE5;
}
borepile-geology-table .geology-bottom-border {
  border-bottom: solid 0.063rem;
}

eguana-manuall-anchor .eguana-manuall-anchor .header {
  font-size: larger;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

eguana-deviation-chart {
  width: 90%;
}
eguana-deviation-chart eguana-chart {
  height: 100% !important;
}
eguana-deviation-chart .container {
  max-width: 100%;
}
eguana-deviation-chart .first-row {
  height: 30vh;
  min-height: 28.125rem;
}
eguana-deviation-chart .second-row {
  height: 30vh;
  margin-top: -2%;
  min-height: 28.125rem;
}
eguana-deviation-chart .table-container {
  overflow-y: scroll;
  padding-bottom: 2.5rem;
}
eguana-deviation-chart .deviationTable {
  font-size: 0.813rem;
  border-collapse: collapse;
  margin-top: 1%;
}
eguana-deviation-chart .deviationTable th {
  visibility: visible;
  border: 0.063rem solid #ddd;
  padding: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: right;
  padding-bottom: 0.188rem;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.1), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.08), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.16);
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0;
  height: 3rem;
  color: rgba(0, 0, 0, 0.54);
  box-sizing: border-box;
}
eguana-deviation-chart .deviationTable td {
  border: 0.063rem solid #ddd;
  padding: 0.5rem;
  text-align: right;
}
eguana-deviation-chart .deviationTable tr:nth-child(even) {
  background-color: #f2f2f2;
}
eguana-deviation-chart .deviationTable tr:hover {
  background-color: #ddd;
}
eguana-deviation-chart .deviationTable tr {
  position: relative;
  height: 3rem;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
eguana-deviation-chart .deviationTable tr:hover {
  background-color: #eee;
  cursor: pointer;
}
eguana-deviation-chart .deviationTable tr.is-selected {
  background-color: #e0e0e0;
  box-shadow: inset 0rem 0rem 25rem 6.875rem rgba(0, 0, 0, 0.1);
}
eguana-deviation-chart .deviationTable tr td {
  background: transparent;
  position: relative;
  vertical-align: middle;
  height: 3rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
  padding-top: 0.75rem;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 12.5rem;
}
eguana-deviation-chart .deviationTable tr td:hover {
  overflow: visible;
  white-space: normal;
  max-width: auto;
}
eguana-deviation-chart .deviationTable tr td {
  box-shadow: inset 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), inset 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.12), inset 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.2);
}
eguana-deviation-chart .deviationTable td,
eguana-deviation-chart .deviationTable th {
  padding: 0 1.125 0.75rem;
  text-align: right;
}
eguana-deviation-chart .deviationTable td:first-of-type,
eguana-deviation-chart .deviationTable th:first-of-type {
  padding-left: 1.5rem;
  text-align: left;
}
eguana-deviation-chart .deviationTable td:last-of-type,
eguana-deviation-chart .deviationTable th:last-of-type {
  padding-right: 1.5rem;
}
eguana-deviation-chart .deviationTable tr.is-selected td {
  overflow: visible;
  white-space: normal;
  max-width: auto;
}

add-filter-series .useFilter {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
}

eguana-file-fullscreen .fullscreenParent {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100dvw;
  height: 100dvh;
  margin: auto;
  z-index: 70;
  isolation: isolate;
  display: flex;
  align-items: center;
  backdrop-filter: blur(0.313rem);
  background-color: rgba(var(--background-900), 0.9);
}
eguana-file-fullscreen .fullscreenParent .fullscreenImage {
  padding: 0.5rem;
  box-sizing: border-box;
  position: relative;
  inset: 0;
  z-index: 60;
  width: 100%;
  height: 100%;
  min-height: 0;
}

eguana-file-viewer iframe {
  border: unset;
}

widget-content-assignment-progress .progress,
widget-data-modal-assignment-progress .progress {
  margin: 0 auto;
  width: 12.5rem;
}
widget-content-assignment-progress .widget-info,
widget-data-modal-assignment-progress .widget-info {
  font-size: 5em;
  color: #757575;
  padding: 0.625rem;
  text-align: center;
}

widget-content-dc .progress,
widget-data-modal-dc .progress {
  margin: 0 auto;
  width: 12.5rem;
}
widget-content-dc .widget-info,
widget-data-modal-dc .widget-info {
  font-size: 5em;
  color: #757575;
  padding: 0.625rem;
  text-align: center;
}

widget-content-compensation-data .offline-info-font {
  color: red;
  text-align: center;
  font-size: x-large;
  margin-bottom: 0.25rem;
}
widget-content-compensation-data .connection-problem-info-font {
  color: rgb(240, 10, 10);
  text-align: center;
  font-size: large;
  font-weight: 400;
}
widget-content-compensation-data .compare-time-label {
  margin-top: 0.625rem;
}

widget-content-live-data .offline-info-font {
  color: red;
  text-align: center;
  font-size: x-large;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
widget-content-live-data .connection-problem-info-font {
  color: rgb(240, 10, 10);
  text-align: center;
  font-size: large;
  font-weight: 400;
  margin-top: 0.5rem;
}

widget-content-live-rotation .offline-info-font {
  color: red;
  text-align: center;
  font-size: x-large;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
widget-content-live-rotation .connection-problem-info-font {
  color: rgb(240, 10, 10);
  text-align: center;
  font-size: large;
  font-weight: 400;
}

widget-content-lifting-curve .offline-info-font {
  color: red;
  text-align: center;
  font-size: x-large;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
widget-content-lifting-curve .connection-problem-info-font {
  color: rgb(240, 10, 10);
  text-align: center;
  font-size: large;
  font-weight: 400;
}
widget-content-lifting-curve .compare-time-label {
  margin-top: 0.625rem;
}

widget-content-gpt p,
widget-data-modal-gpt p {
  margin: 0;
}
widget-content-gpt .content-title,
widget-data-modal-gpt .content-title {
  text-align: center;
  margin-bottom: 0.625rem;
}
widget-content-gpt .info-container,
widget-data-modal-gpt .info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
widget-content-gpt .info,
widget-data-modal-gpt .info {
  min-width: 6.875rem;
  height: 7.5rem;
  margin: 0.625rem;
  text-align: center;
  padding: 0.313rem;
  background-color: #fafafa;
  border-radius: 1rem;
  box-shadow: 0.188rem 0.188rem 0.063rem #f2f2f2;
}
widget-content-gpt .info-legend,
widget-data-modal-gpt .info-legend {
  margin-bottom: 0.938rem;
  margin-top: 0.313rem;
  font-size: 1.2em;
  border-bottom: solid 0 0.313rem gray;
  padding-bottom: 0.313rem;
}
widget-content-gpt .info-today,
widget-data-modal-gpt .info-today {
  font-size: 3em;
  color: #29b6f6;
}
widget-content-gpt .info-week,
widget-data-modal-gpt .info-week {
  font-size: 3em;
  color: #29b6f6;
}
widget-content-gpt .info-month,
widget-data-modal-gpt .info-month {
  font-size: 2em;
  color: #29b6f6;
}
widget-content-gpt .info-total,
widget-data-modal-gpt .info-total {
  font-size: 2em;
  color: #29b6f6;
}

widget-content-productivity .widget-info {
  font-size: 5em;
  color: #757575;
  padding: 0.625rem;
  text-align: center;
}

widget-content-wm-sums .timespan-info {
  margin-bottom: 0.875rem;
}
widget-content-wm-sums .site-task {
  font-size: large;
  margin-left: 0.625rem;
}
widget-content-wm-sums .sum-row {
  display: flex;
  justify-content: space-between;
  margin-top: 0.438rem;
  margin-bottom: 0.438rem;
}
widget-content-wm-sums .sum-row .tag-name {
  font-size: large;
}

widget-content-weather .weather-icon-container {
  align-self: center;
}
widget-content-weather .space-between {
  display: flex;
  text-align: center;
  padding: 0.625rem;
}
widget-content-weather .weather-info {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
widget-content-weather .location-name {
  font-size: 1.7em;
}
widget-content-weather .temp {
  font-size: 2.5em;
  text-align: right;
}
widget-content-weather .range {
  font-size: 0.9em;
}
widget-content-weather .description {
  text-align: right;
  font-size: 1.2em;
}

eguana-graphical-planning .header-checkbox-styling eguana-checkbox input:hover {
  background-color: RGB(var(--primary-500));
}

eguana-evaluator .mobile-title {
  margin: 0;
  padding: 0.625rem;
  background: #fafafa !important;
}
eguana-evaluator eguana-evaluator-charts .large-chart-container {
  width: 100%;
  overflow-x: scroll;
}
eguana-evaluator eguana-evaluator-charts .large-chart-div {
  width: 656.25rem;
}

eguana-evaluator-charts .eguana-chart-container eguana-card {
  width: 662.5rem;
}
eguana-evaluator-charts .eguana-chart-container card-content {
  width: 656.25rem;
}

eguana-evaluator-kpi .table-header {
  border-bottom-style: solid;
  border-bottom-color: RGB(var(--primary-500));
}

eguana-web-app .border-l-12 {
  border-left-width: 0.75rem;
}
eguana-web-app .plandata-hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
eguana-web-app .plandata-show {
  height: 100%;
  opacity: 1;
}
eguana-web-app .plandata-transition {
  transition: height 300ms ease-out, opacity 300ms ease-out;
}
eguana-web-app eguana-web-app-geology eguana-modal .layer-edit-area::-webkit-scrollbar-track {
  background: #D1D5DB;
}
eguana-web-app .transition-width {
  transition: width 1s ease;
}
eguana-web-app .transition-opacity {
  opacity: 0;
  transition: opacity 0.5s ease;
}
eguana-web-app .transition-opacity-done {
  opacity: 1;
}

eguana-webapp-button .header {
  width: calc(100% - 4rem);
}
eguana-webapp-button .header-edit {
  width: calc(100% - 8rem);
}
eguana-webapp-button .status-warn {
  -webkit-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(252, 165, 165);
  -moz-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(252, 165, 165);
  box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(252, 165, 165);
}
eguana-webapp-button .status-readonly {
  -webkit-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(209, 213, 219);
  -moz-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(209, 213, 219);
  box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(209, 213, 219);
}
eguana-webapp-button .status-done {
  -webkit-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(190, 242, 100);
  -moz-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(190, 242, 100);
  box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(190, 242, 100);
}
eguana-webapp-button .status-has-data {
  -webkit-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(99, 109, 242);
  -moz-box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(99, 109, 242);
  box-shadow: inset -0.75rem 0rem 0rem -0.313rem rgb(99, 109, 242);
}
eguana-webapp-button .min-value {
  min-width: 3.125rem;
  min-height: 1.25rem;
}
eguana-webapp-button .webapp-button-edit-modal modal-container input {
  text-align: right;
}

eguana-web-app-config .under-hover {
  background-color: white;
  border: 0.125rem dotted darkgray;
}

eguana-web-app-obstacles .obstacleModal modal-container {
  width: fit-content;
  max-width: none;
}

eguana-generic-visualization {
  display: flex;
  flex-direction: column;
  height: 100%;
}
eguana-generic-visualization .chart-container {
  flex-grow: 1;
}
eguana-generic-visualization .comparison-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0 5rem;
  margin-bottom: 0.5rem;
}
eguana-generic-visualization .comparison-container eguana-picker {
  margin-top: 0.5rem;
}
eguana-generic-visualization eguana-deviation-chart {
  width: 100%;
}

.modalMeasurementSelectionSize modal-container {
  min-height: fit-content !important;
}
.modalMeasurementSelectionSize modal-container modal-content {
  height: fit-content !important;
}

eguana-sleeve-pipe-visualization {
  display: flex;
  flex-direction: column;
  height: 100%;
}
eguana-sleeve-pipe-visualization .chart-container {
  flex-grow: 1;
}
eguana-sleeve-pipe-visualization .comparison-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0 5rem;
  margin-bottom: 0.5rem;
}
eguana-sleeve-pipe-visualization .comparison-container eguana-picker {
  margin-top: 0.5rem;
}
eguana-sleeve-pipe-visualization eguana-deviation-chart {
  width: 100%;
}

eguana-chart-visualization {
  display: flex;
  flex-direction: column;
  height: 100%;
}
eguana-chart-visualization .chart-container {
  flex-grow: 1;
}
eguana-chart-visualization .comparison-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0 5rem;
  margin-bottom: 0.5rem;
}
eguana-chart-visualization .comparison-container eguana-picker {
  margin-top: 0.5rem;
}
eguana-chart-visualization eguana-deviation-chart {
  width: 100%;
}

eguana-anchor-visualization .chart-container {
  width: 100%;
  height: 100%;
  font-size: 0.813rem;
}

.eguana-injection-holes .hole {
  cursor: pointer;
  stroke: black;
}
.eguana-injection-holes .hole:hover {
  opacity: 0.5;
}
.eguana-injection-holes .tooltip text {
  alignment-baseline: before-edge;
  dominant-baseline: text-before-edge;
}
.eguana-injection-holes .tooltip .title {
  font-weight: bold;
}

.eguana-injection-map .wrapper {
  fill: white;
  stroke: black;
}
.eguana-injection-map .selection {
  fill: #d9534f;
  stroke: black;
  stroke-width: 1;
}
.eguana-injection-map .hole {
  fill: #999;
  stroke: black;
  stroke-width: 1;
}

.eguana-injection-passes {
  position: absolute;
  overflow-y: scroll;
  width: 100%;
  top: 6rem;
}
.eguana-injection-passes .table {
  min-width: 28.125rem;
  width: 80%;
  margin: auto;
  border-spacing: 0;
  border-collapse: collapse;
}
.eguana-injection-passes .table td {
  border-top: 0.063rem dotted #444;
  border-bottom: 0.063rem dotted #444;
  padding: 0;
}
.eguana-injection-passes .table tbody {
  border: 0.188rem red;
}
.eguana-injection-passes .table .table-header td {
  height: auto;
  border-top: none;
  border-bottom: none;
  text-align: center;
}
.eguana-injection-passes .table .table-header td h3 {
  margin: 0 0 0.125rem;
}
.eguana-injection-passes .table .table-pressure {
  width: 20%;
  padding: 0.125rem 0.625rem;
}
.eguana-injection-passes .table .table-pressure .table-pressure-box {
  background: #aaa;
  box-sizing: border-box;
  border: 0.063rem dotted #444;
  margin-left: auto;
  position: relative;
  line-height: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  text-align: right;
  flex: 1;
}
.eguana-injection-passes .table .table-pressure .table-pressure-box .impact-pressure {
  position: absolute;
  right: 0;
  margin-right: 0.313rem;
}
.eguana-injection-passes .table .table-pressure .table-state-box {
  position: relative;
  line-height: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  text-align: right;
}
.eguana-injection-passes .table .table-pressure .table-state-box .impact-comment {
  width: 100%;
  position: absolute;
  right: 0;
  margin-right: 0.313rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eguana-injection-passes .table .table-passe {
  border: 0.063rem dotted #444;
  text-align: center;
  width: 6%;
  position: relative;
}
.eguana-injection-passes .table .table-passe.revision {
  background-color: #ffbf00;
}
.eguana-injection-passes .table .table-time {
  text-align: left;
  width: 10%;
  padding: 0.125rem 0.625rem;
  border: 0.063rem dotted #444;
}
.eguana-injection-passes .table .table-time .table-time-div {
  line-height: 1.5rem;
  max-height: 1.5rem;
  box-sizing: border-box;
}
.eguana-injection-passes .table .table-quantity {
  text-align: left;
  width: 20%;
  padding: 0.125rem 0.625rem;
}
.eguana-injection-passes .table .table-quantity .table-quantity-box {
  line-height: 1.5rem;
  max-height: 1.5rem;
  box-sizing: border-box;
  border: 0.063rem solid white;
  border-left: 0.125rem solid #444;
  flex: 1;
  position: relative;
}
.eguana-injection-passes .table .table-quantity .table-quantity-box span {
  display: block;
  margin-left: 0.313rem;
  position: relative;
}

eguana-injection-visualization {
  position: relative;
  width: 100%;
  height: calc(100% - 2rem);
}
eguana-injection-visualization #eguana-injection-svg,
eguana-injection-visualization .eguana-injection-holes-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
eguana-injection-visualization text {
  font-family: "Golos Text", sans-serif;
  font-weight: 400;
}

eguana-jet-visualization {
  position: relative;
  width: 100%;
  max-height: 100%;
  flex-shrink: 0;
  flex-grow: 1;
}

.eguana-holes-graphs {
  position: absolute;
}

.eguana-holes-graphs--container {
  height: 48%;
  width: 100%;
  position: relative;
}

.eguana-holes-graphs--container:first-child {
  margin-bottom: 2%;
}

.eguana-holes-graph--container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1.25rem;
  overflow-y: scroll;
}

.eguana-holes-graph svg {
  display: block;
}

.eguana-holes-graph--x-axis {
  position: absolute;
  bottom: 0;
  right: 0;
  shape-rendering: crispEdges;
  border-top: 0.063rem solid black;
}

.eguana-holes-graph--x-axis line {
  stroke: #000;
}

.eguana-holes-graph--x-axis path {
  display: none;
}

.eguana-holes-graph--border {
  stroke: black;
  fill: none;
  shape-rendering: crispEdges;
}

.eguana-holes-graph--middle-line {
  stroke: black;
  stroke-dasharray: 10 5 1 5 10 0;
  opacity: 0.5;
  shape-rendering: crispEdges;
}

.eguana-holes-graph--hole-label {
  alignment-baseline: central;
  text-anchor: middle;
}

.eguana-holes-graph--line-top {
  border-top: 0.063rem solid black;
  right: 0;
  position: absolute;
}

.eguana-holes-graph--selection-line {
  stroke: black;
  shape-rendering: crispEdges;
  stroke-width: 2;
}

.eguana-holes-graph--tooltip {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: none;
  pointer-events: none;
  margin: 0 0.625rem;
  padding: 1em;
  background: white;
  border: 0.063rem solid #777;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

.eguana-holes-graph--nib {
  position: absolute;
  top: 50%;
  left: -0.625rem;
  margin-top: -0.625rem;
  border-top: 0.625rem solid transparent;
  border-bottom: 0.625rem solid transparent;
  border-right: 0.625rem solid #777;
  border-left: none;
}

.eguana-holes-graph--nib:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 0.125rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid white;
  border-left: none;
}

.eguana-holes-graph--nib.right {
  left: auto;
  right: -0.625rem;
  border-left: 0.625rem solid #777;
  border-right: none;
}

.eguana-holes-graph--nib.right:before {
  left: auto;
  right: 0.125rem;
  border-left: 0.5rem solid white;
  border-right: none;
}

.eguana-holes-graph--tooltip-title {
  font-size: 110%;
}

.eguana-tunnel-holes .background {
  fill: white;
  stroke: black;
}
.eguana-tunnel-holes .hole-center-line {
  stroke: black;
  stroke-dasharray: 15 5 1 5 15 0;
  opacity: 0.5;
}
.eguana-tunnel-holes .sleeve-overlay {
  opacity: 0;
  fill: white;
  cursor: pointer;
  transition: opacity 150ms;
}
.eguana-tunnel-holes .sleeve-overlay:hover {
  opacity: 0.5;
}
.eguana-tunnel-holes .hole-label {
  text-anchor: middle;
  dominant-baseline: middle;
}
.eguana-tunnel-holes.tooltip text {
  alignment-baseline: before-edge;
  dominant-baseline: text-before-edge;
}
.eguana-tunnel-holes.tooltip .title {
  font-weight: bold;
}

.eguana-tunnel-holes--tunnel-border {
  fill: repeating-linear-gradient(45deg, #aaa, #aaa 0.625rem, #fff 0.625rem, #fff 1.25rem);
}

.eguana-tunnel-rings .ring {
  cursor: pointer;
}
.eguana-tunnel-rings .ring .background {
  fill: #ddd;
  opacity: 0;
  transition: opacity 150ms;
}
.eguana-tunnel-rings .ring:hover .background {
  opacity: 0.5;
}
.eguana-tunnel-rings .ring:hover .line {
  stroke-width: 2;
}
.eguana-tunnel-rings .ring:hover .hole {
  stroke-width: 2;
}
.eguana-tunnel-rings .line {
  stroke: #444444;
  stroke-width: 1;
  stroke-dasharray: 15 5 1 5 15 0;
}
.eguana-tunnel-rings .border {
  stroke: #444444;
  stroke-width: 2;
}
.eguana-tunnel-rings .middle {
  stroke: #444444;
  stroke-width: 2;
  stroke-dasharray: 15 5 1 5 15 0;
}
.eguana-tunnel-rings .hole {
  stroke: #444444;
  stroke-width: 1;
}
.eguana-tunnel-rings .circle {
  stroke: #444444;
  stroke-width: 1;
  stroke-dasharray: 15 5 1 5 15 0;
  fill: none;
}
.eguana-tunnel-rings .tooltip text {
  alignment-baseline: before-edge;
  dominant-baseline: text-before-edge;
}
.eguana-tunnel-rings .tooltip .title {
  font-weight: bold;
}
.eguana-tunnel-rings .label {
  text-anchor: middle;
  alignment-baseline: central;
}

.eguana-tunnel-tooltip--wrapper {
  transition: opacity 150ms;
  pointer-events: none;
}

eguana-tunnel-visualization {
  display: flex;
  height: 100%;
}
eguana-tunnel-visualization svg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
eguana-tunnel-visualization text {
  font-family: "Golos Text", sans-serif;
  font-weight: 400;
  fill: #444444;
}

.download-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

eguana-injection-header,
eguana-tunnel-header {
  position: absolute;
  width: 100%;
  height: fit-content;
  z-index: 5;
}
eguana-injection-header .breadcrumbs,
eguana-tunnel-header .breadcrumbs {
  position: relative;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  margin-left: 1rem;
  color: #444444;
}
eguana-injection-header .breadcrumbs .crumb-heading,
eguana-tunnel-header .breadcrumbs .crumb-heading {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  width: fit-content;
  align-items: center;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  background: var(--foreground-2);
  padding: 0.25rem 0.75rem;
  border-radius: 0.188rem;
  color: white;
}
eguana-injection-header .breadcrumbs .crumb-heading:hover,
eguana-tunnel-header .breadcrumbs .crumb-heading:hover {
  background: var(--foreground-3);
}
eguana-injection-header .breadcrumbs .no-link,
eguana-tunnel-header .breadcrumbs .no-link {
  cursor: default;
}
eguana-injection-header .breadcrumbs .no-link:hover,
eguana-tunnel-header .breadcrumbs .no-link:hover {
  background: var(--foreground-2);
}
eguana-injection-header .breadcrumbs .crumb-segment,
eguana-tunnel-header .breadcrumbs .crumb-segment {
  font-size: 1.25rem;
  font-weight: 600;
}
eguana-injection-header .breadcrumbs .additionalLabel,
eguana-tunnel-header .breadcrumbs .additionalLabel {
  margin-left: 3.25rem;
}
eguana-injection-header .breadcrumbs .crumb-arrow::before,
eguana-tunnel-header .breadcrumbs .crumb-arrow::before {
  content: "\e5da";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  display: inline-block;
}

.eguana-visualization-legend-group {
  margin-top: 1em;
}
.eguana-visualization-legend-group:first-child {
  margin-top: 0;
}

.eguana-visualization-legend {
  list-style: none;
  padding: 0;
  margin: 1ex 0;
  white-space: nowrap;
}
.eguana-visualization-legend > li {
  line-height: 160%;
}
.eguana-visualization-legend .symbol {
  height: 1.4em;
  width: 1.4em;
  vertical-align: sub;
  display: inline-block;
  margin-right: 1ex;
}

.legend:not(g) {
  position: absolute;
  bottom: 1rem;
  left: 4rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 125rem 0.313rem 0 rgba(0, 0, 0, 0.26);
  overflow: auto;
  z-index: 2;
  color: var(--foreground-2);
}
.legend:not(g).active {
  padding: 0.75rem 3rem 0rem 1.125rem;
}
.legend:not(g) .header {
  padding-bottom: 0.75rem;
  font-weight: bold;
}
.legend:not(g) .property [data-filter-active=false] {
  opacity: 0.5;
}
.legend:not(g) .property [data-filter-active=true] {
  opacity: 1;
  background-color: RGB(var(--primary-50));
  border-radius: 100vh;
  font-weight: 600;
}
.legend:not(g) .property .item {
  transition: opacity 100ms ease;
}
.legend:not(g) .property .item:hover {
  opacity: 1;
}
.legend:not(g) .property:has(:hover) .item:not(:hover) {
  opacity: 0.5;
}
.legend:not(g) .property .status {
  display: inline-flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
}
.legend:not(g).centered {
  left: 50%;
  transform: translateX(-50%);
}

eguana-pile-visualization eguana-borepile {
  width: 100%;
  height: 100%;
  font-size: 0.813rem;
}

eguana-map .eguana-map-toolbar {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
eguana-map .eguana-map-toolbar.left {
  left: 1rem;
  align-items: center;
}
eguana-map .eguana-map-toolbar.right {
  right: 1rem;
  align-items: end;
}
eguana-map .eguana-map-toolbar.right > eguana-button {
  margin-right: 0.5rem;
}
eguana-map .eguana-map-toolbar.top {
  top: 1rem;
}
eguana-map .eguana-map-toolbar.center {
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 2rem;
}
eguana-map .eguana-map-toolbar.bottom {
  bottom: 1ex;
  flex-direction: column-reverse;
}
eguana-map .eguana-map-toolbar .history-mode-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
}
eguana-map .eguana-map-toolbar .searchGroup {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  max-width: 21.875rem;
  align-items: center;
  margin-right: 0.5rem;
}
eguana-map .rotate {
  transition: opacity 250ms;
}

.ol-overlay-container:has(eguana-map-tooltip) {
  pointer-events: none !important;
}

eguana-map-tooltip {
  --map-tooltip-bg: #d3d3d3;
  --map-tooltip-fg: #ddd;
}
eguana-map-tooltip .tooltip-details {
  margin: 0.5rem;
}
eguana-map-tooltip .ember-tooltip {
  padding: 0;
  position: relative;
  margin-bottom: 0.5rem;
  opacity: 1;
  max-width: 25rem;
  text-shadow: none;
  color: #000000;
  background-color: #ffffff;
  font-family: "Golos Text", sans-serif;
}
eguana-map-tooltip .ember-tooltip:after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5rem);
  top: 100%;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--map-tooltip-bg);
  clear: both;
}
eguana-map-tooltip .tooltip-title {
  font-weight: 700;
  text-align: center;
  margin: 0;
}
eguana-map-tooltip .tooltip-section {
  font-weight: 700;
  padding-bottom: 0.5rem;
  text-align: left;
}
eguana-map-tooltip .tooltip-key {
  text-align: right;
  font-weight: 400;
  padding-right: 0;
}
eguana-map-tooltip .tooltip-value {
  text-align: left;
  font-weight: 700;
}
eguana-map-tooltip table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: normal;
}
eguana-map-tooltip th,
eguana-map-tooltip td {
  padding: 0.25rem 0.5rem;
}
#eguana-map-container .ol-attribution {
  position: absolute;
  right: 0.6rem;
  bottom: 0;
  max-width: calc(100% - 1rem);
  border-radius: 0.25rem 0 0;
  color: var(--foreground-3);
  font-size: 0.6875rem;
  line-height: 1.4;
  pointer-events: auto;
}
#eguana-map-container .ol-attribution button {
  display: none;
}
#eguana-map-container .ol-attribution ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
  padding: 0.125rem 0.5rem;
  list-style: none;
}
#eguana-map-container .ol-attribution a {
  color: inherit;
  text-decoration: none;
}
#eguana-map-container .ol-attribution a:hover {
  text-decoration: underline;
}

redirect {
  position: relative;
  min-height: 2rem;
  margin: 0.25rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 1.5rem;
  cursor: pointer;
}
redirect:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
redirect.active {
  background-color: var(--foreground-4);
}
redirect.active eguana-icon {
  color: RGB(var(--primary-600)) !important;
  user-select: none;
}
redirect .margin-left {
  margin-left: 0.625rem;
}
redirect .margin-right {
  margin-right: 0.625rem;
}

.nav-site-item .ember-popover {
  border-color: rgb(var(--primary-200));
}
.nav-site-item .ember-popover[x-placement^=right] .ember-popover-arrow {
  border-right-color: rgb(var(--primary-200));
}

node-item md-item {
  flex-direction: column;
}
node-item node-header {
  min-height: 3.125rem;
  display: flex;
  justify-content: space-between;
}
node-item item-list {
  flex-direction: column;
}
node-item .collapsed {
  display: none;
  margin-left: 0.625rem;
}
node-item .expanded {
  display: block;
  margin-left: 0.625rem;
}
node-item .node-name {
  display: flex;
  align-items: center;
  gap: 0.313rem;
  margin-left: 0.313rem;
}
node-item .node-status {
  display: flex;
  align-items: center;
  gap: 0.313rem;
  margin-right: 0.625rem;
}
node-item .node-status .battery-icon {
  right: 10%;
  pointer-events: none;
}

.hidden {
  display: none;
}

eguana-task-menu .task-menu-container {
  transition: height 200ms, width 200ms;
}
eguana-task-menu nav {
  border: 1px solid var(--foreground-4);
  background-color: white;
}
eguana-task-menu nav::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.125rem;
  bottom: 0.25rem;
  left: 0;
  right: 0;
  border-radius: 100vh;
  background-color: rgb(var(--primary-600));
  scale: var(--_width, 1) 1;
  translate: var(--_left, 0) 0;
  transform-origin: left;
  transition: scale 200ms, translate 200ms;
}
eguana-task-menu nav > button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: var(--foreground-2);
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  transition: flex-grow 5000ms;
}
eguana-task-menu nav > buttonspan {
  transition: width 5000ms;
}
eguana-task-menu nav > button {
  /* Remove excess padding and border in Firefox 4+ */
}
eguana-task-menu nav > button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
eguana-task-menu nav > button:hover {
  background-color: RGB(var(--primary-50));
}
eguana-task-menu .collapse-btn eguana-icon {
  rotate: 0.5turn;
  transition: rotate 200ms;
}
eguana-task-menu .collapse-btn.locked > eguana-icon {
  rotate: 1turn;
}
eguana-task-menu .settings-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 50%;
  width: 2px;
  background-color: var(--foreground-4);
  left: calc(-0.375rem + 1px);
}
eguana-task-menu .collapse-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 100vh;
  height: 0.25rem;
  width: 0.25rem;
  background-color: var(--foreground-4);
  left: -0.4375rem;
}

eguana-context-menu.eguana-context {
  position: absolute;
  z-index: 101;
  background-color: #fafafa;
  color: black;
  pointer-events: all;
  width: auto;
  border: 0.063rem solid var(--foreground-4);
  min-height: 6.25rem;
  max-height: 12.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}

eguana-badge .rainbow-glow {
  z-index: 0;
  background-color: var(--foreground-2);
}
eguana-badge .rainbow-glow::after {
  content: "";
  position: absolute;
  inset: -0.125rem;
  z-index: -1;
  background: linear-gradient(45deg, red, orange, yellow, green, cyan, blue, violet, red);
  background-size: 400% 400%;
  animation: rainbowShift 15s ease infinite;
  filter: blur(0.25rem);
  opacity: 0.6;
  border-radius: inherit;
}
@keyframes rainbowShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

eguana-button .scroll-content:hover {
  display: inline-block;
  position: absolute;
  animation: scroll 3s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(25%);
  }
  100% {
    transform: translateX(-25%);
  }
}

eguana-multi-selection-menu .selected-items-container {
  display: flex;
  text-wrap: nowrap;
  flex-wrap: wrap;
  margin: 0.375rem 0.5rem;
  padding-bottom: 0.375rem;
  box-shadow: 0 0.063rem var(--foreground-4);
}
eguana-multi-selection-menu .selected-item {
  background: #e0e0e0;
  border-radius: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 0.125rem;
  padding: 0rem 0.5rem 0 0.5rem;
  display: block;
  float: left;
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.icon-12 {
  font-size: 0.75rem;
  line-height: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  max-width: 0.75rem;
  max-height: 0.75rem;
  font-variation-settings: "opsz" 12;
}

.icon-14 {
  font-size: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  min-width: 0.875rem;
  min-height: 0.875rem;
  max-width: 0.875rem;
  max-height: 0.875rem;
  font-variation-settings: "opsz" 14;
}

.icon-18 {
  font-size: 1.125rem;
  line-height: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  max-width: 1.125rem;
  max-height: 1.125rem;
  font-variation-settings: "opsz" 18;
}

.icon-20 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  font-variation-settings: "opsz" 20;
}

.icon-22 {
  font-size: 1.375rem;
  line-height: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  min-width: 1.375rem;
  min-height: 1.375rem;
  max-width: 1.375rem;
  max-height: 1.375rem;
  font-variation-settings: "opsz" 22;
}

.icon-24 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  font-variation-settings: "opsz" 24;
}

.icon-30 {
  font-size: 1.875rem;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  min-width: 1.875rem;
  min-height: 1.875rem;
  max-width: 1.875rem;
  max-height: 1.875rem;
  font-variation-settings: "opsz" 30;
}

.icon-36 {
  font-size: 2.25rem;
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  font-variation-settings: "opsz" 36;
}

.icon-48 {
  font-size: 3rem;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
  font-variation-settings: "opsz" 48;
}

.icon-60 {
  font-size: 3.75rem;
  line-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  min-width: 3.75rem;
  min-height: 3.75rem;
  max-width: 3.75rem;
  max-height: 3.75rem;
  font-variation-settings: "opsz" 60;
}

.icon-96 {
  font-size: 6rem;
  line-height: 6rem;
  width: 6rem;
  height: 6rem;
  min-width: 6rem;
  min-height: 6rem;
  max-width: 6rem;
  max-height: 6rem;
  font-variation-settings: "opsz" 96;
}

.icon-filled {
  font-variation-settings: "FILL" 1;
}

.eguana-spin {
  animation: eguana-spin 1.5s infinite linear;
}

.eguana-spin-reverse {
  animation: eguana-spin-reverse 1.5s infinite linear;
}

@keyframes eguana-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes eguana-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
eguana-input textarea,
eguana-input input[type=text],
eguana-input input[type=password],
eguana-input input[type=datetime],
eguana-input input[type=datetime-local],
eguana-input input[type=date],
eguana-input input[type=month],
eguana-input input[type=time],
eguana-input input[type=week],
eguana-input input[type=number],
eguana-input input[type=email],
eguana-input input[type=url],
eguana-input input[type=search],
eguana-input input[type=tel],
eguana-input input[type=color] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none;
}
eguana-input input[type=date],
eguana-input input[type=datetime-local],
eguana-input input[type=month],
eguana-input input[type=time],
eguana-input input[type=week] {
  min-height: 1.625rem;
}
eguana-input textarea {
  resize: none;
  overflow: hidden;
}
eguana-input ::placeholder {
  color: var(--foreground-2);
}

eguana-json-editor pre,
eguana-json-editor code {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
eguana-json-editor textarea::selection {
  background: rgba(0, 0, 0, 0.2) !important;
  color: rgba(0, 0, 0, 0.2) !important;
}
eguana-json-editor pre::selection {
  background: rgba(0, 0, 0, 0.2) !important;
  color: inherit !important;
}
eguana-json-editor .token {
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
}

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 65;
  opacity: 0;
  border-radius: 0.125rem;
  max-height: calc(100vh - 0.625rem);
  overflow: auto;
}
.md-open-menu-container menu-dropdown-content > * {
  opacity: 0;
}
.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}
.md-open-menu-container.md-active {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 200ms;
}
.md-open-menu-container.md-active > menu-dropdown-content > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 200ms;
  transition-delay: 100ms;
}
.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

.remove-power-content {
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}

.ember-basic-dropdown-content {
  padding: 1rem 0;
}
.ember-basic-dropdown-content.md-open-menu-container {
  padding: 0;
}

menu-dropdown-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: 19rem;
  overflow-y: auto;
}

menu-item {
  display: flex;
  flex-direction: row;
  min-height: 3rem;
  height: 3rem;
  align-content: center;
  justify-content: flex-start;
}
menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 639px) {
  menu-dropdown-content {
    min-width: 6rem;
  }
  menu-dropdown-content[width="3"] {
    min-width: 10.5rem;
  }
  menu-dropdown-content[width="4"] {
    min-width: 14rem;
  }
  menu-dropdown-content[width="5"] {
    min-width: 17.5rem;
  }
  menu-dropdown-content[width="6"] {
    min-width: 21rem;
  }
  menu-dropdown-content[width="7"] {
    min-width: 24.5rem;
  }
}
@media (min-width: 640px) {
  menu-dropdown-content {
    min-width: 7rem;
  }
  menu-dropdown-content[width="3"] {
    min-width: 12rem;
  }
  menu-dropdown-content[width="4"] {
    min-width: 16rem;
  }
  menu-dropdown-content[width="5"] {
    min-width: 20rem;
  }
  menu-dropdown-content[width="6"] {
    min-width: 24rem;
  }
  menu-dropdown-content[width="7"] {
    min-width: 28rem;
  }
}
eguana-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 70;
  isolation: isolate;
  display: flex;
  align-items: center;
  opacity: 0; /* for transition-in */
  backdrop-filter: blur(0.313rem);
  background-color: rgba(var(--background-900), 0.25);
  transition: opacity 300ms cubic-bezier(0.25, 0.8, 0.25, 1), backdrop-filter 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
eguana-modal modal-container {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: auto;
  padding: 0;
  min-height: 0;
  background-color: rgb(var(--background-50));
  box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.063rem 0.25rem;
  transition: width 300ms cubic-bezier(0.25, 0.8, 0.25, 1), max-width 300ms cubic-bezier(0.25, 0.8, 0.25, 1), height 300ms cubic-bezier(0.25, 0.8, 0.25, 1), max-height 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
eguana-modal modal-container modal-header {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 1rem;
  margin: 0;
}
eguana-modal modal-container modal-header eguana-icon {
  color: RGB(var(--primary-500-contrast));
}
eguana-modal modal-container modal-header title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
eguana-modal modal-container modal-header .modal-title {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
  font-weight: 600;
  color: inherit;
  background-color: inherit;
}
eguana-modal modal-container modal-header .modal-subtitle {
  font-size: 1rem; /* 16px */
  color: inherit;
  background-color: inherit;
}
eguana-modal modal-container modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem;
  left: 0;
  right: 0;
  background-color: transparent;
}
eguana-modal modal-container modal-actions {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1rem;
  border-top: 0.063rem solid var(--foreground-4);
}
eguana-modal modal-container modal-alignment-right-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  background-color: transparent;
  margin-left: auto;
}
eguana-modal modal-container modal-alignment-left-container,
eguana-modal modal-container modal-alignment-header-left-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  background-color: transparent;
  margin-right: auto;
}
eguana-modal .dynamicModalWith {
  min-width: 20dvw;
  max-width: 90dvw;
  max-height: 100dvh;
}
eguana-modal .defaultModalWidth {
  width: 40dvw; /* Width of 40% of viewport width */
  max-width: 40dvw; /* Maximum width to maintain responsiveness */
  max-height: 85dvh; /* Maximum height to avoid overflow */
}
eguana-modal .smallModalWidth {
  width: 60dvw; /* Width of 60% of viewport width */
  max-width: 60dvw; /* Maximum width to maintain responsiveness */
  max-height: 85dvh; /* Maximum height to avoid overflow */
}
eguana-modal .mediumModalWidth {
  width: 70dvw; /* Width of 70% of viewport width */
  max-width: 70dvw; /* Maximum width to maintain responsiveness */
  max-height: 85dvh; /* Maximum height to avoid overflow */
}
eguana-modal .largeModalWidth {
  width: 80dvw; /* Width of 80% of viewport width */
  max-width: 80dvw; /* Maximum width to maintain responsiveness */
  max-height: 85dvh; /* Maximum height to avoid overflow */
}
eguana-modal .extraLargeModalWidth {
  width: 90dvw; /* Width of 90% of viewport width */
  max-width: 90dvw; /* Maximum width to maintain responsiveness */
  max-height: 95dvh; /* Maximum height to avoid overflow */
}
eguana-modal .fullscreenModal {
  width: 100dvw; /* Full viewport width */
  height: 100dvh; /* Full viewport height */
  min-width: 100dvw;
  min-height: 100dvh;
  box-shadow: none;
  border-radius: 0;
}
eguana-modal .fullscreenModal modal-header {
  border-radius: 0;
}
eguana-modal .defaultPosition {
  inset: 0;
}
eguana-modal .topPosition {
  position: absolute;
  inset: 1rem 0 auto 0;
}
eguana-modal {
  /* When the Screen is less than medium */
}
@media screen and (max-width: 767px) {
  eguana-modal .defaultModalWidth,
  eguana-modal .smallModalWidth {
    width: 70dvw; /* Width of 70% of viewport width */
    max-width: 70dvw; /* Maximum width to maintain responsiveness */
    max-height: 85dvh; /* Maximum height to avoid overflow */
  }
  eguana-modal .mediumModalWidth,
  eguana-modal .largeModalWidth {
    width: 90dvw; /* Width of 90% of viewport width */
    max-width: 90dvw; /* Maximum width to maintain responsiveness */
    max-height: 95dvh; /* Maximum height to avoid overflow */
  }
  eguana-modal .extraLargeModalWidth {
    width: 95dvw; /* Width of 90% of viewport width */
    max-width: 95vw; /* Maximum width to maintain responsiveness */
    max-height: 95dvh; /* Maximum height to avoid overflow */
  }
}
eguana-modal {
  /* When the Screen is less than small */
}
@media screen and (max-width: 639px) {
  eguana-modal .defaultModalWidth,
  eguana-modal .smallModalWidth,
  eguana-modal .mediumModalWidth,
  eguana-modal .largeModalWidth,
  eguana-modal .extraLargeModalWidth {
    width: 95dvw;
    max-width: 95dvw;
    max-height: 95dvh;
  }
}

.modal-transition-in {
  opacity: 1;
  transition: all 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 0) scale(1);
}

/* Smooth size change animation for modal containers */
.modal-size-transition {
  transition: width 1500ms cubic-bezier(0.25, 0.8, 0.25, 1), max-width 1500ms cubic-bezier(0.25, 0.8, 0.25, 1), height 1500ms cubic-bezier(0.25, 0.8, 0.25, 1), max-height 15 0ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

eguana-paper-radio-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  user-select: none;
}
eguana-paper-radio-button input[type=radio] {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  /* The native appearance is hidden */
  appearance: none;
  -webkit-appearance: none;
  /* For a circular appearance we need a border-radius. */
  border-radius: 50%;
  /* The background will be the default gray color. */
  background: transparent;
  /* The border will be the spacing between the dot and the outer circle */
  border: 0.188rem solid #fff;
  /* And by creating a box-shadow with no offset and no blur, we have an outer circle */
  box-shadow: 0 0 0 0.125rem var(--foreground-2);
  transition: 0.3s all linear;
}
eguana-paper-radio-button input[type=radio].checked {
  /* Background of the selected radio button */
  background: RGB(var(--primary-600));
  box-shadow: 0 0 0 0.125rem RGB(var(--primary-600));
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }
  30% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
  }
}
eguana-slider {
  height: 3rem;
  min-width: 8rem;
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding: 0;
  display: block;
  flex-direction: row;
}
eguana-slider *, eguana-slider *:after {
  box-sizing: border-box;
}
eguana-slider .eguana-slider-wrapper {
  outline: none;
  width: 100%;
  height: 100%;
}
eguana-slider .eguana-slider-content {
  position: relative;
}
eguana-slider {
  /**
   * Track
   */
}
eguana-slider .eguana-track-container {
  width: 100%;
  position: absolute;
  top: 1.4375rem;
  height: 0.125rem;
}
eguana-slider .eguana-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--foreground-3);
}
eguana-slider .eguana-track-fill {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width, height;
  background-color: RGB(var(--primary-500));
}
eguana-slider .eguana-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
eguana-slider .eguana-track-ticks canvas {
  width: 100%;
  height: 100%;
}
eguana-slider {
  /**
   * Slider thumb
   */
}
eguana-slider .eguana-thumb-container {
  position: absolute;
  left: 0;
  right: auto;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: left, right, bottom;
}
eguana-slider .eguana-thumb {
  z-index: 1;
  position: absolute;
  left: -0.625rem;
  right: auto;
  top: 0.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
}
eguana-slider .eguana-thumb:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  border-width: 0.188rem;
  border-style: solid;
  border-color: RGB(var(--primary-500));
  background-color: RGB(var(--primary-500));
  transition: inherit;
}
eguana-slider .eguana-thumb {
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
eguana-slider {
  /* The sign that's focused in discrete mode */
}
eguana-slider .eguana-sign {
  /* Center the children (slider-thumb-text) */
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -0.875rem;
  top: -1.0625rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 1.75rem;
  background-color: RGB(var(--primary-500));
  transform: scale(0.4) translate3d(0, 4.21875rem, 0);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  /* The arrow pointing down under the sign */
}
eguana-slider .eguana-sign:after {
  position: absolute;
  content: "";
  left: 0rem;
  right: auto;
  border-radius: 1rem;
  top: 1.188rem;
  border-left: 0.875rem solid transparent;
  border-right: 0.875rem solid transparent;
  border-top-width: 1rem;
  border-top-style: solid;
  border-top-color: RGB(var(--primary-500));
  opacity: 0;
  transform: translate3d(0, -0.5rem, 0);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
eguana-slider .eguana-sign .eguana-thumb-text {
  z-index: 1;
  font-size: 0.75rem;
  font-weight: bold;
  user-select: none;
  color: RGB(var(--primary-500-contrast));
}
eguana-slider {
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
}
eguana-slider .eguana-focus-ring {
  position: absolute;
  left: -1.0625rem;
  right: auto;
  top: 0.4375rem;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 2.125rem;
  background-color: RGBA(var(--primary-500), 0.2);
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}
eguana-slider .eguana-disabled-thumb {
  position: absolute;
  left: -0.875rem;
  right: auto;
  top: 0.625rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 1.75rem;
  transform: scale(0.5);
  border-width: 0.25rem;
  border-style: solid;
  display: none;
}
eguana-slider.eguana-min .eguana-sign {
  opacity: 0;
}
eguana-slider:focus {
  outline: none;
}
eguana-slider {
  /* Don't animate left/right while panning */
}
eguana-slider.eguana-dragging .eguana-thumb-container,
eguana-slider.eguana-dragging .eguana-track-fill {
  transition: none;
}
eguana-slider:not([eguana-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}
eguana-slider:not([eguana-discrete]) .eguana-track-ticks,
eguana-slider:not([eguana-discrete]) .eguana-sign {
  display: none;
}
eguana-slider:not([eguana-discrete]):not([disabled]) .eguana-slider-wrapper .eguana-thumb:hover {
  transform: scale(0.8);
}
eguana-slider:not([eguana-discrete]):not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-focus-ring {
  transform: scale(1);
  opacity: 1;
}
eguana-slider:not([eguana-discrete]):not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-thumb {
  animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
}
eguana-slider:not([eguana-discrete]):not([disabled]).eguana-active .eguana-slider-wrapper .eguana-thumb {
  transform: scale(1);
}
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-focus-ring {
  transform: scale(0);
  animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-thumb {
  animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused, eguana-slider[eguana-discrete]:not([disabled]).eguana-active {
  /* Ensure thumb stays at focus scale while dragging */
}
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-thumb, eguana-slider[eguana-discrete]:not([disabled]).eguana-active .eguana-thumb {
  transform: scale(1) !important;
  animation: none !important;
}
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-sign,
eguana-slider[eguana-discrete]:not([disabled]) .eguana-slider-wrapper.eguana-focused .eguana-sign:after, eguana-slider[eguana-discrete]:not([disabled]).eguana-active .eguana-sign,
eguana-slider[eguana-discrete]:not([disabled]).eguana-active .eguana-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
eguana-slider[eguana-discrete]:not([disabled]).eguana-min .eguana-sign {
  background-color: RGB(var(--background-400));
}
eguana-slider[eguana-discrete]:not([disabled]).eguana-min .eguana-sign:after {
  border-top-color: RGB(var(--background-400));
}
eguana-slider[eguana-discrete]:not([disabled]).eguana-min .eguana-thumb:after {
  border-color: RGB(var(--background-500));
  background-color: RGB(var(--background-400));
}
eguana-slider[eguana-discrete]:not([disabled]).eguana-full .eguana-track-container {
  height: 0.625rem;
  top: 1.188rem;
  border-radius: 100vh;
  overflow: hidden;
}
eguana-slider[eguana-discrete][disabled][readonly] .eguana-thumb {
  transform: scale(0);
}
eguana-slider[eguana-discrete][disabled][readonly] .eguana-sign,
eguana-slider[eguana-discrete][disabled][readonly] .eguana-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
eguana-slider[disabled] .eguana-track-fill {
  display: none;
}
eguana-slider[disabled] .eguana-track-ticks {
  opacity: 0;
}
eguana-slider[disabled]:not([readonly]) .eguana-sign {
  opacity: 0;
}
eguana-slider[disabled] .eguana-thumb {
  transform: scale(0.5);
}
eguana-slider[disabled] .eguana-disabled-thumb {
  display: block;
}
eguana-slider[eguana-vertical] {
  flex-direction: column;
  min-height: 8rem;
  min-width: 0;
}
eguana-slider[eguana-vertical] .eguana-slider-wrapper {
  flex: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  width: 3rem;
  align-self: center;
  display: flex;
  justify-content: center;
}
eguana-slider[eguana-vertical] .eguana-track-container {
  height: 100%;
  width: 0.125rem;
  top: 0;
  left: calc(50% - 0.125rem / 2);
}
eguana-slider[eguana-vertical] .eguana-thumb-container {
  top: auto;
  margin-bottom: 1.4375rem;
  left: calc(50% - 0.063rem);
  bottom: 0;
}
eguana-slider[eguana-vertical] .eguana-thumb-container .eguana-thumb:after {
  left: 0.063rem;
}
eguana-slider[eguana-vertical] .eguana-thumb-container .eguana-focus-ring {
  left: -1rem;
}
eguana-slider[eguana-vertical] .eguana-track-fill {
  bottom: 0;
}
eguana-slider[eguana-vertical][eguana-discrete] .eguana-sign {
  left: -13.75rem;
  top: 0.59425rem;
  transform: scale(0.4) translate3d(4.21875rem, 0, 0);
  /* The arrow pointing left next the sign */
}
eguana-slider[eguana-vertical][eguana-discrete] .eguana-sign:after {
  top: 0.59425rem;
  left: 1.188rem;
  border-top: 0.875rem solid transparent;
  border-right: 0;
  border-bottom: 0.875rem solid transparent;
  border-left-width: 1rem;
  border-left-style: solid;
  opacity: 0;
  transform: translate3d(0, -0.5rem, 0);
  transition: all 0.2s ease-in-out;
}
eguana-slider[eguana-vertical][eguana-discrete] .eguana-sign .eguana-thumb-text {
  z-index: 1;
  font-size: 0.75rem;
  font-weight: bold;
}
eguana-slider[eguana-vertical][eguana-discrete].eguana-active .eguana-sign:after,
eguana-slider[eguana-vertical][eguana-discrete] .eguana-focused .eguana-sign:after, eguana-slider[eguana-vertical][eguana-discrete][disabled][readonly] .eguana-sign:after {
  top: 0;
}
eguana-slider[eguana-vertical][disabled][readonly] .eguana-thumb {
  transform: scale(0);
}
eguana-slider[eguana-vertical][disabled][readonly] .eguana-sign,
eguana-slider[eguana-vertical][disabled][readonly] .eguana-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
eguana-slider[eguana-invert][eguana-vertical] .eguana-track-fill {
  bottom: auto;
  top: 0;
}

eguana-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}
eguana-slider-container > *:first-child:not(eguana-slider), eguana-slider-container > *:last-child:not(eguana-slider) {
  min-width: 1.563rem;
  max-width: -4.874rem;
  height: 1.563rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, max-width;
}
eguana-slider-container > *:first-child:not(eguana-slider) {
  margin-right: 1rem;
  margin-left: auto;
}
eguana-slider-container > *:last-child:not(eguana-slider) {
  margin-left: 1rem;
  margin-right: auto;
}
eguana-slider-container[eguana-vertical] {
  flex-direction: column;
}
eguana-slider-container[eguana-vertical] > *:first-child:not(eguana-slider), eguana-slider-container[eguana-vertical] > *:last-child:not(eguana-slider) {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
eguana-slider-container eguana-input-container input[type=number] {
  text-align: center;
  padding-left: 0.938rem;
  padding-right: 0;
  height: 3.126rem;
  margin-top: -1.563rem;
}

@media screen and (-ms-high-contrast: active) {
  eguana-slider.eguana-default-theme .eguana-track {
    border-bottom: 0.063rem solid #fff;
  }
}
warn-required-container > small {
  margin-top: 1rem;
  color: RGB(var(--primary-500));
}
warn-required-container .warn {
  margin-bottom: 1rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
  border: solid 0.125rem;
  border-color: RGB(var(--primary-500));
}

eguana-status-indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  box-sizing: border-box;
  isolation: isolate;
}
eguana-status-indicator > div {
  position: relative;
  border-radius: 50%;
}
eguana-status-indicator .status-red {
  width: 60%;
  height: 60%;
  background-color: #f54c40;
}
eguana-status-indicator .status-orange {
  width: 60%;
  height: 60%;
  background-color: #dd9920;
}
eguana-status-indicator .status-grey {
  width: 60%;
  height: 60%;
  background-color: #9b9b9b;
}
eguana-status-indicator .status-green {
  width: 50%;
  height: 50%;
  background-color: #b1c903;
}
eguana-status-indicator .status-blue {
  width: 60%;
  height: 60%;
  background-color: #003e59;
}
eguana-status-indicator .pulse::before,
eguana-status-indicator .pulse::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: inherit;
}
eguana-status-indicator .pulse::before {
  animation: pulse 4s ease-in-out infinite;
}
eguana-status-indicator .pulse::after {
  animation: pulse 4s 2s ease-in-out infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes liquid-drop {
  0% {
    transform: translateX(-50%) scale(1);
  }
  40% {
    transform: translateX(-50%) scale(1.2, 0.8);
  }
  60% {
    transform: translateX(-50%) scale(0.9, 1.1);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
.animate-liquid {
  animation: liquid-drop 0.7s ease-in-out;
}

eguana-task-icon {
  position: relative;
  display: block;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  border-radius: 50%;
}
eguana-task-icon > img {
  width: 100%;
  height: 100%;
}

eguana-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 0.313rem;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
eguana-progress-linear._eguana-progress-linear-disabled {
  visibility: hidden;
}
eguana-progress-linear.red .eguana-container .eguana-bar1,
eguana-progress-linear.red .eguana-container .eguana-bar2 {
  background-color: red;
}
eguana-progress-linear.green .eguana-container .eguana-bar1,
eguana-progress-linear.green .eguana-container .eguana-bar2 {
  background-color: green;
}
eguana-progress-linear.blue .eguana-container .eguana-bar1,
eguana-progress-linear.blue .eguana-container .eguana-bar2 {
  background-color: blue;
}
eguana-progress-linear .eguana-container {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: RGB(var(--primary-100));
  width: 100%;
  height: 0.313rem;
  transform: translate(0, 0) scale(1, 1);
}
eguana-progress-linear .eguana-container .eguana-bar {
  position: absolute;
  background-color: RGB(var(--primary-500));
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 0.313rem;
}
eguana-progress-linear .eguana-container .eguana-dashed:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0;
  height: 0.313rem;
  width: 100%;
  background-color: transparent;
  background-size: 0.625rem 0.625rem !important;
  background-position: 0rem -1.438rem;
}
eguana-progress-linear .eguana-container .eguana-bar1 {
  background-color: RGB(var(--primary-200));
}
eguana-progress-linear .eguana-container .eguana-bar1,
eguana-progress-linear .eguana-container .eguana-bar2 {
  transition: transform 0.2s linear;
}
eguana-progress-linear .eguana-container.eguana-mode-query .eguana-bar1 {
  display: none;
}
eguana-progress-linear .eguana-container.eguana-mode-query .eguana-bar2 {
  transition: all 0.2s linear;
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}
eguana-progress-linear .eguana-container.eguana-mode-determinate .eguana-bar1 {
  display: none;
}
eguana-progress-linear .eguana-container.eguana-mode-indeterminate .eguana-bar1 {
  animation: eguana-progress-linear-indeterminate-scale-1 4s infinite, eguana-progress-linear-indeterminate-1 4s infinite;
}
eguana-progress-linear .eguana-container.eguana-mode-indeterminate .eguana-bar2 {
  animation: eguana-progress-linear-indeterminate-scale-2 4s infinite, eguana-progress-linear-indeterminate-2 4s infinite;
}
eguana-progress-linear .eguana-container.ng-hide ._eguana-progress-linear-disabled eguana-progress-linear .eguana-container {
  animation: none;
}
eguana-progress-linear .eguana-container.ng-hide ._eguana-progress-linear-disabled eguana-progress-linear .eguana-container .eguana-bar1 {
  animation-name: none;
}
eguana-progress-linear .eguana-container.ng-hide ._eguana-progress-linear-disabled eguana-progress-linear .eguana-container .eguana-bar2 {
  animation-name: none;
}
eguana-progress-linear .eguana-container.eguana-mode-buffer {
  background-color: transparent !important;
  transition: all 0.2s linear;
}
eguana-progress-linear .eguana-container.eguana-mode-buffer .eguana-dashed:before {
  display: block;
  animation: buffer 3s infinite linear;
}

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}
@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0rem -1.438rem;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -12.5rem -1.438rem;
  }
}
@keyframes eguana-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes eguana-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    animation-timing-function: linear;
  }
  20% {
    left: -105.1666666667%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}
@keyframes eguana-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes eguana-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.3888888889%;
  }
}
eguana-select .hide-power-select-icon .ember-power-select-status-icon {
  display: none;
}

.ember-basic-dropdown-content {
  padding: 1rem 0;
}

.ember-power-select-option[aria-current=true] {
  background-color: #b7b7b7;
  color: black;
}

.ember-power-select-option[aria-selected=true] {
  background-color: RGB(var(--primary-500));
  color: RGB(var(--primary-500-contrast));
}

.ember-power-select-dropdown {
  margin-top: 0.125rem;
}

.ember-power-select-selected-item {
  padding-right: 30px;
  min-width: 0;
  margin: 0;
}

.ember-power-select-option {
  padding: 0 1rem;
}

.select-dropdown-full .ember-power-select-options {
  max-height: none;
}

.analog-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 300px;
  height: 300px;
}

.clock {
  position: relative;
  width: 200px;
  height: 200px;
  border: 4px solid #333;
  border-radius: 50%;
  background: #f4f4f4;
  transform: translate(0px, 50px);
}

.hour-hand,
.minute-hand {
  position: absolute;
  bottom: 50%;
  left: 50%;
  background: #333;
  transform-origin: bottom center;
  transform: rotate(0deg);
}

.hour-hand {
  width: 4px;
  height: 50px;
}

.minute-hand {
  width: 2px;
  height: 70px;
}

.hour-label,
.minute-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  font-size: 12px;
  cursor: pointer;
  color: #333;
  user-select: none;
}

.hour-label:hover,
.minute-label:hover {
  font-weight: bold;
  color: #007bff;
}

.center-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-3px, -5px);
}

.timezone {
  font-size: 0.8rem;
  color: #666;
}

input[type=color] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Chrome / Safari */
input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
  border: none;
}

input[type=color]::-webkit-color-swatch {
  border: none;
  padding: 0;
  border-radius: inherit; /* match parent radius */
}

/* Firefox */
input[type=color]::-moz-color-swatch {
  border: none;
  padding: 0;
  border-radius: inherit;
}

eguana-tips .video {
  width: 100%;
  height: 101%;
}

.eguana-app-button-33 {
  min-width: 33.33%;
  max-width: 33.33%;
}

.eguana-app-button-50 {
  min-width: 50%;
  max-width: 50%;
}

.eguana-app-button-100 {
  max-width: 100%;
  min-width: 100%;
}

eguana-app-button {
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  min-width: 23%;
  max-width: 24%;
}
eguana-app-button .app-button-container {
  padding: 0.313rem;
}
eguana-app-button .eguana-app-spacer {
  visibility: hidden !important;
}
eguana-app-button .border-warning {
  border: 0.125rem solid #ff0000;
}
eguana-app-button .border-green {
  border: 0.125rem solid #368d00;
}
eguana-app-button .background-green {
  background-color: #368d00;
  color: white;
}
eguana-app-button .background-red {
  background-color: #ff0000;
  color: white;
}
eguana-app-button .background-grey {
  background-color: #464646;
  color: white;
}
eguana-app-button .clickable-area {
  min-height: 4.5rem;
  max-height: 4.5rem;
  cursor: pointer;
  position: relative;
}
eguana-app-button .non-clickable-area {
  min-height: 4.5rem;
  max-height: 4.5rem;
  position: relative;
}
eguana-app-button eguana-card {
  height: 5.938rem;
}
eguana-app-button .app-button-value {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}

.app-button-edit-modal modal-container {
  width: 25%;
}
.app-button-edit-modal modal-container input {
  text-align: right;
}

eguana-tigor-deviation .deviation-chart-container {
  overflow-y: auto;
  overflow-x: hidden;
}
eguana-tigor-deviation eguana-deviation-chart {
  width: 100%;
}
eguana-tigor-deviation eguana-deviation-chart .container {
  background-color: white;
}

eguana-object-display {
  display: block;
  height: calc(100% - 4.25rem);
  overflow-y: scroll;
}
eguana-object-display .arrow-button {
  position: absolute;
  right: 5rem;
  top: -0.313rem;
}
eguana-object-display .subitem {
  border-left: 0.125rem solid;
  border-color: RGB(var(--primary-500));
}

eguana-user-contingent .center {
  text-align: center;
  padding-bottom: 0.3rem;
}
eguana-user-contingent .head {
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
}
eguana-user-contingent .reached {
  background-color: #feb3b3;
  border-radius: 0.625rem;
}
eguana-user-contingent .contingent-group {
  margin-left: 0.5rem;
}

eguana-chat-button .animate-ping {
  animation: ping-big 2s cubic-bezier(1, 0, 0.2, 1) infinite;
}
@keyframes ping-big {
  75%, 100% {
    transform: scale(8);
    opacity: 0;
  }
}

eguana-chat {
  position: absolute;
  right: 0rem;
  z-index: 108;
  min-height: 15vh;
  max-height: 45vh;
  min-width: 30vw;
  max-width: 35vw;
  pointer-events: none;
}
eguana-chat .chat-tagable {
  position: absolute;
  z-index: 107;
  background-color: #fafafa;
  color: black;
  pointer-events: all;
  width: 12.5rem;
  border: 0.063rem solid var(--foreground-4);
  border-radius: 0.5rem;
  min-height: 6.25rem;
  max-height: 12.5rem;
  overflow-y: auto;
  bottom: 1.875rem;
  left: 1.25rem;
  overflow-y: auto;
}
eguana-chat .message-owner {
  min-width: 7rem;
  position: relative;
  word-break: break-word;
  background-color: rgb(var(--primary-50)) !important;
  margin-left: auto;
  text-align: right;
  border-radius: 0.5rem 0.5rem 0 0.5rem;
  padding: 0.125rem 0.5rem 1rem 0.5rem;
  max-width: 70%;
  isolation: isolate;
  z-index: 1;
}
eguana-chat .message-owner::after {
  position: absolute;
  content: "";
  z-index: -1;
  right: -0.5rem;
  bottom: 0;
  height: 0;
  width: 0;
  border: 0.5rem solid;
  border-color: transparent transparent rgb(var(--primary-50)) transparent;
}
eguana-chat .message-other {
  min-width: 7rem;
  position: relative;
  word-break: break-word;
  background-color: #e6e6e6;
  margin-right: auto;
  border-radius: 0.5rem 0.5rem 0.5rem 0;
  padding: 1rem 0.5rem;
  max-width: 70%;
  isolation: isolate;
  z-index: 1;
}
eguana-chat .message-other::after {
  position: absolute;
  content: "";
  z-index: -1;
  left: -0.5rem;
  bottom: 0;
  height: 0;
  width: 0;
  border: 0.5rem solid;
  border-color: transparent transparent #e6e6e6 transparent;
}
eguana-chat .tagged .message-text span {
  color: rgb(var(--primary-900));
}
eguana-chat .tagged .message-text span.chat-follow-link {
  color: blue;
}
eguana-chat .message-highlighted {
  background-color: rgb(var(--primary-200)) !important;
}
eguana-chat .intern-only-owner {
  border: dashed 0.125rem rgb(var(--primary-800));
}
eguana-chat .intern-only-other {
  border: dashed 0.125rem rgb(var(--primary-800));
}
eguana-chat .message-user {
  min-width: 7rem;
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  font-size: 0.625rem;
  color: #666;
}
eguana-chat .message-text {
  color: #444;
}
eguana-chat .message-meta {
  position: absolute;
  bottom: 0.125rem;
  right: 0.5rem;
}
eguana-chat .message-meta .message-time {
  color: #666;
  font-size: 0.625rem;
}
eguana-chat .active {
  transform-origin: top center;
  animation: fly-out-in 300ms forwards;
}
@keyframes fly-out-in {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(100vw); /* Move right out of view */
    opacity: 0;
  }
  50.1% {
    transform: translateX(-100vw); /* Instantly move to the left out of view */
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 767px) {
  eguana-chat {
    position: absolute;
    right: 0rem;
    z-index: 108;
    min-height: 100vh;
    max-height: 100vh;
    min-width: 100vw;
    max-width: 100vw;
    pointer-events: none;
  }
}
eguana-site-settings .img-avatar {
  width: 2.5rem;
  height: 2.5rem;
  flex: none;
}

eguana-featureflag-tree {
  display: flex;
  flex-direction: column;
  height: calc(100% - 4.25rem);
  overflow-y: scroll;
}

featureflag-checkbox {
  display: flex;
  justify-content: space-between;
  width: 19.375rem;
  margin: 0.25rem;
}

eguana-work-assignments .parent-container {
  min-height: 0; /* NEW */
  height: 100%;
  max-height: 100%;
  min-width: 0; /* NEW; needed for Firefox */
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.5rem;
}
eguana-work-assignments .campaign-container,
eguana-work-assignments .assignment-container,
eguana-work-assignments .point-container,
eguana-work-assignments .selection-area,
eguana-work-assignments .planning-map-container {
  overflow: hidden; /* needed for correct sizing*/
  min-width: 0; /* needed for Firefox */
}
eguana-work-assignments .campaign-container {
  grid-area: 1/1/2/2;
}
eguana-work-assignments .assignment-container {
  grid-area: 2/1/3/2;
}
eguana-work-assignments .point-container {
  grid-area: 1/2/3/3;
}
eguana-work-assignments .selection-area {
  grid-area: 1/1/3/2;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  gap: 0.5rem;
}
eguana-work-assignments .planning-map-container {
  grid-area: 1/2/3/3;
}
eguana-work-assignments .hidden-tables {
  display: none;
}

eguana-reports .cluster-name {
  color: var(--foreground-2);
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}
eguana-reports .button-wrapper {
  display: contents;
}

.report-download-modal-list-item {
  min-height: 4.5rem;
  display: flex;
  align-items: center;
}

.report-download-modal-list-item-text {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
}

eguana-pointedit-button:focus {
  border-width: 1px;
  border-style: solid;
  border-color: RGBA(var(--primary-500));
}
eguana-pointedit-buttonactive {
  border-width: 1px;
  border-style: solid;
  border-color: RGBA(var(--primary-500));
}