@charset "UTF-8";
@import "https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";

/* node_modules/angular-calendar/css/angular-calendar.css */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/* node_modules/@pqina/pintura/pintura.css */
/*!
* Pintura v8.92.19 
* (c) 2018-2025 PQINA Inc. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter {
  padding: 0;
}
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter > div {
  height: 1px;
}
.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller + .PinturaControlListScroller {
  margin-top: 1em;
}
.pintura-editor,
pintura-editor {
  --color-primary:#ffd843;
  --color-primary-dark:#ffc343;
  --color-primary-text:#000;
  --color-secondary:#03a9f4;
  --color-secondary-dark:#046bbf;
  --color-focus:4,107,191;
  --color-focus-100:rgba(var(--color-focus),1);
  --color-focus-50:rgba(var(--color-focus),0.5);
  --color-focus-25:rgba(var(--color-focus),0.25);
  --color-error:255,87,34;
  --color-error-100:rgb(var(--color-error));
  --color-error-75:rgba(var(--color-error),0.75);
  --color-error-50:rgba(var(--color-error),0.5);
  --color-error-25:rgba(var(--color-error),0.25);
  --color-error-10:rgba(var(--color-error),0.1);
  --color-foreground:0,0,0;
  --color-background:255,255,255;
  --color-preview-outline:var(--color-foreground);
  --color-transition-duration:250ms;
  --button-cursor:pointer;
  --font-size:16px;
  --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);
  --backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);
  --border-radius-round:9999em;
  --border-radius:0.625em;
  --filter-disabled:grayscale(95%) opacity(40%);
  --editor-inset-top:0px;
  --editor-inset-bottom:0px;
  --safe-area-inset-top:0px;
  --safe-area-inset-bottom:0px;
  --pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
  --grid-color-even:rgba(var(--color-foreground),0.1);
  --grid-color-odd:rgba(var(--color-background),0.1);
  --grid-size:24;
}
.pintura-editor,
.pintura-editor-panel,
pintura-editor {
  --color-foreground-100:rgba(var(--color-foreground),1);
  --color-foreground-95:rgba(var(--color-foreground),0.95);
  --color-foreground-90:rgba(var(--color-foreground),0.9);
  --color-foreground-80:rgba(var(--color-foreground),0.8);
  --color-foreground-70:rgba(var(--color-foreground),0.7);
  --color-foreground-60:rgba(var(--color-foreground),0.6);
  --color-foreground-50:rgba(var(--color-foreground),0.5);
  --color-foreground-40:rgba(var(--color-foreground),0.4);
  --color-foreground-30:rgba(var(--color-foreground),0.3);
  --color-foreground-20:rgba(var(--color-foreground),0.25);
  --color-foreground-15:rgba(var(--color-foreground),0.2);
  --color-foreground-10:rgba(var(--color-foreground),0.15);
  --color-foreground-5:rgba(var(--color-foreground),0.075);
  --color-foreground-3:rgba(var(--color-foreground),0.05);
  --color-foreground-1:rgba(var(--color-foreground),0.02);
  --color-foreground-0:rgba(var(--color-foreground),0);
  --color-background-100:rgba(var(--color-background),1);
  --color-background-95:rgba(var(--color-background),0.95);
  --color-background-90:rgba(var(--color-background),0.9);
  --color-background-80:rgba(var(--color-background),0.8);
  --color-background-70:rgba(var(--color-background),0.7);
  --color-background-60:rgba(var(--color-background),0.6);
  --color-background-50:rgba(var(--color-background),0.5);
  --color-background-40:rgba(var(--color-background),0.4);
  --color-background-30:rgba(var(--color-background),0.3);
  --color-background-20:rgba(var(--color-background),0.2);
  --color-background-15:rgba(var(--color-background),0.15);
  --color-background-10:rgba(var(--color-background),0.1);
  --color-background-5:rgba(var(--color-background),0.05);
  --color-background-3:rgba(var(--color-background),0.03);
  --color-background-1:rgba(var(--color-background),0.01);
  --color-background-0:rgba(var(--color-background),0);
}
.pintura-editor,
.PinturaRootWrapper,
pintura-editor {
  display: block;
}
.PinturaRootWrapper {
  height: 100%;
}
.PinturaScrollableContent {
  overflow: hidden;
  max-height: var(--panel-max-height,100vh);
  overflow-y: auto;
  scrollbar-color: var(--color-foreground-30) transparent;
  scrollbar-width: thin;
}
.PinturaScrollableContent::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaScrollableContent::-webkit-scrollbar-track {
  background: none;
}
.PinturaScrollableContent::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-foreground-30);
  border-radius: 9999em;
  border: .3125em solid transparent;
}
.PinturaRoot[data-env~=is-animated] {
  --transition-duration-multiplier:1;
}
.PinturaRoot[data-env~=is-transparent] {
  background: none;
}
.PinturaRoot {
  --nav-group-margin:0.5em;
  --editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));
  --editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));
  --transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);
  --transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);
  --transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);
  box-sizing: border-box;
  width: var(--editor-width,100%);
  height: var(--editor-height,100%);
  padding-top: var(--editor-calculated-inset-top);
  padding-bottom: var(--editor-calculated-inset-bottom);
  max-width: var(--editor-max-width,var(--editor-max-width-default,none));
  max-height: var(--editor-max-height,var(--editor-max-height-default,none));
  position: relative;
  overflow: hidden;
  contain: strict;
  display: grid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  font-size: var(--font-size);
  font-family: var(--font-family);
  font-weight: 450;
  touch-action: manipulation;
  text-align: left;
  text-transform: none;
  text-rendering: optimizeLegibility;
  direction: ltr;
  color: var(--color-foreground-90);
  background-color: var(--color-background-100);
  outline-color: rgba(var(--color-preview-outline), 1);
  transition:
    background-color 1ms,
    outline-color 1ms,
    color var(--transition-duration-10) ease-in-out,
    dir 1ms;
}
.PinturaRoot[dir=rtl] button {
  direction: rtl;
}
.PinturaRoot .PinturaUtilMain {
  cursor: var(--cursor);
}
.PinturaRoot * {
  box-sizing: content-box;
  word-wrap: normal;
}
.PinturaRoot div:empty {
  display: block;
}
.PinturaRoot button,
.PinturaRoot fieldset,
.PinturaRoot input,
.PinturaRoot legend {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  width: auto;
  text-decoration: none;
}
.PinturaRoot button[disabled] {
  pointer-events: none;
}
.PinturaRoot canvas {
  display: block;
}
.PinturaRoot svg {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: none;
}
.PinturaRoot p {
  margin: 0;
}
.PinturaRoot li,
.PinturaRoot ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PinturaRoot a {
  color: inherit;
  text-decoration: none;
}
.PinturaRoot .implicit {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.PinturaRoot .PinturaFixedWidthCharacters {
  font-variant: tabular-nums;
}
.PinturaRoot .PinturaStage {
  display: flex;
  align-self: stretch;
  flex: 1;
  pointer-events: none;
}
.PinturaRoot .PinturaStage[tabindex="-1"] {
  outline: none;
}
.PinturaRoot .PinturaRootPortal,
.PinturaRoot > .PinturaCanvas {
  position: absolute;
  left: 0;
  top: 0;
}
.PinturaRoot > .PinturaCanvas {
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.PinturaRoot > .PinturaCanvas canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.PinturaRoot > .PinturaCanvas:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
}
.PinturaRoot > .PinturaStatus {
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--color-background-90);
}
.PinturaRoot > .PinturaStatus > p {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  transition: opacity var(--transition-duration-50) ease-out;
}
.PinturaRoot .PinturaStatusMessage {
  position: absolute;
  font-size: .875em;
}
.PinturaRoot .PinturaStatusAside {
  position: absolute;
  left: 0;
}
.PinturaRoot .PinturaStatusAside svg {
  width: 1.25em;
  height: 1.25em;
}
.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator {
  margin-left: .5em;
}
.PinturaRoot .PinturaStatusAside .PinturaButton {
  outline: transparent;
  margin-left: .75em;
  font-size: .875em;
  border-radius: var(--border-radius-round);
  background-color: var(--color-foreground-5);
  padding: .25em;
  transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out;
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaStatusIcon svg {
  font-size: .875em;
  margin-top: .25em;
  margin-left: .5em;
}
.PinturaRoot > .PinturaNav {
  position: relative;
  z-index: 3;
}
.PinturaRoot > .PinturaNav:empty {
  display: none !important;
}
.PinturaRoot > .PinturaNav .PinturaButton {
  outline: transparent;
  transition: background-color var(--transition-duration-10) ease-out, color var(--transition-duration-10) ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton svg {
  width: 1em;
  transition: opacity var(--transition-duration-10) ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton > span {
  justify-content: center;
}
.PinturaRoot > .PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,
.PinturaRoot > .PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner {
  width: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton .PinturaButtonInner {
  height: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) {
  padding-left: .75em;
  padding-right: .75em;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel {
  font-size: .75em;
  line-height: 2;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton) {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type {
  border-radius: var(--border-radius-round);
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type + * {
  margin-left: .5em;
}
.PinturaRoot > .PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,
.PinturaRoot > .PinturaNav .PinturaButton[disabled] svg {
  opacity: .25;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaButtonExport {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
}
.PinturaRoot .PinturaButtonExport:hover {
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport[data-focus-visible] {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5), 0 0 0 3px var(--color-focus-50);
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) {
  flex: 1;
  padding: 0 .75em;
}
.PinturaRoot > .PinturaNavMain {
  display: flex;
  overflow: hidden;
}
.PinturaRoot > .PinturaNavMain [aria-selected=true] {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button svg {
  align-self: center;
  width: 1.5em;
}
.PinturaRoot > .PinturaNavMain button span,
.PinturaRoot > .PinturaNavMain button svg {
  pointer-events: none;
}
.PinturaRoot > .PinturaNavMain button svg + span {
  margin-top: .75em;
}
.PinturaRoot > .PinturaNavMain button span {
  font-size: .875em;
  display: block;
  width: calc(100% - 1em);
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  max-width: calc(100% - 1em);
}
.PinturaRoot > .PinturaNavMain button {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition:
    background-color var(--transition-duration-10) ease-out,
    color var(--transition-duration-10) ease-out,
    box-shadow var(--transition-duration-10) ease-out;
}
.PinturaRoot > .PinturaNavMain button:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNavTools {
  max-width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.PinturaRoot > .PinturaNavTools:empty {
  display: none;
}
.PinturaRoot > .PinturaNavTools,
.PinturaRoot > .PinturaNavTools .PinturaNavGroup,
.PinturaRoot > .PinturaNavTools .PinturaNavSet {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot > .PinturaNavTools .PinturaButton,
.PinturaRoot > .PinturaNavTools .PinturaNavSet {
  pointer-events: all;
}
.PinturaRoot > .PinturaNavTools .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaNavGroup {
  margin: 0 var(--nav-group-margin);
}
.PinturaRoot .PinturaNavGroup > * {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavGroup > * + * {
  margin-left: .5em;
}
.PinturaRoot .PinturaNavGroup:first-of-type:not(.PinturaNavGroupFloat) {
  margin-right: auto;
  margin-left: 0;
}
.PinturaRoot .PinturaNavGroup:last-of-type:not(.PinturaNavGroupFloat) {
  margin-left: auto;
  margin-right: 0;
}
.PinturaRoot .PinturaNavSet {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot .PinturaNavSet > :not(:only-child) {
  border: 1px solid var(--color-foreground-3);
  border-top: 0;
  border-bottom: 0;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-left: 0;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-right: 0;
}
.PinturaRoot .PinturaNavSet > * + * {
  margin-left: -1px;
}
.PinturaRoot .PinturaNavSet > .PinturaButton:hover,
.PinturaRoot .PinturaNavSet > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaRoot .PinturaNavSet > :only-child {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) .PinturaButtonInner {
  padding: 0 .125em 0 .25em;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) .PinturaButtonInner {
  padding: 0 .25em 0 .125em;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow:
    inset 0 0 0 1px var(--color-background-15),
    0 .0625em .125em rgba(0, 0, 0, .25),
    0 .125em .35em rgba(0, 0, 0, .35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,
.PinturaRoot[data-env~=overlay] .PinturaNavSet > * {
  border-color: var(--color-background-15);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup > .PinturaButton {
  box-shadow: 0 .0625em .125em rgba(0, 0, 0, .25), 0 .125em .35em rgba(0, 0, 0, .35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport {
  box-shadow:
    inset 0 0 .125em rgba(0, 0, 0, .25),
    0 .0625em .125em rgba(0, 0, 0, .25),
    0 .125em .35em rgba(0, 0, 0, .35);
}
.PinturaRoot .PinturaNavGroupFloat {
  pointer-events: none;
}
.PinturaRoot .PinturaNavGroupFloat > * {
  pointer-events: all;
}
.PinturaRoot .PinturaNavGroupFloat:not(:only-child) {
  position: absolute;
  left: 0;
  right: 0;
}
.PinturaRoot .PinturaUtilFooter .PinturaScrollable > div {
  padding-left: 1em;
  padding-right: 1em;
}
.PinturaRoot > .PinturaMain {
  max-width: 100vw;
}
.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader {
  padding-top: 0;
  padding-bottom: 1em;
  margin-bottom: -1em;
}
.PinturaRoot[data-env~=landscape] {
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavTools {
  grid-row: 1;
  grid-column: 1;
  padding: 1em 1em 0;
  z-index: 3;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain {
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 1em;
  top: calc(1em + var(--editor-calculated-inset-top));
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList {
  flex-direction: column;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList button {
  display: flex;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList button + button {
  margin: .5em 0 0;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button {
  flex: 1;
  min-width: 4em;
  min-height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button span {
  font-size: .6875em;
  margin-top: .5em;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: .25em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar] > .PinturaNavMain {
  top: calc(4em + var(--editor-calculated-inset-top));
  bottom: calc(4em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape][data-env~=has-limited-space] > .PinturaNavMain {
  align-items: flex-start;
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom] {
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom] > .PinturaNavTools {
  grid-row: 2;
  padding-top: 0;
  padding-bottom: 1em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom] > .PinturaMain {
  grid-row: 1;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] {
  grid-template-columns: 6em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat {
  margin: 0 0 0 7em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaNavTools {
  grid-column: 1/span 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaMain {
  grid-column: 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain {
  padding-left: 0;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter {
  padding-right: 1em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat {
  margin: 0 7em 0 0;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaNavMain {
  right: 1em;
  left: auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaMain {
  grid-column: 1;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain {
  padding-right: 0;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter {
  padding-left: 1em;
}
.PinturaRoot[data-env~=portrait] {
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavTools {
  grid-row: 1;
  padding: .75em .75em 0;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain {
  grid-row: 3;
  margin-bottom: .75em;
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain .PinturaTabList {
  padding: 0 .875em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button + button {
  margin-left: .5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain[data-state~=overflows] {
  overflow: visible;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button {
  flex: 1;
  min-width: 4em;
  min-height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button span {
  font-size: .6875em;
  margin-top: .5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: .25em;
}
.PinturaRoot[data-env~=portrait] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom] {
  grid-template-rows: auto -webkit-min-content -webkit-min-content;
  grid-template-rows: auto min-content min-content;
}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom] > .PinturaNavTools {
  grid-row: 3;
  padding: 0 .75em .75em;
}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom] > .PinturaNavMain {
  grid-row: 2;
}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom] > .PinturaMain {
  grid-row: 1;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] {
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaMain {
  grid-row: 3;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaNavMain {
  grid-row: 2;
  margin-top: .75em;
  margin-bottom: 0;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom] {
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom] > .PinturaNavMain {
  grid-row: 1;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom] > .PinturaMain {
  grid-row: 2;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom] > .PinturaNavTools {
  grid-row: 3;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button {
  flex: 1;
  flex-direction: row;
  width: auto;
  height: auto;
  min-height: auto;
  border-radius: var(--border-radius);
  justify-content: flex-start;
  align-items: center;
  padding: .625em 0;
  width: 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button span {
  font-size: .6875em;
  margin: 0 .625em 0 0;
  line-height: 1.2;
  text-align: left;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button svg {
  margin: 0 .5em 0 .625em;
  min-width: 1em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] {
  grid-template-columns: 8em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 8em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl] > .PinturaNavMain button {
  padding-left: .625em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl] > .PinturaNavMain svg {
  margin-left: 0;
}
.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat {
  position: static;
  margin: 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button {
  padding: 0;
  font-size: .625em;
  min-width: 4em;
  min-height: 4em;
  justify-content: center;
  border-radius: 9999em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button span {
  visibility: hidden;
  font-size: 0;
  margin: 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg {
  margin-top: 0;
  width: 1.6em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg [stroke-width] {
  stroke-width: .15em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] {
  --nav-group-margin:0.25em;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span {
  font-size: .6875em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 .25em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom] {
  grid-template-rows: auto -webkit-min-content -webkit-min-content;
  grid-template-rows: auto min-content min-content;
}
.PinturaRoot[data-env~=overlay] {
  grid-template-rows: auto !important;
  grid-template-columns: auto !important;
}
.PinturaRoot[data-env~=overlay] .PinturaNav {
  z-index: 3;
}
.PinturaRoot[data-env~=overlay] .PinturaMain {
  grid-row: 1;
  grid-column: 1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilMain {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: -1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  position: absolute;
  left: 0;
  right: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  bottom: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaNavMain {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: none;
}
.PinturaRoot[data-env~=overlay] .PinturaNavTools {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter {
  top: 0;
  bottom: auto;
}
.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools {
  top: auto;
  bottom: 0;
}
.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain {
  padding-left: 2em;
  padding-right: 2em;
}
.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation] {
  padding-left: 0;
  padding-right: 2em;
}
.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  padding-left: 2em;
  padding-right: 0;
}
.PinturaRoot[data-env*=is-disabled],
.PinturaRoot[data-env*=is-disabled] * {
  pointer-events: none !important;
}
.PinturaRoot[data-env*=is-disabled] {
  --color-primary:#b4b4b4;
  --color-primary-dark:#a0a0a0;
  --color-primary-text:#000;
  --color-secondary:#969696;
  --color-secondary-dark:#646464;
}
.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,
.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton {
  filter: grayscale(100%);
}
.PinturaRoot .PinturaEditorOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: var(--color-background-50);
  pointer-events: none;
}
@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .PinturaNav {
      will-change: transform;
    }
  }
}
.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor {
  min-height: 3.375em;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
  margin: 1em 1em 0 0;
  padding: .125em;
  border: 1px dashed var(--color-foreground-15);
  color: var(--color-foreground-70);
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
  color: var(--color-foreground-90);
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label {
  font-size: .75em;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.PinturaUtilPanel[data-util=frame] [data-selected=true] {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.PinturaUtilPanel[data-util=frame] [data-selected=true] span {
  color: var(--color-foreground-90);
}
.PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 .5em;
}
.PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
  display: block;
  text-align: center;
  padding: 0 1.5em;
  font-size: .625em;
  font-weight: 400;
}
.PinturaUtilPanel[data-util=frame] [data-focus-visible] + label span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
  position: relative;
  width: 3em;
  height: 4em;
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div {
  position: absolute;
  outline-color: currentColor;
  border-color: currentColor;
  cursor: var(--button-cursor);
}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot] {
  overflow: hidden;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption {
  width: 2.25em;
  height: 3em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span {
  font-size: .5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 .25em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.PinturaUtilPanel[data-util=filter] .PinturaScrollable {
  width: 40em;
}
.PinturaUtilPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 .5em;
}
.PinturaUtilPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaUtilPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
  pointer-events: none;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
  border-radius: 0;
  transition: border-radius 1ms;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption {
  border-radius: 0;
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption {
  border-bottom-left-radius: var(--border-radius);
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption {
  border-bottom-right-radius: var(--border-radius);
}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span {
  display: block;
  text-align: center;
  padding: 0 .3125em;
  line-height: 1.75;
  max-width: 100%;
  font-size: .625em;
  font-weight: 400;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before {
  transition: background-color var(--transition-duration-10), color var(--transition-duration-10);
}
.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview {
  position: relative;
  z-index: 1;
}
.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .35;
  border-radius: inherit;
  background-color: var(--color-primary);
}
.PinturaUtilPanel[data-util=filter] [data-focus-visible] + label > .PinturaFilterOption span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: .25em;
}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
  width: 3.75em;
  height: 4.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview {
  width: 2.875em;
  height: 3.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span {
  font-size: .5em;
}
.PinturaUtilPanel[data-util=resize] form {
  display: flex;
  justify-content: center;
  padding: 0 1em;
}
.PinturaUtilPanel[data-util=resize] .PinturaFormInner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaUtilPanel[data-util=resize] .PinturaFormInner > button {
  position: absolute;
  left: 100%;
  margin-left: 1em;
}
.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner > * {
  margin: .25em;
}
.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel {
  font-size: .75em;
}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton {
  margin-left: .5em;
  margin-right: .5em;
  background-color: var(--color-foreground-5);
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color var(--transition-duration-10);
}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel {
  display: block;
  line-height: 2.65;
  padding: 0 1em;
  font-variant-numeric: tabular-nums;
  font-size: .75em;
  font-weight: 400;
}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after {
  content: "\25bc";
  font-size: .6875em;
  margin-left: .75em;
  position: relative;
  top: -.125em;
  margin-right: -.25em;
  pointer-events: none;
}
.PinturaUtilPanel[data-util=resize] input[type=checkbox] + label {
  padding: 0 .125em;
  margin: 0 -.25em;
  outline: transparent;
  display: block;
  cursor: pointer;
}
.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaInputDimension {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.PinturaInputDimension label {
  position: absolute;
  right: .625em;
  font-size: .75em;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color-foreground-80);
  z-index: 1;
}
.PinturaInputDimension button,
.PinturaInputDimension input,
.PinturaInputDimension label {
  font-size: .75em;
  font-weight: 400;
}
.PinturaInputDimension button,
.PinturaInputDimension input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  padding: .625em 0 .625em .625em;
  width: 100%;
  max-width: 7em;
  outline: transparent;
  border-radius: var(--border-radius);
  box-shadow: none;
  border: 1px solid var(--color-foreground-80);
  transition:
    background-color var(--transition-duration-10) ease-in-out,
    color var(--transition-duration-10) ease-in-out,
    border-color var(--transition-duration-10) ease-in-out;
}
.PinturaInputDimension button::-moz-selection,
.PinturaInputDimension input::-moz-selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button::selection,
.PinturaInputDimension input::selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button:hover,
.PinturaInputDimension input:hover {
  background-color: var(--color-foreground-10);
}
.PinturaInputDimension button:focus,
.PinturaInputDimension input:focus {
  border-color: var(--color-focus-100);
}
.PinturaInputDimension input {
  background-color: var(--color-foreground-5);
}
.PinturaInputDimension input:-moz-placeholder-shown + label {
  color: var(--color-foreground-20);
}
.PinturaInputDimension input:-ms-input-placeholder + label {
  color: var(--color-foreground-20);
}
.PinturaInputDimension input:placeholder-shown + label {
  color: var(--color-foreground-20);
}
.PinturaInputDimension input::-moz-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input:-ms-input-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input::placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input[data-state=invalid] {
  border-color: var(--color-error-75);
  box-shadow: inset 0 0 .25em var(--color-error-25), 0 0 .25em var(--color-error-50);
}
.PinturaInputDimension button {
  width: 10em;
  min-height: 2.65em;
}
.PinturaInputDimension input::-webkit-inner-spin-button,
.PinturaInputDimension input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.PinturaInputDimension input::-ms-clear {
  display: none;
}
.PinturaRoot[dir=rtl] .PinturaInputDimension label {
  left: .625em;
  right: auto;
}
.PinturaRoot[dir=rtl] .PinturaInputDimension input {
  padding-right: .625em;
  padding-left: 0;
  text-align: right;
}
.PinturaUtilPanel[data-util=crop] .PinturaStage {
  touch-action: none;
}
.PinturaUtilPanel[data-util=crop],
.PinturaUtilPanel[data-util=crop] .PinturaStage,
.PinturaUtilPanel[data-util=crop] .PinturaUtilMain {
  pointer-events: all;
}
.PinturaUtilPanel[data-util=crop] .PinturaImageInfo {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter {
  --size:3em;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size);
  height: var(--size);
  z-index: 1;
  line-height: 0;
  margin-top: calc(var(--size) * (-.5));
  margin-left: calc(var(--size) * (-.5));
  overflow: hidden;
  border-radius: 50%;
  color: #000;
  background: hsla(0, 0%, 100%, .8);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  outline: none;
}
.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter {
  padding-bottom: .5em;
}
.PinturaImageInfo,
.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter,
.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter > [slot]:empty {
  pointer-events: none;
}
.PinturaImageInfo p {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family:
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  text-align: right;
  line-height: 1;
  font-size: .75em;
}
.PinturaImageInfo:not([data-custom]) p {
  width: 8em;
  height: 1.25em;
  white-space: nowrap;
  contain: strict;
  overflow: hidden;
}
.PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 .25em;
}
.PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption {
  position: relative;
  width: 3em;
  height: 4em;
}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile {
  position: absolute;
  width: 100%;
  height: 100%;
}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true] {
  background-color: #fff;
  background-image: var(--pattern-transparent);
  border-radius: calc(var(--border-radius) + 1px);
}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,
.PinturaUtilPanel[data-util=fill] .PinturaFillTile img {
  cursor: var(--button-cursor);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after {
  content: "";
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
  pointer-events: none;
}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after {
  box-shadow:
    inset 0 0 0 1px var(--color-foreground-5),
    inset 0 0 0 4px var(--color-primary),
    inset 0 0 0 5px var(--color-foreground-5);
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption {
  width: 2.25em;
  height: 3em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span {
  font-size: .5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 .175em;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaModal {
  --safe-area-inset-top:env(safe-area-inset-top);
  --safe-area-inset-bottom:env(safe-area-inset-bottom);
  --editor-modal-border-radius:0;
  --editor-modal-overlay-opacity:0.95;
  --editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);
  --editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2147483646;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--color-background), var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)));
}
@supports (height:100dvh) {
  .PinturaModal {
    height: 100dvh;
  }
}
.PinturaModal > .PinturaRoot[data-env~=is-centered] {
  box-shadow: var(--editor-modal-shadow);
  border-radius: var(--editor-modal-border-radius);
}
.PinturaModal > .PinturaRoot[data-env~=is-centered]:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  content: "";
  box-shadow: var(--editor-modal-outline);
  z-index: 2147483646;
}
.PinturaModal[style*="--viewport-pad-footer:1"] {
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
.PinturaModal + .PinturaModal {
  --editor-modal-overlay-opacity-default:0.75;
}
@media (min-width:600px) and (min-height:600px) {
  .PinturaModal + .PinturaModal .PinturaRoot {
    --editor-max-width-default:calc(100vw - 8em);
    --editor-max-height-default:calc(100vh - 8em);
  }
}
.PinturaDocumentStyles {
  scrollbar-gutter: auto;
}
.PinturaDocumentLock,
.PinturaDocumentLock body {
  height: calc(var(--pintura-document-height) - 1px);
  overflow-y: hidden;
  box-sizing: border-box;
}
.PinturaDocumentLock body {
  position: relative;
}
.PinturaDocumentLock .PinturaModal {
  height: 100% !important;
}
.PinturaTabPanels {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
}
.PinturaTabPanel {
  position: relative;
  grid-row-start: 1;
  grid-column-start: 1;
  min-width: 0;
}
.PinturaTabPanel:not([aria-hidden=true]) {
  z-index: 2;
  outline: transparent;
}
.PinturaTabPanel[aria-hidden=true] {
  display: block !important;
  z-index: 1;
  pointer-events: none;
}
.PinturaTabPanel[data-inert=true] {
  visibility: hidden;
}
@supports not (aspect-ratio:1) {
  .PinturaTabPanel {
    overflow-x: hidden;
  }
}
.PinturaTabList {
  display: flex;
  justify-content: center;
}
.PinturaTabList button {
  display: flex;
  align-items: center;
  flex-direction: column;
  outline: transparent;
  cursor: var(--button-cursor);
  -webkit-tap-highlight-color: transparent;
}
.PinturaTabList button > * {
  transition: filter var(--transition-duration-10) ease-out;
}
.PinturaTabList button[disabled] > * {
  filter: var(--filter-disabled);
}
.PinturaScrollable {
  --scrollable-feather-start-opacity:0;
  --scrollable-feather-end-opacity:0;
  --scrollable-feather-size:2em;
  contain: paint;
  overflow: hidden;
}
.PinturaScrollable:focus {
  outline: transparent;
}
.PinturaScrollable > div {
  position: relative;
  display: inline-flex;
  vertical-align: top;
}
.PinturaScrollable {
  touch-action: none;
}
.PinturaScrollable[data-direction=x] {
  max-width: 100%;
  --mask-angle:90deg;
}
.PinturaScrollable[data-direction=y] {
  max-height: 100%;
  --mask-angle:180deg;
}
.PinturaScrollable[data-state~=overflows] {
  -webkit-mask:
    linear-gradient(
      var(--mask-angle),
      rgba(0, 0, 0, var(--scrollable-feather-start-opacity)),
      #000 var(--scrollable-feather-size),
      #000 calc(100% - var(--scrollable-feather-size)),
      rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
  mask:
    linear-gradient(
      var(--mask-angle),
      rgba(0, 0, 0, var(--scrollable-feather-start-opacity)),
      #000 var(--scrollable-feather-size),
      #000 calc(100% - var(--scrollable-feather-size)),
      rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
}
.PinturaScrollable[data-state~=scrolling] > div * {
  pointer-events: none;
}
.PinturaButton {
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  cursor: var(--button-cursor);
}
.PinturaButton > span {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  min-height: 1em;
}
.PinturaButton svg + .PinturaButtonLabel {
  margin-left: .5em;
}
.PinturaButton[disabled] {
  cursor: default;
  filter: var(--filter-disabled);
}
.PinturaButtonInner {
  text-decoration: inherit;
}
.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type {
  margin-left: -.25em;
}
.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type {
  margin-right: -.25em;
}
.PinturaRoot[dir=rtl] .PinturaButton svg + .PinturaButtonLabel {
  margin-left: 0;
  margin-right: 1em;
}
.PinturaUtilPanel {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  contain: layout size;
  box-sizing: border-box;
}
.PinturaUtilPanel,
.PinturaUtilPanel > * {
  padding-top: .5em;
  padding-bottom: .5em;
}
.PinturaProgressIndicator {
  position: relative;
  display: block;
  width: 1.25em;
  height: 1.25em;
}
.PinturaProgressIndicator svg {
  pointer-events: none;
  vertical-align: top;
}
.PinturaProgressIndicator .PinturaProgressIndicatorFill {
  stroke-dashoffset: 0;
}
.PinturaProgressIndicator[data-status=busy] svg {
  -webkit-animation: image_editor_spin 1s linear infinite;
  animation: image_editor_spin 1s linear infinite;
}
.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill {
  stroke-dashoffset: -26.5;
  stroke-dasharray: 26.5 53;
  transition: stroke-dashoffset .5s linear, stroke-dasharray .5s linear;
}
@-webkit-keyframes image_editor_spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes image_editor_spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg {
    transform-origin: 49% 49%;
  }
}
.PinturaInputForm {
  opacity: 0;
  cursor: auto;
  z-index: 2147483647;
  --width:30em;
}
.PinturaInputForm:not([data-stick=true]) {
  position: absolute;
  bottom: 7.5em;
  width: var(--width);
  left: calc(50% - var(--width) / 2);
  box-shadow: 0 .25em .5em -.5em rgba(0, 0, 0, .75), inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
  background-color: var(--color-background-95);
}
@media (max-width:34em) {
  .PinturaInputForm:not([data-stick=true]) {
    left: 2em;
    right: 2em;
    width: auto;
  }
}
.PinturaInputForm[data-stick=true] {
  transition: opacity .15s ease .25s;
  position: absolute;
  left: 0;
  right: 0;
  outline: 1px solid var(--color-foreground-15);
  background-color: var(--color-background-100);
}
.PinturaInputForm[data-stick=true] > .PinturaInputFormInner {
  background-color: var(--color-foreground-3);
}
.PinturaInputFormInner > .PinturaButton {
  color: var(--color-foreground-100);
  border-radius: 9999em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaInputFormInner > .PinturaButton:first-of-type {
  left: 1em;
}
.PinturaInputFormInner > .PinturaButton:last-of-type {
  right: 1rem;
  color: var(--color-primary-text);
  background: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaInputFormInner > .PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner {
  padding: 0 .875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonIcon {
  width: .875em;
  height: .875em;
}
.PinturaInputFormInner > .PinturaButton.PinturaButtonIconOnly {
  width: 1.875em;
  height: 1.875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonLabel {
  font-size: .75em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonInner {
  line-height: 2;
  display: flex;
  justify-content: center;
}
.PinturaInputFormInner {
  padding-top: 1em;
  padding-bottom: 3.5em;
}
.PinturaInputFormInner > .PinturaButton {
  position: absolute;
  bottom: 1em;
}
.PinturaInputFormFields textarea:only-child {
  height: 5em;
  -webkit-mask:
    linear-gradient(
      0deg,
      transparent,
      #000 1em);
  mask:
    linear-gradient(
      0deg,
      transparent,
      #000 1em);
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track {
  background: none;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-foreground-70);
  border-radius: 9999em;
  border: .25em solid transparent;
}
.PinturaInputFormFields input:only-child,
.PinturaInputFormFields textarea:only-child {
  width: 100%;
  padding: 0 1em .5em;
  display: block;
  background: transparent;
}
.PinturaInputForm input,
.PinturaInputForm textarea {
  box-sizing: border-box;
  resize: none;
  border: none;
  font-size: .875em;
  outline: transparent;
  color: var(--color-foreground-100);
}
.PinturaInputForm input {
  background-color: var(--color-background-100);
}
.PinturaModalBodyLock .PinturaInputForm {
  margin-top: -50px;
}
.PinturaInputForm[data-layout=row] {
  --width:30em;
  width: var(--width);
  max-width: calc(100% - 2em);
  border-radius: 9999em;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormFields {
  flex: 1;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner {
  display: flex;
  padding: .5em;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner input {
  padding: 0 .5em;
  line-height: 1.75;
  font-size: .8125em;
  flex: 1;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child {
  margin-right: 0;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton {
  position: static;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly {
  width: 1.5em;
  height: 1.5em;
}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel {
  font-size: .625em;
}
.PinturaUtilMain {
  padding-left: 1em;
  padding-right: 1em;
  min-height: 1px;
  touch-action: none;
}
.PinturaUtilMain,
.PinturaUtilMain > [slot] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PinturaUtilMain > [slot] {
  align-items: center;
}
.PinturaUtilFooter > [slot]:empty {
  min-height: 1em;
}
.PinturaUtilFooter > [slot] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  pointer-events: all;
}
.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,
.PinturaUtilFooter .PinturaShapeStyleList {
  min-height: 3.5em;
  align-items: flex-start;
}
.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] {
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,
.PinturaUtilFooter .PinturaControlList [role=tab] {
  flex-direction: row;
  line-height: 1;
  padding: 0 .75em;
  min-height: 1.75em;
  white-space: nowrap;
  border-radius: var(--border-radius-round);
  transition:
    background-color var(--transition-duration-10) ease-out,
    color var(--transition-duration-10) ease-out,
    filter var(--transition-duration-25) ease-out;
  box-shadow: inset 0 0 0 1px var(--color-foreground-0);
  cursor: var(--button-cursor);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,
.PinturaUtilFooter .PinturaControlList [role=tab] span {
  font-size: .75em;
  font-weight: 400;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,
.PinturaUtilFooter .PinturaControlList [role=tab] svg {
  width: .875em;
  font-size: .875em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,
.PinturaUtilFooter .PinturaControlList [role=tab] svg:only-child {
  margin-left: -.25em;
  margin-right: -.25em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),
.PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child) {
  margin-left: -.25em;
  margin-right: .375em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,
.PinturaUtilFooter .PinturaControlList [role=tab]:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],
.PinturaUtilFooter .PinturaControlList [role=tab][data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption [slot],
.PinturaUtilFooter .PinturaControlListOption label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label {
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption input[disabled] + label {
  filter: var(--filter-disabled);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption + .PinturaControlListOption,
.PinturaUtilFooter .PinturaControlList > button + button {
  margin-left: .5em;
}
.PinturaUtilFooter .PinturaControlPanels {
  display: grid;
  grid-template-columns: 1fr;
  width: 40em;
  max-width: 100%;
  margin: 0 auto;
  flex: auto;
}
.PinturaUtilFooter .PinturaControlPanel {
  grid-row-start: 1;
  grid-column-start: 1;
  max-width: 100%;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
}
.PinturaUtilFooter .PinturaControlPanel[aria-hidden=true] {
  display: block !important;
  visibility: hidden;
  transition-delay: 0s;
  pointer-events: none;
  opacity: 0;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > * + * {
  margin-left: -1px;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab] {
  padding-left: .625em;
  padding-right: .625em;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:only-child {
  border-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:first-child:not(:only-child) {
  padding-left: .75em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:last-child:not(:only-child) {
  padding-right: .75em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
@supports not (aspect-ratio:1) {
  .PinturaControlPanel {
    overflow-x: hidden;
  }
}
.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel {
  transition: opacity var(--transition-duration-25) ease-in-out, visibility var(--transition-duration-25) linear;
  transition-delay: .1s;
}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader {
  order: 1;
}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter {
  order: 2;
}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain {
  order: 3;
}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels {
  order: -1;
}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset {
  top: 0;
  bottom: auto;
}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped {
  padding-bottom: .75em;
}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels {
  order: 1;
}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset {
  top: auto;
  bottom: 0;
}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped {
  padding-top: .75em;
}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList {
  align-items: flex-end;
}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel {
  order: 1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  margin: .75em 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  max-width: 24em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList {
  margin-top: 1em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList > button + button {
  margin-left: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] span {
  font-size: .75em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] {
  border-radius: 0;
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow:
    inset 0 0 0 1px var(--color-background-15),
    0 .0625em .125em rgba(0, 0, 0, .25),
    0 .125em .35em rgba(0, 0, 0, .35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:first-child {
  padding-left: .875em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:last-child {
  padding-right: .875em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList button:not([aria-selected=true]) span {
  color: var(--color-foreground-40);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  border-radius: var(--border-radius-round);
  box-shadow:
    inset 0 0 0 1px var(--color-background-15),
    0 .0625em .125em rgba(0, 0, 0, .25),
    0 .125em .35em rgba(0, 0, 0, .35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput {
  height: 1.5em;
  margin-top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset {
  opacity: 0;
}
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label {
  flex-direction: row-reverse;
}
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child) {
  margin-right: -.25em;
  margin-left: .375em;
}
.PinturaRangeInput {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  height: 3.5em;
  max-width: 24em;
  width: calc(100% - 2em);
  touch-action: none;
  --range-input-feather-left:2em;
  --range-input-feather-right:2em;
  --range-input-mask-from:0%;
  --range-input-mask-to:100%;
  --range-input-mask-color:rgba(0,0,0,0.25);
  --range-input-line-color:var(--color-foreground-15);
  outline: transparent;
}
.PinturaRangeInput[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1em);
  height: 2em;
  border-radius: .25em;
}
.PinturaRangeInputInner {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  contain: strict;
  -webkit-mask:
    linear-gradient(
      90deg,
      transparent 0,
      #000 var(--range-input-feather-left),
      #000 calc(50% - 3em),
      transparent 50%,
      #000 calc(50% + 3em),
      #000 calc(100% - var(--range-input-feather-right)),
      transparent);
  mask:
    linear-gradient(
      90deg,
      transparent 0,
      #000 var(--range-input-feather-left),
      #000 calc(50% - 3em),
      transparent 50%,
      #000 calc(50% + 3em),
      #000 calc(100% - var(--range-input-feather-right)),
      transparent);
}
.PinturaRangeInputMeter {
  height: 100%;
}
.PinturaRangeInput .PinturaRangeInputMeter svg {
  display: block;
  pointer-events: none;
  fill: currentColor;
}
.PinturaRangeInput > .PinturaRangeInputValue {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: calc(50% - .6875em);
  left: calc(50% - 1.75em);
  width: 3.5em;
  height: 1.5em;
  overflow: hidden;
  contain: strict;
  text-align: center;
  font-size: .75em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family:
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
}
.PinturaRangeInput > .PinturaRangeInputReset {
  position: absolute;
  left: calc(50% - 1.0625em);
  top: 0;
  margin-top: .125em;
  padding: 0;
  z-index: 1;
  width: 2em;
  overflow: hidden;
  color: transparent !important;
  transition: opacity var(--transition-duration-25);
  opacity: .35;
  outline: transparent;
  cursor: var(--button-cursor);
}
.PinturaRangeInput > .PinturaRangeInputReset:hover {
  opacity: .5;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible] {
  opacity: 1;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible]:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: calc(50% - .5em);
  top: calc(50% - .5em);
  height: 1em;
  width: 1em;
  z-index: 2;
  border-radius: .25em;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRangeInput > .PinturaRangeInputReset[disabled] {
  opacity: .15;
}
.PinturaRangeInput > .PinturaRangeInputReset:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20%;
  width: 1px;
  height: 60%;
  background: var(--color-foreground-100);
}
.PinturaRangeInputInner[data-value-limited] svg {
  -webkit-mask:
    linear-gradient(
      90deg,
      var(--range-input-mask-color) var(--range-mask-from),
      #000 var(--range-mask-from),
      #000 var(--range-mask-to),
      var(--range-input-mask-color) var(--range-mask-to));
  mask:
    linear-gradient(
      90deg,
      var(--range-input-mask-color) var(--range-mask-from),
      #000 var(--range-mask-from),
      #000 var(--range-mask-to),
      var(--range-input-mask-color) var(--range-mask-to));
}
.PinturaRangeInputInner[data-value-limited] svg rect {
  x: var(--range-mask-from);
  width: calc(var(--range-mask-to) - var(--range-mask-from));
  fill: var(--range-input-line-color);
}
.PinturaRadioGroup .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: column;
}
.PinturaRadioGroup .PinturaRadioGroupOptionGroup + .PinturaRadioGroupOptionGroup {
  margin-top: .5em;
}
.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true] {
  display: none;
}
.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaRadioGroup label {
  -webkit-tap-highlight-color: transparent;
}
.PinturaPresetListFilter .PinturaRadioGroupOptions {
  justify-content: space-evenly;
  padding: .625em 0 .3125em;
}
.PinturaPresetListFilter .PinturaRadioGroupOptions label {
  display: block;
  cursor: pointer;
}
.PinturaPresetListFilter + .PinturaOptionsList {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.PinturaShapeStyleEditor {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
.PinturaShapeStyleEditor > div {
  grid-row-start: 1;
  grid-column-start: 1;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaShapeStyleEditorOverflow > div {
  overflow: visible;
  justify-content: flex-start;
}
.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList {
  min-height: auto;
  margin-left: 1em;
}
.PinturaShapeStyleEditorOverflow .PinturaShapeStyle {
  --control-height:1.75em;
}
.PinturaShapeStyles {
  position: relative;
}
.PinturaShapeStyles:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyleList {
  display: flex;
}
.PinturaShapeStyleList .PinturaButton,
.PinturaShapeStyleList .PinturaInput {
  outline: transparent;
}
.PinturaShapeStyleList .PinturaInput {
  padding: 0 0 0 .625em;
  font-size: .75em;
  line-height: 2.25;
}
.PinturaShapeStyleList .PinturaShapeStyleLabel {
  line-height: 1.75;
  font-size: .625em;
  font-weight: 300;
  padding: 0 .75em;
  text-transform: lowercase;
  pointer-events: none;
  text-align: center;
  color: var(--color-foreground-50);
  white-space: nowrap;
}
.PinturaShapeStyleList .PinturaShapeStyle {
  border-radius: var(--border-radius-round);
}
.PinturaShapeStyleList .PinturaShapeStyle + .PinturaShapeStyle {
  margin-left: 1em;
}
.PinturaShapeStyle {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  --control-height:1.5em;
}
.PinturaShapeStyle .PinturaPanelButton {
  border-radius: inherit;
}
.PinturaShapeStyle > .PinturaButton:hover,
.PinturaShapeStyle > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaShapeStyle .PinturaColorPickerButton .PinturaButtonLabel {
  display: block;
  border-radius: inherit;
}
.PinturaShapeStyle .PinturaColorPickerButton {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyle .PinturaColorPreview {
  border-radius: inherit;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  background-size: 4px;
}
.PinturaShapeStyle .PinturaColorPreview span {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  z-index: 1;
}
.PinturaShapeStyle > .PinturaColorPickerButtonStroke .PinturaColorPreview {
  -webkit-mask:
    radial-gradient(
      circle,
      transparent 5.5px,
      #000 6px);
  mask:
    radial-gradient(
      circle,
      transparent 5.5px,
      #000 6px);
  -webkit-mask-size: cover;
  mask-size: cover;
}
.PinturaShapeStyle > .PinturaColorPickerButtonStroke .PinturaColorPreview span:after {
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--color-foreground-5);
  content: "";
}
.PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabel,
.PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabelPrefix {
  display: block;
  line-height: 2.25;
  font-size: .6875em;
}
.PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabelPrefix {
  color: var(--color-foreground-40);
  padding-left: .625em;
  margin-right: -.25em;
}
.PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabel {
  padding: 0 1em;
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel,
.PinturaShapeStyle > .PinturaRadioGroup .PinturaButtonLabel,
.PinturaShapeStyle > .PinturaRadioGroupOption label {
  display: block;
  line-height: 2.25;
  padding: 0 1em;
  font-size: .6875em;
}
.PinturaShapeStyle .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeStyle .PinturaInputField {
  padding: 0 .75em;
  width: 3em;
  height: 2em;
  line-height: 2em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
}
.PinturaShapeStyle .PinturaPromptInputGroup {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput {
  width: 18em;
  padding: 0;
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input {
  padding-right: 2em;
}
.PinturaShapeStyle .PinturaPromptInputGroup > .PinturaButton:not(.PinturaButtonIconOnly) {
  display: block;
  line-height: 2.125;
  margin-left: .5em;
  padding: 0 1em;
  font-size: .6875em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  background-color: var(--color-foreground-10);
  border-radius: var(--border-radius);
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75em;
  height: 1.75em;
  padding: 0;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg {
  width: .875em;
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator {
  position: absolute;
  width: .875em;
  height: .875em;
  pointer-events: none;
}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg {
  width: .875em;
}
.PinturaShapeStyle .PinturaPromptInputWrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator {
  right: .3125em;
}
.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .3125em;
  margin-left: .75em;
}
.PinturaShapeStyle .PinturaPromptOptions {
  margin-left: .5em;
  display: flex;
  align-items: center;
}
.PinturaShapeStyle .PinturaPromptOption {
  position: relative;
  padding: 0;
  margin-left: .5em;
  border-radius: .5em;
}
.PinturaShapeStyle .PinturaPromptOption:after,
.PinturaShapeStyle .PinturaPromptOption img {
  border-radius: .5em;
  pointer-events: none;
}
.PinturaShapeStyle .PinturaPromptOption:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeStyle .PinturaPromptOption img {
  display: block;
  width: 2.5em;
  height: 2.5em;
  -o-object-fit: cover;
  object-fit: cover;
}
.PinturaShapeStyle > .PinturaDropdownButton {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color var(--transition-duration-10);
}
.PinturaShapeStyle > .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel:after,
.PinturaShapeStyle > .PinturaDropdownButton .PinturaComboBox:after {
  content: "\25bc";
  font-size: .6875em;
  margin-left: .75em;
  position: relative;
  top: -.125em;
  margin-right: -.25em;
  pointer-events: none;
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaComboBox:after {
  top: 0;
  margin-left: .375em;
  font-size: .47265625em;
}
.PinturaShapeStyle .PinturaComboBox {
  padding-right: .75em;
}
.PinturaShapeStyle .PinturaComboBox .PinturaInput {
  padding-left: 0;
}
.PinturaShapeStyle .PinturaComboBox .PinturaInput input {
  box-shadow: none;
}
.PinturaShapeStyle .PinturaComboBox .PinturaInputField {
  padding-right: .375em;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label {
  cursor: var(--button-cursor);
  display: flex;
  height: var(--control-height);
  align-items: center;
  padding: 0 .25em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color var(--transition-duration-10);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label:hover {
  background-color: var(--color-foreground-20);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions svg {
  width: 1.125em;
  height: 1.125em;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label {
  padding-left: .5em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label {
  padding-right: .5em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions [data-selected=true] label {
  background-color: var(--color-foreground-10);
}
.PinturaRoot[dir=rtl] .PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel:after,
.PinturaRoot[dir=rtl] .PinturaShapeStyle > .PinturaDropdownButton .PinturaComboBox:after {
  margin-right: .75em;
  margin-left: -.25em;
}
.PinturaToolbar {
  display: flex;
  justify-content: center;
  margin-left: 1em;
  margin-right: 1em;
}
.PinturaToolbar .PinturaToolbarInner {
  display: inline-flex;
}
.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,
.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional {
  display: none;
}
.PinturaToolbar .PinturaButton {
  border-radius: var(--border-radius-round);
  outline: transparent;
  padding: .3125em .75em;
  transition:
    background-color var(--transition-duration-10) ease-out,
    color var(--transition-duration-10) ease-out,
    box-shadow var(--transition-duration-10) ease-out;
  line-height: 1.1;
}
.PinturaToolbar .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaToolbar .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaToolbar .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaToolbar .PinturaButtonLabel {
  font-size: .75em;
}
.PinturaToolbar .PinturaPanel {
  z-index: 3;
}
.PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 .5em;
}
.PinturaRectManipulator {
  --size:1.25em;
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
  transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) scale(var(--sx), var(--sy));
}
.PinturaRectManipulator:not([data-shape=edge]) {
  width: var(--size);
  height: var(--size);
  z-index: 2;
}
.PinturaRectManipulator:not([data-shape=edge]):after {
  position: absolute;
  left: -.5em;
  right: -.5em;
  top: -.5em;
  bottom: -.5em;
  border-radius: inherit;
  content: "";
}
.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRectManipulator[data-shape~=circle] {
  margin-left: calc(var(--size) * (-.5));
  margin-top: calc(var(--size) * (-.5));
  line-height: var(--size);
  border-radius: 50%;
  background-color: var(--color-foreground-100);
  box-shadow: 0 0 2px var(--color-background-50);
}
.PinturaRectManipulator[data-shape=hook] {
  border: 3px solid var(--color-foreground-100);
}
.PinturaRectManipulator[data-shape=hook][data-direction*=t] {
  margin-top: -3px;
  border-bottom: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=r] {
  border-left: 0;
  margin-left: calc(var(--size) * (-1));
}
.PinturaRectManipulator[data-shape=hook][data-direction*=b] {
  margin-top: calc(var(--size) * (-1));
  border-top: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=l] {
  border-right: 0;
  margin-left: -3px;
}
.PinturaRectManipulator[data-shape~=edge] {
  height: 1px;
  width: 1px;
  z-index: 1;
}
.PinturaRectManipulator[data-shape~=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaRectManipulator[data-direction=b],
.PinturaRectManipulator[data-direction=t] {
  cursor: ns-resize;
  height: var(--size);
  margin-top: calc(var(--size) * (-.5));
  transform-origin: 0 center;
}
.PinturaRectManipulator[data-direction=l],
.PinturaRectManipulator[data-direction=r] {
  cursor: ew-resize;
  width: var(--size);
  margin-left: calc(var(--size) * (-.5));
  transform-origin: center 0;
}
.PinturaRectManipulator[data-direction=bl],
.PinturaRectManipulator[data-direction=tr] {
  cursor: nesw-resize;
}
.PinturaRectManipulator[data-direction=br],
.PinturaRectManipulator[data-direction=tl] {
  cursor: nwse-resize;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active {
  background-color: var(--color-foreground-5);
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after {
  left: -1em;
  right: -1em;
  top: -1em;
  bottom: -1em;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after {
  background-color: var(--color-foreground-5);
}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator {
  transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0);
}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t] {
  width: calc(var(--sx) * 1px);
}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r] {
  height: calc(var(--sy) * 1px);
}
.PinturaRoot .PinturaImageButton {
  --thumb-size:1.75em;
  --thumb-radius:0.3125em;
  --thumb-margin:0.3125em;
  padding: var(--thumb-margin);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  cursor: var(--button-cursor);
  outline: transparent;
}
.PinturaRoot .PinturaImageButton > * {
  pointer-events: none;
}
.PinturaRoot .PinturaImageButton {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: filter var(--transition-duration-25) ease-out;
}
.PinturaRoot .PinturaImageButton[disabled] {
  filter: var(--filter-disabled);
}
.PinturaRoot .PinturaImageButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaImageButton text {
  font-family: monospace;
}
.PinturaRoot .PinturaImageButton img,
.PinturaRoot .PinturaImageButton svg {
  display: block;
  width: var(--thumb-size);
  height: var(--thumb-size);
  min-width: auto;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--thumb-radius);
}
.PinturaRoot .PinturaImageButton[data-loader]:after,
.PinturaRoot .PinturaImageButton[data-loader]:before {
  display: block;
  width: var(--thumb-size);
  height: var(--thumb-size);
  line-height: var(--thumb-size);
  border-radius: var(--thumb-radius);
}
.PinturaRoot .PinturaImageButton[data-error] img {
  display: none;
}
.PinturaRoot .PinturaImageButton[data-error]:after {
  content: "\26a0";
  box-shadow: inset 0 0 0 1px var(--color-error-75);
  background-color: var(--color-error-10);
  color: var(--color-error-75);
}
.PinturaRoot .PinturaImageButton[data-loader] {
  position: relative;
}
.PinturaRoot .PinturaImageButton[data-loader]:before {
  content: "";
  position: absolute;
  left: var(--thumb-margin);
  top: var(--thumb-margin);
  -webkit-animation: pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;
  animation: pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;
  background-color: var(--color-foreground-10);
  transition: transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;
  z-index: -1;
}
.PinturaRoot .PinturaImageButton[data-loader] img {
  opacity: 0;
  transition: opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out;
}
.PinturaRoot .PinturaImageButton[data-loader][data-load] img {
  opacity: 1;
}
.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,
.PinturaRoot .PinturaImageButton[data-loader][data-load]:before {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  transform: scale(.5);
}
@-webkit-keyframes pintura-img-loading {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: .5;
  }
}
@keyframes pintura-img-loading {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: .5;
  }
}
.PinturaImageButtonList,
.PinturaImageButtonList > li {
  display: flex;
  align-items: center;
}
.PinturaImageButtonList > li {
  --thumb-size:1.75em;
  --thumb-radius:0.3125em;
  --thumb-margin:0.3125em;
  justify-content: center;
  position: relative;
}
.PinturaImageButtonList > li + li {
  margin-left: .5em;
}
.PinturaPanel.PinturaSliderPanel {
  border-radius: var(--border-radius-round);
}
.PinturaPercentageLabel {
  font-variant-numeric: tabular-nums;
  min-width: 3em;
  text-align: center;
}
.PinturaSliderPanel .PinturaSlider {
  width: 10em;
  --knob-size:0.75em;
  --knob-margin-left:0.3125em;
  --knob-margin-right:0.3125em;
}
.PinturaSliderPanel .PinturaSliderTrack {
  --track-background:var(--color-foreground-10);
}
.PinturaSliderPanel .PinturaSliderKnob {
  --knob-background:var(--color-foreground-100);
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .35), 0 -.125em .25em rgba(0, 0, 0, .1);
}
.PinturaInput {
  display: flex;
  flex-direction: row;
}
.PinturaInput input[disabled] {
  filter: var(--filter-disabled);
}
.PinturaInputField {
  flex: 1;
  outline: transparent;
}
.PinturaInputField[type=number] {
  -moz-appearance: textfield;
}
.PinturaInputField[type=number]::-webkit-inner-spin-button,
.PinturaInputField[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.PinturaInputSpinners {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.PinturaInputSpinners button {
  line-height: 1 !important;
  width: 2em;
  font-size: .5em !important;
  outline: transparent;
}
.PinturaShorthandControl {
  flex-direction: row;
  padding-left: .25em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShorthandControl > .PinturaSliderButton + .PinturaSliderButton {
  border-left: 1px solid var(--color-foreground-5);
  border-radius: 0;
}
.PinturaShorthandControl .PinturaSliderButton .PinturaButtonLabel {
  padding: 0 .5em;
}
.PinturaShorthandControl .PinturaColorPreview {
  width: 1em;
  height: 1em;
  margin-right: .25em;
  margin-top: .25em;
}
.PinturaShapePresetsPalette {
  text-align: center;
  width: 40em;
  max-width: 100%;
  overflow: hidden;
}
.PinturaShapePresetsPalette .PinturaShapePresetSelect {
  vertical-align: top;
  display: inline-block;
}
.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapePresetsPalette .PinturaButton + .PinturaButton {
  margin-left: .5em;
}
.PinturaShapePresetsPalette .PinturaButton {
  flex-direction: row;
  line-height: 1.1;
  padding: .3125em .75em;
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  cursor: var(--button-cursor);
  transition:
    background-color var(--transition-duration-10) ease-out,
    color var(--transition-duration-10) ease-out,
    box-shadow var(--transition-duration-10) ease-out;
  outline: none;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel {
  font-size: .75em;
}
.PinturaShapePresetsPalette .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaShapePresetsPalette .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapePresetsPalette .PinturaShapePresetsFlat > * + *,
.PinturaShapePresetsPalette .PinturaShapePresetsGroups > * + *,
.PinturaShapePresetsPalette .PinturaShapePresetsGroups > div > * + * {
  margin-left: .5em;
}
.PinturaShapePresetsGroups {
  display: flex;
}
.PinturaShapePresetsGrouped {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.PinturaShapePresetsGrouped [role=tab] {
  white-space: nowrap;
}
.PinturaShapePresetsFlat {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaShapePresetsFlat > .PinturaButton {
  margin-left: 1em;
}
.PinturaShapeList {
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition-duration-10) ease-in-out;
  position: absolute;
  top: 1em;
  left: 1em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  border-radius: var(--border-radius);
  color: var(--color-foreground-100);
  background: var(--color-background-70);
  box-shadow: 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeList li + li {
  margin-top: -.3125em;
}
.PinturaShapeList[data-visible=true] {
  opacity: 1;
}
.PinturaShapeList .PinturaColorPreview {
  width: .75em;
  height: .75em;
  margin-right: .25em;
  border-radius: .25em;
}
.PinturaShapeList .PinturaShapeListItem {
  display: flex;
  align-items: center;
  padding: .25em .5em;
  outline: none;
}
.PinturaShapeList .PinturaShapeListItem > span {
  font-size: .75em;
  line-height: 1.75;
  padding: 0 .325em;
  margin-left: -.325em;
}
.PinturaShapeList .PinturaShapeListItem[data-focus-visible] > span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeList[data-visible=true] .PinturaShapeListItem {
  pointer-events: all;
}
.PinturaShapeEditor {
  height: 100%;
  width: 100%;
  outline: none;
  touch-action: none;
}
.PinturaShapeControls {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  display: flex;
  align-items: center;
}
.PinturaShapeControlsGroup {
  pointer-events: all;
  color: #eee;
  background: #222;
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .25);
  border-radius: .25em;
}
.PinturaShapeControlsGroup,
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  display: inline-flex;
  min-height: 1.75em;
}
.PinturaShapeControlsGroup + .PinturaShapeControlsGroup {
  margin-left: .5em;
}
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  position: relative;
}
.PinturaShapeControlsGroup .PinturaButton {
  outline: transparent;
}
.PinturaShapeControlsGroup .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeControlsGroup .PinturaButton[disabled] > span {
  opacity: .5;
  pointer-events: all;
  cursor: not-allowed;
}
.PinturaShapeControlsGroup > .PinturaButton {
  display: block;
  font-weight: 700;
  transition: background-color var(--transition-duration-10);
  outline: transparent;
}
.PinturaShapeControlsGroup > .PinturaButton:hover {
  background-color: hsla(0, 0%, 100%, .15);
}
.PinturaShapeControlsGroup > .PinturaButton .PinturaButtonLabel {
  display: block;
  font-size: .6875em;
  padding: 0 .75em;
  line-height: 1.7em;
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly {
  width: 1.75em;
  transition: background-color var(--transition-duration-10);
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover {
  background-color: hsla(0, 0%, 100%, .15);
}
.PinturaShapeControlsGroup > button:first-of-type {
  border-radius: .25em 0 0 .25em;
}
.PinturaShapeControlsGroup > button:last-of-type {
  border-radius: 0 .25em .25em 0;
}
.PinturaShapeControlsGroup > button:only-of-type {
  border-radius: .25em;
}
.PinturaShapeControlsGroup > * + * {
  border-left: 1px solid rgba(0, 0, 0, .5);
}
.PinturaShapeControlsGroup svg {
  pointer-events: none;
}
.PinturaInlineInput {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  transform-origin: center;
  display: flex;
}
.PinturaInlineInput:before {
  content: "";
  width: 0;
  height: var(--line-height);
}
.PinturaContentEditable {
  margin: 0;
  padding: 0;
  width: calc(100% / var(--font-scalar));
  height: calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));
  overflow: hidden;
  outline: none;
  vertical-align: top;
}
.PinturaColorPickerPanel {
  padding: .5em;
  max-width: 14em;
  overflow: visible;
  touch-action: none;
}
.PinturaColorPickerPanel .PinturaEyeDropper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foreground-70);
  width: 1.5em;
  height: 1.5em;
  margin-left: .25em;
}
.PinturaColorPickerPanel .PinturaEyeDropper svg {
  width: 1em;
  height: 1em;
}
.PinturaColorPickerPanel .PinturaColorPickerButton {
  outline: transparent;
}
.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible] {
  box-shadow: inset 0 0 0 1px var(--color-foreground-70);
}
.PinturaColorPickerPanel .PinturaColorPreview {
  width: 1.25em;
  height: 1.25em;
  border-radius: .25em;
}
.PinturaColorPickerPanel .PinturaColorPreview span {
  border-radius: .2em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-20);
}
.PinturaColorPickerPanel .PinturaColorPresets legend {
  color: var(--color-foreground-50);
  margin: 0 0 .25em .3125em;
  font-size: .75em;
}
.PinturaColorPickerPanel .PinturaColorPresets:only-child legend {
  display: none;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption {
  display: block;
  padding: .25em;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span {
  display: block;
  cursor: var(--button-cursor);
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible] + label .PinturaColorPreview:after {
  position: absolute;
  left: -.3125em;
  right: -.3125em;
  top: -.3125em;
  bottom: -.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaSlider {
  margin-left: -.325em;
  margin-right: -.325em;
}
.PinturaColorPickerPanel .PinturaSlider > .PinturaSliderControl {
  position: relative;
  z-index: 2;
}
.PinturaColorPickerPanel .PinturColorPickerInputGroup {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: .75em 0 .25em .3125em;
}
.PinturaColorPickerPanel .PinturaPicker {
  width: 100%;
}
.PinturaColorPickerPanel .PinturaPicker + .PinturaColorPresets {
  margin-top: .5em;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,
.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob {
  border-radius: 9999em;
  box-shadow:
    inset 0 .06125em .06125em rgba(0, 0, 0, .1),
    0 0 0 .06125em #fff,
    0 .1875em .25em rgba(0, 0, 0, .35),
    0 -.125em .25em rgba(0, 0, 0, .1);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  margin-left: -.625em;
  margin-top: -.625em;
  width: 1.25em;
  height: 1.25em;
  visibility: visible;
  outline: none;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after {
  position: absolute;
  left: -.3125em;
  right: -.3125em;
  top: -.3125em;
  bottom: -.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker {
  position: relative;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  margin: -.5em -.5em .5em;
  height: 7em;
  background-image:
    linear-gradient(
      180deg,
      transparent,
      #000),
    linear-gradient(
      90deg,
      #fff,
      transparent);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack {
  background-image:
    linear-gradient(
      90deg,
      red,
      #ff0,
      #0f0,
      #0ff,
      #00f,
      #f0f,
      red);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack {
  box-shadow: inset 0 0 1px var(--color-foreground-50);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
  background-color: #fff;
  background-image: var(--pattern-transparent);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before {
  background-position: calc(var(--slider-position) * -2px) 0;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker {
  margin-top: .5em;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput {
  color: var(--color-foreground-80);
  width: calc(100% - .625em);
  line-height: 1.75;
  text-indent: .5em;
  font-size: .875em;
  border-radius: .25em;
  border: 1px solid var(--color-foreground-20);
  font-variant: tabular-nums;
  text-transform: uppercase;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus {
  outline: transparent;
  border-color: var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput[disabled] {
  color: var(--color-foreground-40);
}
.PinturaOptionsList,
.PinturaOptionsListWrapper {
  border-radius: inherit;
}
.PinturaOptionsList .PinturaListOption {
  transition: background-color var(--transition-duration-10);
  border-radius: inherit;
  position: relative;
}
.PinturaOptionsList .PinturaListOption label {
  display: block;
  margin: 0;
  border-radius: inherit;
  white-space: nowrap;
}
.PinturaOptionsList .PinturaListOption svg {
  margin-right: .25em;
  margin-left: -.5em;
  min-width: 1.5em;
}
.PinturaOptionsList .PinturaListOption svg:only-child {
  margin-left: 0;
  margin-right: 0;
}
.PinturaOptionsList .PinturaListOption [slot] {
  display: flex;
  align-items: center;
  padding: .325em .75em;
}
.PinturaOptionsList .PinturaDropdownOptionLabel {
  font-size: .75em;
  line-height: 1.75;
  padding: 0 .325em;
  margin-left: -.325em;
  display: inline-flex;
  flex-direction: column;
}
.PinturaOptionsList .PinturaDropdownOptionSublabel {
  font-size: .75em;
  opacity: .5;
  margin-top: -.5em;
}
.PinturaOptionsList .PinturaListOptionGroup > span {
  display: block;
  padding: .75em 1em;
  text-transform: uppercase;
  font-size: .75em;
  color: var(--color-foreground-50);
}
.PinturaOptionsList [data-disabled=true] {
  color: var(--color-foreground-50);
}
.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaOptionsList [data-selected=true] {
  color: var(--color-foreground-100);
  background-color: var(--color-foreground-20);
}
.PinturaOptionsList [data-focus-visible] + label .PinturaDropdownOptionLabel {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: .25em;
}
.PinturaListOption label {
  margin: 0;
}
.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel {
  margin-right: -.325em;
  align-items: flex-end;
}
.PinturaRoot[dir=rtl] .PinturaListOption svg {
  margin-left: -.5em;
  margin-right: auto;
}
.PinturaRoot[dir=rtl] .PinturaListOption svg + span {
  margin-left: .25em;
}
.PinturaRoot[dir=rtl] .PinturaListOption [slot] {
  justify-content: flex-end;
}
.PinturaPanel {
  --color-inset:hsla(0,0%,100%,0.1);
  --color-fill:var(--color-foreground-5);
  top: 0;
  left: 0;
  z-index: 2147483647;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: auto;
  outline: transparent;
  box-shadow:
    inset 0 0 0 1px var(--color-inset),
    0 .125em .25em rgba(0, 0, 0, .25),
    0 .125em .75em rgba(0, 0, 0, .15),
    0 .125em .125em rgba(0, 0, 0, .1);
  border-radius: var(--border-radius);
}
.PinturaPanel,
.PinturaPanelTip {
  position: absolute;
  color: var(--color-foreground-90);
  background-color: var(--color-background-100);
  background-image: linear-gradient(var(--color-fill), var(--color-fill));
  background-blend-mode: screen;
}
.PinturaPanelTip {
  --tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);
  width: .5em;
  height: .5em;
  margin-left: -.25em;
  margin-top: -.25em;
  z-index: -1;
  box-shadow: inset -1px -1px 0 0 var(--color-inset);
  -webkit-mask: linear-gradient(to bottom right, var(--tip-mask));
  mask: linear-gradient(to bottom right, var(--tip-mask));
  pointer-events: none;
}
.PinturaPanelTip[data-top=true] {
  box-shadow: inset 1px 1px 0 0 var(--color-inset);
  -webkit-mask: linear-gradient(to top left, var(--tip-mask));
  mask: linear-gradient(to top left, var(--tip-mask));
}
.PinturaContentEditable {
  white-space: pre-line !important;
  word-break: break-word !important;
  display: inline-block !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.PinturaContentEditable[data-wrap-content=nowrap] {
  white-space: nowrap !important;
  word-break: normal !important;
}
.PinturaContentEditable[data-wrap-content=nowrap] br {
  display: none;
}
.PinturaContentEditable {
  -webkit-user-drag: none;
  background: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  min-width: auto !important;
  box-shadow: none !important;
}
.PinturaColorPreview {
  --color:transparent;
  color: var(--color);
  position: relative;
  pointer-events: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
}
.PinturaColorPreview span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color);
  border-radius: inherit;
}
.PinturaSlider {
  position: relative;
  --track-offset-x:0.5em;
  --track-offset-y:0.5em;
  --track-size:1.5em;
  --knob-size:1em;
  --knob-margin-top:0em;
  --knob-margin-right:0em;
  --knob-margin-bottom:0em;
  --knob-margin-left:0em;
  display: flex;
  align-items: center;
  touch-action: none;
}
.PinturaSlider[data-direction=y] {
  flex-direction: column;
}
.PinturaSlider .PinturaSliderControl {
  position: relative;
  flex: 1;
}
.PinturaSlider > button {
  position: relative;
  z-index: 1;
  width: var(--track-size);
  height: var(--track-size);
  overflow: hidden;
  cursor: pointer;
  flex-shrink: none;
}
.PinturaSlider > button svg {
  width: 1.25em;
  height: 1.25em;
  margin: .125em;
  stroke-width: .125em;
  stroke: var(--color-foreground-50);
}
.PinturaSlider > button:first-of-type {
  order: 2;
  padding-right: .125em;
  margin-left: -.325em;
}
.PinturaSlider > button:last-of-type {
  order: 1;
  padding-left: .125em;
  margin-right: -.325em;
}
.PinturaSlider > .PinturaSliderControl {
  order: 2;
}
.PinturaSlider .PinturaSliderKnob {
  left: 0;
  top: 50%;
  border-radius: 9999em;
  visibility: visible;
  width: var(--knob-size);
  height: var(--knob-size);
  margin-left: calc(var(--knob-size) * -.5);
  margin-top: calc(var(--knob-size) * -.5);
  background: var(--knob-background);
}
.PinturaSlider .PinturaSliderKnob,
.PinturaSlider .PinturaSliderKnobController,
.PinturaSlider .PinturaSliderTrack {
  pointer-events: none;
  position: absolute;
}
.PinturaSlider .PinturaSliderTrack {
  top: var(--track-offset-y);
  bottom: var(--track-offset-y);
  left: var(--track-offset-x);
  right: var(--track-offset-x);
  background: var(--track-background);
}
.PinturaSlider .PinturaSliderKnobController {
  visibility: hidden;
  top: calc(var(--track-offset-y) + var(--knob-margin-top));
  bottom: calc(var(--track-offset-y) + var(--knob-margin-bottom));
  left: calc(var(--track-offset-x) + var(--knob-margin-left));
  right: calc(var(--track-offset-x) + var(--knob-margin-right));
}
.PinturaSlider .PinturaSliderTrack {
  border-radius: 9999em;
}
.PinturaSlider[data-direction=x] input[type=range] {
  height: var(--track-size);
  margin-left: var(--track-offset-x);
  width: calc(100% - (var(--track-offset-x) * 2));
}
.PinturaSlider[data-direction=y] input[type=range] {
  width: var(--track-size);
  margin-top: var(--track-offset-y);
  height: calc(100% - (var(--track-offset-y) * 2));
}
.PinturaSlider input[type=range] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.PinturaSlider input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
.PinturaSlider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-moz-range-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  visibility: hidden;
}
.PinturaSlider input[type=range]::-ms-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-ms-ticks-before,
.PinturaSlider input[type=range]::-ms-tooltip {
  display: none;
}
.PinturaSlider input[type=range]::-ms-ticks-after {
  display: none;
}
.PinturaSlider input[type=range]::-ms-track {
  color: transparent;
  border: none;
  background: transparent;
}
.PinturaSlider input[type=range]::-ms-fill-lower,
.PinturaSlider input[type=range]::-ms-fill-upper {
  background: transparent;
}
.PinturaSlider input[type=range]:focus {
  outline: transparent;
}
.PinturaSlider input[type=range][data-focus-visible] ~ .PinturaSliderKnobController .PinturaSliderKnob:after {
  position: absolute;
  left: -.3125em;
  right: -.3125em;
  top: -.3125em;
  bottom: -.3125em;
  border-radius: inherit;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  pointer-events: none;
}
.PinturaShapeManipulator {
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
  transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) rotate(var(--r)) scale(var(--sx), var(--sy));
  --size:0.75em;
}
.PinturaShapeManipulator:not([data-control=edge]) {
  margin-left: calc(var(--size) * (-.5));
  margin-top: calc(var(--size) * (-.5));
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 9999em;
}
.PinturaShapeManipulator:not([data-control=edge]):after {
  position: absolute;
  left: -.5em;
  right: -.5em;
  top: -.5em;
  bottom: -.5em;
  content: "";
}
.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after {
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeManipulator[data-control=point],
.PinturaShapeManipulator[data-control=scale] {
  background:
    linear-gradient(
      90deg,
      var(--color-secondary-dark),
      var(--color-secondary));
  box-shadow: 0 0 0 2px #fff, 0 0 4px #000;
  z-index: 3;
}
.PinturaShapeManipulator[data-control=point][data-selected=true]:before,
.PinturaShapeManipulator[data-control=scale][data-selected=true]:before {
  display: block;
  content: "";
  width: calc(var(--size) * .5);
  height: calc(var(--size) * .5);
  background: #fff;
  margin-left: calc(var(--size) * .25);
  margin-top: calc(var(--size) * .25);
  border-radius: 9999em;
}
.PinturaShapeManipulator[data-control=scale] {
  cursor: -webkit-grab;
  cursor: grab;
}
.PinturaShapeManipulator[data-control=edge] {
  margin-top: calc(var(--size) * (-.5));
  height: var(--size);
  width: 1px;
  z-index: 1;
  transform-origin: 0 calc(var(--size) * .5);
}
.PinturaShapeManipulator[data-control=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaShapeManipulator[data-control=rotate] {
  border-radius: 9999em;
  background:
    linear-gradient(
      90deg,
      #fff,
      #ddd);
  box-shadow: 0 0 0 2px var(--color-secondary-dark), 0 0 4px #000;
  z-index: 2;
  cursor: -webkit-grab;
  cursor: grab;
}
.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge] {
  width: calc(var(--sx) * 1px);
  transform: translate3d(calc(var(--tx) * 1px), calc(var(--ty) * 1px), 0) rotate(var(--r));
}

/* node_modules/@ionic/angular/css/core.css */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, .08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, .08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}

/* node_modules/@ionic/angular/css/normalize.css */
@layer normalize-reset {
  audio,
  canvas,
  progress,
  video {
    vertical-align: baseline;
  }
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  b,
  strong {
    font-weight: bold;
  }
  img {
    max-width: 100%;
  }
  hr {
    height: 1px;
    border-width: 0;
    box-sizing: content-box;
  }
  pre {
    overflow: auto;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  label,
  input,
  select,
  textarea {
    font-family: inherit;
    line-height: normal;
  }
  textarea {
    overflow: auto;
    height: auto;
    font: inherit;
    color: inherit;
  }
  textarea::placeholder {
    padding-left: 2px;
  }
  form,
  input,
  optgroup,
  select {
    margin: 0;
    font: inherit;
    color: inherit;
  }
  html input[type=button],
  input[type=reset],
  input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
  }
  a,
  a div,
  a span,
  a ion-icon,
  a ion-label,
  button,
  button div,
  button span,
  button ion-icon,
  button ion-label,
  .ion-tappable,
  [tappable],
  [tappable] div,
  [tappable] span,
  [tappable] ion-icon,
  [tappable] ion-label,
  input,
  textarea {
    touch-action: manipulation;
  }
  a ion-label,
  button ion-label {
    pointer-events: none;
  }
  button {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
  }
  [tappable] {
    cursor: pointer;
  }
  a[disabled],
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  td,
  th {
    padding: 0;
  }
}

/* node_modules/@ionic/angular/css/structure.css */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* node_modules/@ionic/angular/css/typography.css */
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* node_modules/@ionic/angular/css/display.css */
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
.ion-display-none {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-display-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-none {
    display: none !important;
  }
}
.ion-display-inline {
  display: inline !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline {
    display: inline !important;
  }
}
.ion-display-inline-block {
  display: inline-block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-block {
    display: inline-block !important;
  }
}
.ion-display-block {
  display: block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-block {
    display: block !important;
  }
}
.ion-display-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-flex {
    display: flex !important;
  }
}
.ion-display-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ion-display-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-grid {
    display: grid !important;
  }
}
.ion-display-inline-grid {
  display: inline-grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
.ion-display-table {
  display: table !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table {
    display: table !important;
  }
}
.ion-display-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-cell {
    display: table-cell !important;
  }
}
.ion-display-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-row {
    display: table-row !important;
  }
}

/* node_modules/@ionic/angular/css/padding.css */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

/* node_modules/@ionic/angular/css/float-elements.css */
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
[dir=rtl] .ion-float-start {
  float: right !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}
:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
[dir=rtl] .ion-float-end {
  float: left !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}

/* node_modules/@ionic/angular/css/text-alignment.css */
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}

/* node_modules/@ionic/angular/css/text-transformation.css */
.ion-text-uppercase {
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}

/* node_modules/@ionic/angular/css/flex-utils.css */
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}

/* src/global.scss */
@layer normalize, primeng, normalize-reset, dokupit;
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 300;
  src: url("./media/quicksand-v21-latin-300.eot");
  src:
    local(""),
    url("./media/quicksand-v21-latin-300.woff2") format("woff2"),
    url("./media/quicksand-v21-latin-300.woff") format("woff"),
    url("./media/quicksand-v21-latin-300.ttf") format("truetype"),
    url("./media/quicksand-v21-latin-300.svg#Quicksand") format("svg");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  src: url("./media/quicksand-v21-latin-regular.eot");
  src:
    local(""),
    url("./media/quicksand-v21-latin-regular.woff2") format("woff2"),
    url("./media/quicksand-v21-latin-regular.woff") format("woff"),
    url("./media/quicksand-v21-latin-regular.ttf") format("truetype"),
    url("./media/quicksand-v21-latin-regular.svg#Quicksand") format("svg");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  src: url("./media/quicksand-v21-latin-500.eot");
  src:
    local(""),
    url("./media/quicksand-v21-latin-500.woff2") format("woff2"),
    url("./media/quicksand-v21-latin-500.woff") format("woff"),
    url("./media/quicksand-v21-latin-500.ttf") format("truetype"),
    url("./media/quicksand-v21-latin-500.svg#Quicksand") format("svg");
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  src: url("./media/quicksand-v21-latin-700.eot");
  src:
    local(""),
    url("./media/quicksand-v21-latin-700.woff2") format("woff2"),
    url("./media/quicksand-v21-latin-700.woff") format("woff"),
    url("./media/quicksand-v21-latin-700.ttf") format("truetype"),
    url("./media/quicksand-v21-latin-700.svg#Quicksand") format("svg");
}
.dp-m-s {
  margin: 0.5rem;
}
.dp-mt-s {
  margin-top: 0.5rem;
}
.dp-mr-s {
  margin-right: 0.5rem;
}
.dp-mb-s {
  margin-bottom: 0.5rem;
}
.dp-ml-s {
  margin-left: 0.5rem;
}
.dp-m-m {
  margin: 1.2rem;
}
.dp-mt-m {
  margin-top: 1.2rem;
}
.dp-mr-m {
  margin-right: 1.2rem;
}
.dp-mb-m {
  margin-bottom: 1.2rem;
}
.dp-ml-m {
  margin-left: 1.2rem;
}
.dp-m-l {
  margin: 2rem;
}
.dp-mt-l {
  margin-top: 2rem;
}
.dp-mr-l {
  margin-right: 2rem;
}
.dp-mb-l {
  margin-bottom: 2rem;
}
.dp-ml-l {
  margin-left: 2rem;
}
.dp-m-0 {
  margin: 0;
}
.dp-mt-0 {
  margin-top: 0;
}
.dp-mr-0 {
  margin-right: 0;
}
.dp-mb-0 {
  margin-bottom: 0;
}
.dp-ml-0 {
  margin-left: 0;
}
.dp-p-s {
  padding: 0.5rem;
}
.dp-pt-s {
  padding-top: 0.5rem;
}
.dp-pr-s {
  padding-right: 0.5rem;
  --padding-end: 0.5rem;
}
.dp-pb-s {
  padding-bottom: 0.5rem;
}
.dp-pl-s {
  padding-left: 0.5rem;
  --padding-start: 0.5rem;
}
.dp-pt-m {
  padding-top: 1rem;
}
.dp-p-m {
  padding: 1rem;
}
.dp-pr-m {
  padding-right: 1rem;
}
.dp-pb-m {
  padding-bottom: 1rem;
}
.dp-pl-m {
  padding-left: 1rem;
}
.dp-pt-0 {
  padding-top: 0 !important;
}
.dp-pr-0 {
  padding-right: 0 !important;
  --padding-end: 0;
}
.dp-pb-0 {
  padding-bottom: 0 !important;
}
.dp-pl-0 {
  padding-left: 0 !important;
  --padding-left: 0;
}
.no-padding,
.dp-p-0 {
  padding: 0 !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
}
.no-padding-start {
  --padding-start: 0 !important;
}
.no-padding-end {
  --padding-end: 0 !important;
}
@media screen and (min-width: 768px) {
  ion-col.no-spacing {
    --ion-grid-column-padding: 0;
  }
}
.d-flex {
  display: flex;
}
.hidden {
  visibility: hidden !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.color-primary {
  color: var(--ion-color-primary);
}
.color-danger {
  color: var(--ion-color-danger);
}
.color-warning {
  color: var(--ion-color-warning);
}
.color-success {
  color: var(--ion-color-success);
}
.color-white {
  color: #fff;
}
.color-black {
  color: #000;
}
.md.bg-white,
.ios.bg-white {
  --ion-item-background: #fff;
}
.md.bg-default,
.ios.bg-default {
  --background: var(--ion-background-color);
}
.md.bg-primary,
.ios.bg-primary {
  --background: var(--ion-color-primary);
}
.md.bg-secondary,
.ios.bg-secondary {
  --background: var(--ion-color-secondary);
}
.md.bg-tertiary,
.ios.bg-tertiary {
  --background: var(--ion-color-tertiary);
}
.md.bg-light,
.ios.bg-light {
  --background: var(--ion-color-light);
}
.md.bg-transparent,
.ios.bg-transparent {
  --background: transparent;
  background: transparent;
}
.md.bg-item-default,
.ios.bg-item-default {
  --background: var(--ion-item-background);
}
.fs-normal {
  font-size: 1em;
}
.fs-bigger {
  font-size: 1.3em;
}
.fs-bigger-2 {
  font-size: 1.5em;
}
.ws-normal {
  white-space: normal !important;
}
.dp-border-right {
  border-right: 1px solid var(--ion-border-color);
}
.dp-border-right.dp-border-thick {
  border-right-width: 2px;
}
.dp-border-bottom {
  border-bottom: 1px solid var(--ion-border-color);
}
.dp-border-bottom.dp-border-thick {
  border-bottom-width: 2px;
}
.dp-border-left {
  border-left: 1px solid var(--ion-border-color);
}
.dp-border-left.dp-border-thick {
  border-left-width: 2px;
}
.dp-border-top {
  border-top: 1px solid var(--ion-border-color);
}
.dp-border-top.dp-border-thick {
  border-top-width: 2px;
}
.dp-border-dark {
  border-color: var(--ion-border-color-dark);
}
ion-label.label-always-floating {
  transform: translateY(50%) scale(0.75) !important;
}
.list-margin-top {
  margin-top: 16px;
  margin-bottom: calc(16px + var(--ion-safe-area-bottom));
}
.list-margin-bottom {
  margin-bottom: calc(72px + var(--ion-safe-area-bottom));
}
.list-padding-top {
  padding-top: 16px;
  padding-bottom: var(--ion-safe-area-bottom);
}
.list-padding-bottom {
  padding-bottom: calc(72px + var(--ion-safe-area-bottom));
}
.dp-above-leaflet {
  z-index: 1001;
}
.dp-adaptive-content-wrap {
  height: calc(100% - var(--header-height) - var(--content-inset, 0px));
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
:root {
  --ion-font-family: "Quicksand", sans-serif;
  --font-family:
    var(--ion-font-family),
    "Quicksand",
    sans-serif;
  font-family:
    var(--ion-font-family),
    "Quicksand",
    sans-serif;
}
html {
  font-size: 0.9375rem;
}
body {
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5;
}
h1,
.card-content-md h1 {
  font-size: 1.5rem;
}
h2,
.card-content-md h2 {
  font-size: 1.25rem;
}
h3,
.card-content-md h3 {
  font-size: 1.125rem;
}
h4,
.card-content-md h4 {
  font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
ion-title {
  font-size: 1.125rem;
}
ion-card ion-card-title {
  font-size: 1.125rem;
  font-weight: 500;
}
@media (max-width: 1020px) {
  ion-card ion-card-title {
    font-size: 1rem;
  }
}
ion-card ion-card-title h1,
ion-card ion-card-title h2,
ion-card ion-card-title h3,
ion-card ion-card-title h4,
ion-card ion-card-title h5 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
ion-backdrop {
  opacity: 0.3;
}
ion-item.drawer-item {
  --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
  border-color: var(--border-color);
  --ion-color-shade: var(--border-color);
}
ion-item.drawer-item::part(native) {
  --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
  border-color: var(--border-color) !important;
  --ion-color-shade: var(--border-color);
}
.select-alert {
  --width: 100%;
  z-index: 41000 !important;
}
.ion-page {
  overflow: auto;
  contain: initial;
}
ion-router-outlet {
  overflow: auto;
}
ion-grid {
  --ion-grid-padding: 0;
}
.component-wrap {
  height: 100%;
  width: 100%;
}
.page-wrap {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  height: calc(100% - var(--header-height) - var(--content-inset, 0px));
}
.page-wrap .page-content {
  flex-grow: 1;
  position: relative;
}
ion-header + .page-wrap {
  padding-top: 16px;
  padding-bottom: var(--ion-safe-area-bottom);
}
.dp-action-bar {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 576px) {
  .dp-action-bar {
    padding: 0.2rem 1rem;
  }
}
@media (min-width: 1200px) {
  .dp-action-bar {
    padding-inline-start: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));
    padding-inline-end: var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));
  }
}
ion-button,
ion-buttons > ion-button {
  text-transform: none;
  white-space: normal;
  font-weight: 500;
  letter-spacing: 0;
  height: auto;
  font-size: 1rem;
  --padding-top: 0.6rem;
  --padding-bottom: 0.6rem;
  --padding-start: 1.1rem;
  --padding-end: 1.1rem;
}
ion-button.button-small,
ion-buttons > ion-button.button-small {
  font-size: 0.85rem;
  --padding-top: 0.4rem;
  --padding-bottom: 0.4rem;
  --padding-start: 1.1rem;
  --padding-end: 1.1rem;
}
ion-button.button-large,
ion-buttons > ion-button.button-large {
  font-size: 1.1rem;
  --padding-top: 0.7rem;
  --padding-bottom: 0.7rem;
  --padding-start: 1.6rem;
  --padding-end: 1.6rem;
}
ion-button.round,
ion-buttons > ion-button.round {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  height: 2.3rem;
  width: 2.3rem;
  --border-radius: 100% !important;
  border-radius: 100% !important;
}
ion-button.round:hover,
ion-buttons > ion-button.round:hover {
  --border-radius: 100% !important;
  border-radius: 100% !important;
}
ion-button.round.button-small,
ion-buttons > ion-button.round.button-small {
  font-size: 0.9rem;
  height: 2rem;
  width: 2rem;
}
ion-button.round.button-large,
ion-buttons > ion-button.round.button-large {
  font-size: 1.2rem;
  height: 2.8rem;
  width: 2.8rem;
}
ion-button.round.button-outline,
ion-button.round.button-clear,
ion-buttons > ion-button.round.button-outline,
ion-buttons > ion-button.round.button-clear {
  transition: background 0.2s ease-out;
}
ion-button.round.button-outline:hover,
ion-button.round.button-clear:hover,
ion-buttons > ion-button.round.button-outline:hover,
ion-buttons > ion-button.round.button-clear:hover {
  transition: background 0.2s ease-out;
  border-radius: var(--border-radius);
  background: var(--ion-color-primary);
  color: #fff;
}
ion-button.round.button-outline:hover *,
ion-button.round.button-clear:hover *,
ion-buttons > ion-button.round.button-outline:hover *,
ion-buttons > ion-button.round.button-clear:hover * {
  color: #fff;
}
ion-button.round.button-outline[color=warning]:hover,
ion-button.round.button-clear[color=warning]:hover,
ion-buttons > ion-button.round.button-outline[color=warning]:hover,
ion-buttons > ion-button.round.button-clear[color=warning]:hover {
  background: var(--ion-color-warning);
  color: #000;
}
ion-button.round.button-outline[color=warning]:hover *,
ion-button.round.button-clear[color=warning]:hover *,
ion-buttons > ion-button.round.button-outline[color=warning]:hover *,
ion-buttons > ion-button.round.button-clear[color=warning]:hover * {
  color: #000;
}
ion-button.round.button-outline[color=danger]:hover,
ion-button.round.button-clear[color=danger]:hover,
ion-buttons > ion-button.round.button-outline[color=danger]:hover,
ion-buttons > ion-button.round.button-clear[color=danger]:hover {
  background: var(--ion-color-danger);
  color: #fff;
}
ion-button.round.button-outline[color=danger]:hover *,
ion-button.round.button-clear[color=danger]:hover *,
ion-buttons > ion-button.round.button-outline[color=danger]:hover *,
ion-buttons > ion-button.round.button-clear[color=danger]:hover * {
  color: #fff;
}
ion-button.round.button-outline[color=success]:hover,
ion-button.round.button-clear[color=success]:hover,
ion-buttons > ion-button.round.button-outline[color=success]:hover,
ion-buttons > ion-button.round.button-clear[color=success]:hover {
  background: var(--ion-color-success);
  color: #fff;
}
ion-button.round.button-outline[color=success]:hover *,
ion-button.round.button-clear[color=success]:hover *,
ion-buttons > ion-button.round.button-outline[color=success]:hover *,
ion-buttons > ion-button.round.button-clear[color=success]:hover * {
  color: #fff;
}
ion-button.dp-is-loading,
ion-buttons > ion-button.dp-is-loading {
  position: relative;
}
ion-button.dp-is-loading::part(native),
ion-buttons > ion-button.dp-is-loading::part(native) {
  cursor: wait;
}
ion-button.dp-is-loading fa-icon,
ion-button.dp-is-loading:hover fa-icon,
ion-button.dp-is-loading:hover fa-icon *,
ion-buttons > ion-button.dp-is-loading fa-icon,
ion-buttons > ion-button.dp-is-loading:hover fa-icon,
ion-buttons > ion-button.dp-is-loading:hover fa-icon * {
  color: transparent !important;
}
ion-button.dp-is-loading::before,
ion-buttons > ion-button.dp-is-loading::before {
  position: absolute;
  left: 11px;
  top: 50%;
  z-index: 9;
  pointer-events: none;
  text-align: center;
  margin-top: -11px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f3f4";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-animation: rotating 0.75s linear infinite;
  -moz-animation: rotating 0.75s linear infinite;
  -o-animation: rotating 0.75s linear infinite;
  animation: rotating 0.75s linear infinite;
}
ion-button.dp-is-loading.ion-color-success::before,
ion-button.dp-is-loading.ion-color-primary::before,
ion-button.dp-is-loading.ion-color-danger::before,
ion-button.dp-is-loading.ion-color-warning::before,
ion-buttons > ion-button.dp-is-loading.ion-color-success::before,
ion-buttons > ion-button.dp-is-loading.ion-color-primary::before,
ion-buttons > ion-button.dp-is-loading.ion-color-danger::before,
ion-buttons > ion-button.dp-is-loading.ion-color-warning::before {
  color: #fff;
}
ion-button fa-icon[slot=start],
ion-buttons > ion-button fa-icon[slot=start] {
  margin-right: 0.6em;
}
ion-button fa-icon[slot=end],
ion-buttons > ion-button fa-icon[slot=end] {
  margin-left: 0.6em;
}
ion-button[size=large],
ion-buttons > ion-button[size=large] {
  height: 36px;
}
ion-button[fill=solid],
ion-buttons > ion-button[fill=solid] {
  --box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
ion-button[fill=solid]:not(.button-round),
ion-buttons > ion-button[fill=solid]:not(.button-round) {
  --border-radius: 4px;
}
.dp-action-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 425px) {
  .dp-action-buttons {
    justify-content: normal;
  }
}
.dp-action-buttons ion-button fa-icon[slot=start] {
  margin-right: 0.6em;
}
.dp-action-buttons ion-button fa-icon[slot=end] {
  margin-left: 0.6em;
}
.dp-action-buttons ion-button.icon-only {
  font-size: 1.2rem;
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
}
ion-fab.fab-edge {
  top: 28px;
}
ion-fab.fab-edge.ios {
  top: 16px;
}
ion-fab.fab-vertical-bottom.fab-edge {
  top: unset;
  bottom: 8px;
}
@supports (bottom: max(8px, 8px)) {
  ion-fab.fab-vertical-bottom.fab-edge {
    bottom: max(var(--ion-safe-area-bottom, 0), 8px);
  }
}
ion-fab ion-fab-button {
  margin-left: 0.5rem;
}
ion-fab ion-fab-button fa-icon {
  font-size: 1.35rem;
}
ion-fab ion-fab-button[size=small],
ion-fab ion-fab-button.fab-button-small {
  margin-right: 0;
}
ion-fab ion-fab-button[size=small] fa-icon,
ion-fab ion-fab-button.fab-button-small fa-icon {
  font-size: 1rem;
}
.dp-g-fab.fixed {
  position: fixed;
}
.dp-g-fab.dp-edge {
  transform: translateY(-50%);
  z-index: 99999;
}
.dp-g-fab.h-start {
  left: var(--ion-safe-area-left, 0);
}
.dp-g-fab.h-end {
  right: var(--ion-safe-area-right, 0);
}
.dp-g-fab.stretch {
  width: 100%;
  display: flex;
}
.dp-g-fab ion-row {
  align-items: center;
}
.dp-g-fab ion-row ion-col {
  --ion-grid-column-padding: 2px;
}
.dp-g-fab.ipad-safe-areas.r-start ion-row,
.dp-g-fab.ipad-safe-areas.r-end ion-row {
  margin-top: 40px;
}
.dp-g-fab.bottom {
  bottom: var(--ion-safe-area-bottom, 0);
}
.dp-g-fab.bottom.dp-edge.ios {
  transform: translateY(-25%);
}
.dp-g-fab.bottom.dp-edge.md {
  transform: translateY(-30%);
}
.dp-g-fab.bottom.ipad-safe-areas {
  bottom: 24px;
}
.dp-g-fab.r-start {
  width: auto;
  height: 100%;
  left: var(--ion-safe-area-left, 0);
}
.dp-g-fab.r-start ion-col {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.dp-g-fab.r-start.no-gap {
  left: 0;
  bottom: 0;
}
.dp-g-fab.r-start.no-gap.ipad-safe-areas {
  bottom: 0;
}
.dp-g-fab.r-start.reverse ion-col {
  flex-direction: column;
}
.dp-g-fab.r-end {
  width: auto;
  height: 100%;
  right: var(--ion-safe-area-right, 0);
}
.dp-g-fab.r-end ion-col {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.dp-g-fab.r-end.no-gap {
  right: 0;
  bottom: 0;
}
.dp-g-fab.r-end.no-gap.ipad-safe-areas {
  bottom: 0;
}
.dp-g-fab.r-end.reverse ion-col {
  flex-direction: column;
}
.dp-g-fab .dp-g-fab-btn[shape=round] {
  --padding-top: 0.9rem;
  --padding-bottom: 0.9rem;
  --padding-end: 0.9rem;
  --padding-start: 0.9rem;
  border-radius: 50%;
  font-size: 1.3rem;
  --box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  --transition:
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 280ms cubic-bezier(0.4, 0, 0.2, 1),
    color 280ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 15ms linear 30ms,
    transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.dp-g-fab .dp-g-fab-btn[shape=round].ios {
  font-size: 1rem;
}
.dp-g-fab .dp-g-fab-btn[shape=round].ios::part(native) {
  width: 50px;
  height: 50px;
}
.dp-g-fab .dp-g-fab-btn[shape=round]::part(native) {
  width: 56px;
  height: 56px;
}
.dp-g-fab .dp-g-fab-btn[shape=round][size=small] {
  font-size: 1rem;
}
.dp-g-fab .dp-g-fab-btn[shape=round][size=small]::part(native) {
  width: 40px;
  height: 40px;
}
.dp-g-fab .dp-g-fab-btn[shape=round][size=xlarge] {
  font-size: 2.2rem;
}
.dp-g-fab .dp-g-fab-btn[shape=round][size=xlarge]::part(native) {
  width: 96px;
  height: 96px;
}
.dp-g-fab .dp-g-fab-btn[shape=round][size=xlarge].ios::part(native) {
  width: 112px;
  height: 112px;
}
.dp-g-fab .dp-g-fab-btn.space-around {
  margin-left: 12px;
  margin-right: 12px;
}
.dp-g-fab fa-layers {
  margin-left: -3px !important;
}
.dp-g-fab fa-icon {
  align-items: center;
  justify-content: center;
  display: flex;
}
.dp-fab-list {
  margin-inline-start: 4px;
}
.dp-fab-list .dp-fab-list-btn {
  margin-inline-start: 8px;
}
.Windows .dp-g-fab.h-start {
  left: calc(12px + var(--ion-safe-area-right, 0px));
}
.Windows .dp-g-fab.h-end {
  right: calc(12px + var(--ion-safe-area-right, 0px));
}
ion-card ion-card-header {
  color: var(--ion-text-color);
  padding-inline-start: 7px;
  padding-inline-end: 7px;
  padding-top: 7px;
  padding-bottom: 0;
}
@media (max-width: 576px) {
  ion-card ion-card-header {
    padding-bottom: 8px;
  }
}
ion-card ion-card-content {
  font-size: 1rem;
  color: var(--ion-text-color);
}
ion-card ion-card-content.card-content-md {
  font-size: 1rem;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}
ion-card ion-card-content.card-content-md p {
  font-size: 1rem;
}
@media (max-width: 576px) {
  ion-card {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-top: 0;
  }
}
ion-card ion-list {
  background: var(--ion-card-background) !important;
}
.dp-info-card ion-card-content {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
ion-chip app-field-icon-view {
  --margin-left: 4px;
  --margin-right: 4px;
}
ion-chip app-field-icon-view:first-child {
  --margin-left: 2px;
}
ion-chip app-field-icon-view:last-child {
  --margin-right: 2px;
}
ion-input.input-fill-outline.sc-ion-input-md-h {
  --padding-start: 12px;
  --padding-end: 12px;
  font-size: 1rem;
  min-height: 50px;
}
.input-label-placement-stacked.sc-ion-input-md-h {
  min-height: 50px;
}
.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md {
  transform: translateY(80%) scale(1);
}
.label-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md {
  transform: translateY(32%) scale(0.75);
}
ion-select.select-fill-outline {
  min-height: 50px;
}
ion-input.disabled-input {
  pointer-events: none;
  opacity: 0.7;
}
.dp-input-outline {
  border: 1px solid var(--ion-color-step-300, #b3b3b3);
  border-radius: 4px;
}
.dp-input-outline:hover {
  border: 1px solid var(--ion-color-step-750, #404040);
}
ion-textarea.sc-ion-textarea-md-h:not(.legacy-input, .no-min-height-auto) {
  min-height: auto;
}
.item-label-stacked.dp-ion-item-content-wrap,
.item-label-stacked .dp-ion-item-content-wrap,
.item-label-floating.dp-ion-item-content-wrap,
.item-label-floating .dp-ion-item-content-wrap {
  --padding-top: 8px;
  --padding-bottom: 8px;
  --padding-start: 0;
  background: transparent;
}
.dp-ion-item-content-wrap {
  --padding-top: 10px;
  --padding-end: 0;
  --padding-bottom: 10px;
  --padding-start: 8px;
  font-size: inherit;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 !important;
  background: var(--background);
  color: var(--color);
  font-family: var(--ion-font-family, inherit);
  z-index: 2;
}
.dp-ion-item-content-wrap .dp-ion-input {
  border-radius: var(--border-radius);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: 0;
  padding-bottom: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-overflow: inherit;
  text-transform: inherit;
  text-align: inherit;
  white-space: inherit;
  color: inherit;
  display: inline-block;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field,
.dp-ion-item-content-wrap ngx-timepicker-field {
  --mat-form-field-container-height: auto;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-mat-timepicker__control--first,
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-mat-timepicker__control--third,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-mat-timepicker__control--first,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-mat-timepicker__control--third {
  height: 32px;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .mat-mdc-form-field.ngx-mat-timepicker-control .mat-mdc-form-field-infix,
.dp-ion-item-content-wrap ngx-timepicker-field .mat-mdc-form-field.ngx-mat-timepicker-control .mat-mdc-form-field-infix {
  padding-top: 0;
  padding-bottom: 0;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .mat-mdc-input-element,
.dp-ion-item-content-wrap ngx-timepicker-field .mat-mdc-input-element {
  line-height: 2.2rem;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker {
  border: none;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker .ngx-timepicker-control,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker .ngx-timepicker-control {
  height: 32px;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker .ngx-timepicker-control .ngx-timepicker-control__input,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker .ngx-timepicker-control .ngx-timepicker-control__input {
  font-size: 1.05rem;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker .ngx-timepicker-control--active::after,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker .ngx-timepicker-control--active::after {
  bottom: -4px;
  background-color: var(--ion-color-primary);
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker .ngx-timepicker__toggle,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker .ngx-timepicker__toggle {
  padding-left: 2px;
}
.dp-ion-item-content-wrap ngx-mat-timepicker-field .ngx-timepicker .ngx-timepicker__toggle fa-icon svg,
.dp-ion-item-content-wrap ngx-timepicker-field .ngx-timepicker .ngx-timepicker__toggle fa-icon svg {
  height: 2rem;
  color: var(--ion-color-primary);
}
.dp-time-picker-field {
  padding-bottom: 8px;
  background-color: var(--ion-color-light);
}
.dp-time-picker-field .ngx-mat-timepicker {
  background-color: inherit;
}
.dp-time-picker-field ngx-timepicker-time-control .ngx-timepicker-control__input {
  background-color: inherit;
}
ion-datetime {
  --padding-top: 8px;
  --padding-bottom: 8px;
}
div.timepicker {
  overflow: hidden;
  border-radius: 4px !important;
  background: var(--background, #eef0f8);
  --dial-background-color: var(--ion-color-primary);
  --body-background-color: #eef0f8;
  --dial-editable-active-color: var(--ion-color-primary);
  --clock-face-background-color: #fff;
  --clock-hand-color: var(--ion-color-primary);
}
div.timepicker .timepicker__actions {
  flex-direction: row-reverse;
  justify-content: end;
}
mat-calendar .mat-calendar-body-selected {
  background-color: var(--ion-color-primary);
}
mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
mat-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
mat-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--ion-color-primary-tint);
  color: var(--ion-color-primary-contrast);
}
.dp-fake-active-input {
  opacity: 1;
  color: var(--color);
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  pointer-events: none;
}
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
  color: gray;
  opacity: 0.4;
  -webkit-text-fill-color: inherit;
  -webkit-text-stroke: 1px;
}
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.number-field-step-btn {
  align-self: center;
  margin-left: 5px;
}
.dp-calendar-time-picker .ngx-timepicker {
  justify-content: center;
}
.dp-calendar-time-picker .ngx-timepicker__toggle {
  margin-left: 10px;
}
mwl-calendar-week-view-event .cal-event-title {
  color: #000;
}
mwl-calendar-month-cell.cal-weekend {
  background: #efefef;
}
.cal-month-view .cal-future .cal-day-badge,
.cal-month-view .cal-today .cal-day-badge {
  background-color: var(--ion-color-primary);
}
.dp-text-editor-toolbar ngx-editor-floating-menu {
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  top: 0 !important;
  left: 0 !important;
}
@media (max-width: 544px) {
  .NgxEditor__Popup {
    right: 0;
  }
}
@media (max-width: 462px) {
  .NgxEditor__Popup {
    right: unset;
    left: 0;
  }
}
.NgxEditor__Popup form {
  color: var(--ion-text-color);
}
.NgxEditor__Popup form .NgxEditor__Popup--FormGroup .NgxEditor__HelpText {
  display: none;
}
.NgxEditor__Popup form input {
  background: #fff;
  border: 1px solid var(--ion-border-color);
  border-radius: 2px;
}
.NgxEditor__Popup form button {
  background: var(--ion-color-primary);
  padding: 5px;
  border-radius: 3px;
  color: #fff;
}
ion-item.item-input {
  --border-radius: 5px 5px 0 0;
}
ion-virtual-scroll ion-item.md.ion-item-active,
ion-virtual-scroll ion-item.ios.ion-item-active,
ion-list ion-item.md.ion-item-active,
ion-list ion-item.ios.ion-item-active {
  --background: var(--ion-color-primary);
}
ion-virtual-scroll ion-item.md.ion-item-active ion-label,
ion-virtual-scroll ion-item.md.ion-item-active:hover ion-label,
ion-virtual-scroll ion-item.md.ion-item-active span.marker-name,
ion-virtual-scroll ion-item.ios.ion-item-active ion-label,
ion-virtual-scroll ion-item.ios.ion-item-active:hover ion-label,
ion-virtual-scroll ion-item.ios.ion-item-active span.marker-name,
ion-list ion-item.md.ion-item-active ion-label,
ion-list ion-item.md.ion-item-active:hover ion-label,
ion-list ion-item.md.ion-item-active span.marker-name,
ion-list ion-item.ios.ion-item-active ion-label,
ion-list ion-item.ios.ion-item-active:hover ion-label,
ion-list ion-item.ios.ion-item-active span.marker-name {
  color: #fff !important;
}
ion-virtual-scroll ion-item.no-padding,
ion-list ion-item.no-padding {
  --inner-padding-start: 0;
  --inner-padding-end: 0;
  --padding-start: 0;
}
ion-virtual-scroll.interactive-list ion-item,
ion-list.interactive-list ion-item {
  cursor: pointer;
}
ion-item ion-label {
  outline: none;
}
cdk-virtual-scroll-viewport {
  height: 100%;
  width: 100%;
}
cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
  max-width: 100%;
}
.dp-split-view {
  display: flex;
  flex-grow: 1;
  height: 100%;
  position: relative;
}
.dp-split-view .dp-split-view-menu {
  width: 22vw;
  flex-grow: 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 1000px) {
  .dp-split-view .dp-split-view-menu {
    width: 100vw;
  }
}
.dp-split-view .dp-split-view-content {
  width: 78vw;
  flex-grow: 1;
  position: relative;
  z-index: 10;
}
@media (max-width: 1000px) {
  .dp-split-view .dp-split-view-content {
    width: 100vw;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
  }
}
ion-split-pane.ios ion-header ion-toolbar {
  padding-top: 0;
}
ion-fab.ios {
  bottom: var(--ion-safe-area-bottom, 10px);
}
ion-fab.fab-vertical-top.ios {
  bottom: unset;
}
.dp-side-menu-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.dp-side-menu-container .dp-menu-close-btn {
  display: none;
  width: 100%;
}
.dp-side-menu-container .dp-menu-close-btn ion-item {
  --min-height: 56px;
}
.dp-side-menu-container .dp-side-menu {
  --dp-side-menu-min-width: 280px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: var(--dp-side-menu-min-width, 280px);
}
.dp-side-menu-container .dp-side-menu-page-main-content {
  display: flex;
  flex-grow: 4;
}
@media screen and (max-width: 560px) {
  .dp-side-menu-container .dp-side-menu {
    --dp-side-menu-min-width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: var(--dp-side-menu-min-width, 100%);
    flex-direction: column;
  }
  .dp-side-menu-container .dp-side-menu .dp-menu-close-btn {
    display: block;
  }
  .dp-side-menu-container .dp-side-menu app-project-plan-job-list {
    height: calc(100% - 56px);
  }
  .dp-side-menu-container .dp-side-menu.dp-side-in-modal app-project-plan-job-list {
    height: 100%;
  }
  .dp-side-menu-container .dp-side-menu-page-main-content {
    flex-grow: 1;
  }
}
ion-segment ion-segment-button {
  min-height: 38px;
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: none;
}
.segment-menu-icon {
  display: none;
}
@media (max-width: 425px) {
  .segment-menu-icon {
    display: block;
  }
}
.segment-menu-text {
  display: none;
}
@media (min-width: 426px) {
  .segment-menu-text {
    display: block;
  }
}
.dp-notice,
.notice {
  border: 3px solid var(--ion-color-primary);
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.dp-notice .notice-header,
.notice .notice-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: var(--ion-color-primary);
  color: #fff;
  font-weight: 500;
}
.dp-notice .notice-header .notice-icon,
.notice .notice-header .notice-icon {
  font-size: 1.4rem;
  margin-right: 1rem;
}
.dp-notice .notice-content,
.notice .notice-content {
  width: 750px;
  max-width: 100%;
  padding: 1rem;
}
.dp-notice.notice-error,
.notice.notice-error {
  border-color: var(--ion-color-danger);
}
.dp-notice.notice-error .notice-header,
.notice.notice-error .notice-header {
  background: var(--ion-color-danger);
}
.dp-notice.notice-success,
.notice.notice-success {
  border-color: var(--ion-color-success);
}
.dp-notice.notice-success .notice-header,
.notice.notice-success .notice-header {
  background: var(--ion-color-success);
}
.dp-notice.notice-warning,
.notice.notice-warning {
  border-color: var(--ion-color-warning);
}
.dp-notice.notice-warning .notice-header,
.notice.notice-warning .notice-header {
  background: var(--ion-color-warning);
}
.dp-notice.small .notice-header .notice-icon,
.notice.small .notice-header .notice-icon {
  font-size: 1.4rem;
}
.dp-notice.small .notice-header .notice-title,
.notice.small .notice-header .notice-title {
  font-size: 1rem;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: calc(var(--ion-safe-area-top, 0)) !important;
}
body .tippy-box[data-theme=light] {
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.4);
}
body .tippy-box[data-theme=light] .tippy-svg-arrow {
  fill: #fff;
}
.ng-select .ng-select-container,
ng-dropdown-panel {
  border-color: var(--ion-border-color) !important;
  width: auto !important;
}
ng-select {
  flex: 1;
}
ion-item ng-select,
ion-item .ng-select {
  width: 100%;
}
ion-item ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container,
ion-item ng-select .ng-select-container,
ion-item .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container,
ion-item .ng-select .ng-select-container {
  background: transparent;
  border: none !important;
  box-shadow: none;
}
ion-item ion-select::part(label) {
  max-width: 70%;
}
.dp-label p {
  color: #696969;
}
color-editable-input input {
  background-color: transparent;
}
.quill-formula-editor .ql-editor div {
  display: inline-block;
}
.formular-editor {
  min-width: 100%;
}
.time-tracking-table-wrap .tt-edit-cell {
  padding: 0.3rem 0.9rem 0 !important;
}
.dp-camera-modal {
  --min-height: 100%;
  --min-width: 100%;
}
.camera-preview-visible {
  background: transparent;
  --background: transparent;
}
.camera-preview-visible app-header {
  display: none;
}
.camera-preview-visible #main {
  background: transparent;
  --background: transparent;
}
.camera-preview-visible #main > ion-content {
  --background: transparent;
  display: none;
}
.camera-preview-visible ion-modal {
  --backdrop-opacity: 0;
  --background: transparent;
}
.camera-preview-visible ion-modal ion-header {
  display: none;
}
.camera-preview-visible ion-modal ion-content {
  --background: transparent;
  visibility: hidden;
}
.camera-preview-visible ion-modal app-dp-camera ion-content {
  visibility: visible;
}
.camera-preview-visible .dp-text-editor-toolbar ngx-editor-floating-menu {
  display: none;
}
.scanner-visible {
  background: transparent;
  --background: transparent;
}
.scanner-visible #main {
  background: transparent;
  --background: transparent;
}
.scanner-visible #main > ion-content {
  --background: transparent;
}
.scanner-visible.scanner-in-modal #main > ion-content {
  display: none;
}
.scanner-visible.scanner-in-modal ion-modal {
  --background: transparent;
}
.scanner-visible.scanner-in-modal ion-modal .dp-modal-header {
  visibility: hidden;
}
.scanner-visible.scanner-in-modal ion-modal ion-content {
  --background: transparent;
}
.scanner-visible.scanner-in-modal ion-modal ion-content .component-wrap {
  visibility: hidden;
}
.scanner-visible.scanner-in-modal ion-modal ion-content app-building-plan-details {
  display: none;
}
.scanner-visible.scanner-in-modal ion-modal ion-backdrop {
  display: none;
}
.scanner-visible.scanner-in-dialog #main {
  visibility: hidden;
}
.scanner-visible.scanner-in-dialog.scanner-mobile #main {
  visibility: hidden;
  display: none;
}
.scanner-visible.scanner-in-dialog.scanner-mobile ion-modal {
  display: none;
}
.dialog-scanner {
  text-align: left !important;
}
.no-brackground {
  background: transparent !important;
}
ion-modal.auto-height {
  --height: auto;
}
ion-modal.auto-height.bottom {
  align-items: flex-end;
}
ion-modal.auto-height .ion-page {
  position: relative;
  display: block;
  contain: content;
}
ion-modal.auto-height .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: var(--ion-padding-top) var(--ion-padding-end) var(--ion-padding-bottom) var(--ion-padding-start);
}
.dp-modal-header {
  background:
    linear-gradient(
      90deg,
      rgb(0, 30, 51) 0%,
      rgb(32, 146, 201) 20%,
      rgb(32, 146, 201) 80%,
      rgb(0, 30, 51) 100%);
}
.dp-modal-header ion-toolbar {
  --background: #313539;
  --color: white;
}
.dp-modal-header ion-toolbar.top-toolbar {
  --background: transparent;
}
.dp-modal-header ion-toolbar ion-button {
  --color: white;
}
.dp-modal-header ion-toolbar ion-segment.ios {
  padding: 2px;
}
.dp-modal-header ion-toolbar ion-segment.ios ion-segment-button {
  --color-checked: #000;
}
.dp-modal-header ion-toolbar ion-segment.md {
  padding: 8px;
}
.dp-modal-header ion-toolbar ion-segment.md ion-segment-button {
  --indicator-color: transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.dp-modal-header ion-toolbar ion-segment.md ion-segment-button:last-child {
  border-right: none;
}
.dp-modal-header ion-toolbar ion-segment.md ion-segment-button::part(indicator) {
  display: none;
}
ion-modal.modal-fullscreen {
  --width: 100vw;
  --height: 100vh;
}
ion-modal.modal-fullheight {
  --height: 100vh;
}
ion-modal.modal-height-auto {
  --height: auto;
}
ion-modal.modal-height-auto.bottom {
  align-items: flex-end;
}
ion-modal.modal-height-auto .ion-page {
  position: relative;
  display: block;
  contain: content;
}
ion-modal.modal-height-auto .ion-page .inner-content {
  max-height: 90vh;
  overflow: auto;
}
ion-modal.modal-xl {
  --width: 98vw;
  --height: 97vh;
}
ion-modal.modal-xl.modal-height-auto {
  --height: auto;
}
ion-modal.modal-xl app-article-details {
  height: 100%;
}
ion-modal.modal-xl ion-footer {
  --background: inherit;
}
ion-modal.modal-xl ion-footer ion-toolbar {
  --background: inherit;
}
ion-modal.modal-l {
  --width: 80vw;
  --height: 97vh;
}
@media (max-width: 1020px) {
  ion-modal.modal-l {
    --width: 98vw;
    --height: 97vh;
  }
  ion-modal.modal-l.modal-height-auto {
    --height: auto;
  }
}
ion-modal.modal-l.modal-height-auto {
  --height: auto;
}
ion-modal.modal-m {
  --width: 60vw;
  --height: 80vh;
}
@media (max-width: 1020px) {
  ion-modal.modal-m {
    --width: 98vw;
    --height: 97vh;
  }
  ion-modal.modal-m.modal-height-auto {
    --height: auto;
  }
}
ion-modal.modal-m.modal-height-auto {
  --height: auto;
}
ion-modal.modal-s {
  --width: 30vw;
  --height: 50vh;
}
@media (max-width: 1020px) {
  ion-modal.modal-s {
    --width: 98vw;
    --height: 97vh;
  }
  ion-modal.modal-s.modal-height-auto {
    --height: auto;
  }
}
ion-modal.modal-s.modal-height-auto {
  --height: auto;
}
@media (max-width: 728px) {
  ion-modal.mobile-fullscreen {
    --width: 100vw;
    --height: 100vh;
  }
}
ion-modal.stack-modal {
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
}
ion-popover,
ion-alert,
ion-picker {
  z-index: 999999 !important;
}
ion-popover.select-popover,
ion-alert.select-popover,
ion-picker.select-popover {
  --width: auto;
}
.dp-service-group-list {
  --width: auto;
}
.language-switcher-popover::part(content) {
  --min-width: 250px;
}
#dp-leaflet-wrap .leaflet-grab {
  cursor: auto;
}
.leaflet-dragging #dp-leaflet-wrap .leaflet-grab {
  cursor: move;
}
.leaflet-visualclick-icon {
  border-radius: 100%;
  pointer-events: none;
}
.leaflet-visualclick-icon:after {
  content: "";
  border-radius: 100%;
  height: 60px;
  width: 60px;
  position: absolute;
  margin-left: -30px;
  margin-top: -30px;
  pointer-events: none;
  box-shadow: inset 0 0 25px -1px #e1e3e4, 0 0 10px -1px #c5c5c5;
  animation: visualclick-pulsate 0.7s ease-out;
  animation-iteration-count: 1;
  animation-delay: 0s;
  opacity: 0;
}
.leaflet-visualclick-icon-touch:after {
  content: "";
  border-radius: 100%;
  height: 140px;
  width: 140px;
  position: absolute;
  margin-left: -70px;
  margin-top: -70px;
  pointer-events: none;
  box-shadow: inset 0 0 25px -1px #e1e3e4, 0 0 10px -1px #c5c5c5;
  animation: visualclick-pulsate-touch 0.7s ease-out;
  animation-iteration-count: 1;
  animation-delay: 0s;
  opacity: 0;
}
@keyframes visualclick-pulsate {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes visualclick-pulsate-touch {
  from {
    transform: scale(1);
    opacity: 0.8;
  }
  to {
    transform: scale(0.2);
    opacity: 0;
  }
}
.leaflet-pane.leaflet-ie10-visual-click-pane-pane {
  z-index: 300;
}
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font:
    12px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
.leaflet-marker-icon.leaflet-div-icon,
.leaflet-marker-icon.leaflet-dp-icon {
  background: transparent;
  border: none;
}
.leaflet-marker-icon.leaflet-div-icon .fas,
.leaflet-marker-icon.leaflet-div-icon .fad,
.leaflet-marker-icon.leaflet-div-icon .fal,
.leaflet-marker-icon.leaflet-dp-icon .fas,
.leaflet-marker-icon.leaflet-dp-icon .fad,
.leaflet-marker-icon.leaflet-dp-icon .fal {
  font-size: 36px;
  display: block;
  margin: auto;
  text-align: center;
}
.leaflet-marker-icon.leaflet-div-icon .fas.custom-icons,
.leaflet-marker-icon.leaflet-div-icon .fad.custom-icons,
.leaflet-marker-icon.leaflet-div-icon .fal.custom-icons,
.leaflet-marker-icon.leaflet-dp-icon .fas.custom-icons,
.leaflet-marker-icon.leaflet-dp-icon .fad.custom-icons,
.leaflet-marker-icon.leaflet-dp-icon .fal.custom-icons {
  font-size: 48px;
}
.building-plan-wrap .leaflet-map-pane canvas {
  cursor: pointer;
}
.leaflet-marker-icon .job-marker-number {
  position: absolute;
  top: -22px;
  min-width: 100%;
  text-align: center;
  color: white;
  text-shadow: 0 0 3px #000;
  font-size: 1.35em;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.leaflet-marker-icon .job-marker-custom-icons {
  position: absolute;
  top: 6px;
  left: 12px;
  display: flex;
  align-items: center;
}
.leaflet-marker-icon .job-marker-custom-icons .job-marker-custom-icon.dp-svg {
  width: 24px;
  height: auto;
  color: var(--dp-icon-color, inherit);
  fill: var(--dp-icon-color, inherit);
}
.leaflet-marker-icon .job-marker-custom-icons i.job-marker-custom-icon {
  font-size: 22px;
}
.leaflet-marker-icon .job-marker-custom-icons :nth-child(2) {
  margin-left: 7px;
  padding: 3px;
  background: white;
  border-radius: 50%;
}
.dp-map-info .control-content {
  background: rgba(255, 255, 255, 0.9);
  padding: 8px;
  margin-right: 0;
  color: #222;
  font-size: 1rem;
  max-width: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dp-map-info .content-padding {
  padding: 0 8px;
}
.leaflet-right .dp-map-info.leaflet-control {
  margin-right: 0;
}
.leaflet-left .dp-map-info.leaflet-control {
  margin-left: 0;
}
.leaflet-left .dp-map-info.leaflet-control .color-warning {
  color: var(--ion-color-warning);
}
a.map-marker-delete-btn {
  color: #f4516c !important;
}
a.map-marker-delete-btn:hover {
  color: #fff !important;
}
a.map-marker-view-job-btn {
  color: #333 !important;
}
a.map-marker-view-job-btn:hover {
  color: #fff !important;
}
.job-popup-name {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
}
.job-popup-qr {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-style: italic;
  padding-bottom: 5px;
}
.map-marker {
  border: none;
}
.map-marker .marker-job-number {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  margin-bottom: -9px;
  text-shadow: 0 0 5px #000;
}
.map-marker img.marker-img {
  position: relative;
  z-index: 4;
  max-width: 100% !important;
}
.leaflet-popup .leaflet-popup-content-wrapper {
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.leaflet-popup .leaflet-popup-tip-container,
.leaflet-popup .leaflet-popup-close-button {
  display: none;
}
.marker-popup-card {
  max-width: 300px;
  width: auto;
}
.marker-popup-card ion-card-header {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-inline-end: 0;
  padding-inline-start: 7px;
}
.marker-popup-card ion-card-header.ios {
  padding-inline-end: 7px;
}
.marker-popup-card ion-card-header ion-toolbar {
  --min-height: 20px;
}
.marker-popup-card ion-card-content {
  padding-top: 0 !important;
}
.marker-popup-card .marker-popup-toolbar {
  padding-left: 8px;
}
.marker-popup-card .marker-popup-toolbar .marker-popup-title {
  font-size: 1.062rem;
}
.marker-popup-card .marker-popup-close-btn i {
  font-size: 1rem;
}
.marker-popup-card .marker-job-code {
  border: none;
  padding: 8px 4px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  margin: 0;
}
.marker-popup-card .marker-job-code i {
  margin-right: 8px;
}
.marker-popup-card .marker-job-sg {
  --min-height: 32px;
  margin: 4px;
  display: block;
}
.marker-popup-content .marker-not-saved-notice {
  display: inline-block;
  font-style: italic;
  font-size: 0.9em;
  padding-top: 5px;
}
.article-icon-definition {
  width: auto !important;
}
.article-icon-definition div.ng-option .ng-option-label {
  display: flex;
  align-items: center;
}
.article-icon-definition fa-icon {
  margin-right: 5px;
}
.select-field-selected-value {
  display: flex;
  align-items: center;
}
.select-field-selected-value .article-icon-selection-img {
  width: 30px;
  margin-right: 5px;
}
.select-field-selected-value fa-icon {
  margin-right: 5px;
}
.dp-page-blocking-loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  transition: width 0s 1s ease;
}
.dp-page-blocking-loader .loader__icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.dp-page-blocking-loader .loader__icon svg {
  transform-origin: 0 0;
}
.dp-page-blocking-loader .loader__tile {
  position: absolute;
  left: 0;
  width: 0;
  height: 20%;
  background-color: var(--ion-color-primary);
  transition: width 0.5s ease;
}
.dp-page-blocking-loader .loader__tile:nth-child(0) {
  top: -20%;
  transition-delay: -0.1s;
}
.dp-page-blocking-loader .loader__tile:nth-child(1) {
  top: 0%;
  transition-delay: 0s;
}
.dp-page-blocking-loader .loader__tile:nth-child(2) {
  top: 20%;
  transition-delay: 0.1s;
}
.dp-page-blocking-loader .loader__tile:nth-child(3) {
  top: 40%;
  transition-delay: 0.2s;
}
.dp-page-blocking-loader .loader__tile:nth-child(4) {
  top: 60%;
  transition-delay: 0.3s;
}
.dp-page-blocking-loader .loader__tile:nth-child(5) {
  top: 80%;
  transition-delay: 0.4s;
}
.app-tab-locked #main {
  --app-header-h: 0px !important;
}
.app-tab-locked #startup-loader-wrap,
.app-tab-locked .dp-page-blocking-loader {
  display: none !important;
}
.dp-loader-active {
  z-index: 999999;
  width: 100%;
  transition-delay: 0s;
}
.dp-loader-active .loader__icon {
  opacity: 1;
  transition: opacity 0.5s 1s ease;
}
.dp-loader-active .loader__tile {
  width: 100%;
}
.dp-loader-active .loader__tile:nth-child(0) {
  transition-delay: -0.1s;
}
.dp-loader-active .loader__tile:nth-child(1) {
  transition-delay: 0s;
}
.dp-loader-active .loader__tile:nth-child(2) {
  transition-delay: 0.1s;
}
.dp-loader-active .loader__tile:nth-child(3) {
  transition-delay: 0.2s;
}
.dp-loader-active .loader__tile:nth-child(4) {
  transition-delay: 0.3s;
}
.dp-loader-active .loader__tile:nth-child(5) {
  transition-delay: 0.4s;
}
.edge-disable-eye::-ms-reveal,
.edge-disable-eye::-ms-clear,
.edge-disable-eye input::-ms-reveal,
.edge-disable-eye input::-ms-clear {
  display: none !important;
}
.patchnotes h1,
.patchnotes h2,
.patchnotes h3,
.patchnotes h4,
.patchnotes h5,
.patchnotes h6 {
  margin-top: 10px !important;
}
.creating-report-signature-action .signature-start-wrap {
  text-align: right !important;
}
@media (min-width: 768px) {
  .job-article-fields.field-display-dynamic {
    display: flex;
    flex-wrap: wrap;
  }
  .job-article-fields.field-display-dynamic .job-article-field-wrap {
    flex-grow: 1;
    padding: 2px;
  }
  .field-display-dynamic .job-field-group-sub-fields {
    display: flex;
    flex-wrap: wrap;
  }
  .field-display-dynamic .job-field-group-sub-fields .job-sub-field-wrap {
    flex-grow: 1;
  }
}
.PinturaButton.PinturaButtonIconOnly.PinturaInputFormButtonConfirm,
.PinturaButton.PinturaButtonExport {
  --color-primary: var(--ion-color-success);
  --color-primary-text: var(--ion-color-success-contrast, white);
}
.PinturaRoot .PinturaButton.PinturaButtonExport:hover {
  --color-primary-dark: var(--ion-color-success-tint);
}
.PinturaRoot > .PinturaNav .PinturaButton .PinturaButtonInner,
.PinturaRoot > .PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,
.PinturaRoot > .PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner {
  height: 2.4em;
  width: 2.4em;
}
.PinturaRoot {
  padding-bottom: var(--ion-safe-area-bottom);
}
.PinturaRootWrapper .PinturaRoot[data-env~=landscape][data-env~=has-limited-space] > .PinturaNavMain,
.PinturaRootWrapper .PinturaRoot[data-env~=landscape][data-env~=has-limited-space] > .PinturaNavMain {
  bottom: calc(5em + var(--editor-calculated-inset-bottom));
}
.ios .PinturaNav.PinturaNavTools {
  padding-bottom: 0 !important;
}
#camera-preview-container .PinturaRoot {
  padding-top: var(--ion-safe-area-top);
}
#crisp-chatbox[data-full-view=true] > div > div > div > div {
  padding-top: var(--ion-safe-area-top) !important;
}
#crisp-chatbox[data-full-view=true] > div > div > div > div > span > span {
  top: calc(var(--ion-safe-area-top) + 10px) !important;
}
#crisp-chatbox[data-full-view=true] > div > div > div:nth-child(2) > div {
  margin-bottom: var(--ion-safe-area-bottom, 44px) !important;
}
@layer dokupit {
  table {
    border-collapse: unset;
  }
  table td,
  table th {
    padding: 1rem 1rem;
  }
  .accounting-datatable table,
  .time-tracking-table table {
    table-layout: fixed;
  }
  .accounting-datatable table th,
  .accounting-datatable table td,
  .time-tracking-table table th,
  .time-tracking-table table td {
    width: 200px;
  }
  .accounting-datatable p-scroller,
  .time-tracking-table p-scroller {
    height: 100%;
  }
}
mat-button-toggle-group mat-button-toggle {
  --mat-standard-button-toggle-height: 1;
}
mat-button-toggle-group mat-button-toggle button span {
  padding: 5px 12px;
}
.checkbox-item,
.input-design {
  border: 1px solid var(--ion-color-step-300, #b3b3b3);
  border-radius: 4px;
}
.checkbox-item:hover,
.input-design:hover {
  border: 1px solid var(--ion-color-step-750, #404040);
}
.checkbox-item .item-desc,
.input-design .item-desc {
  font-style: italic;
  font-size: 0.8rem;
  line-height: normal;
}
ion-button.info-hover-icon {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: transparent;
  --background-focused-opacity: 0;
  --background-hover-opacity: 0;
}
ion-button.info-hover-icon.top-right {
  position: absolute;
  top: 0;
  right: 0;
}
ion-button.info-hover-icon.info-hover-icon-inline {
  margin: 0 0.5rem;
  text-align: center;
  width: auto;
  height: auto;
}
.dp-floating-field {
  position: relative;
  cursor: pointer;
}
.dp-floating-field .field-outline-container {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  --border-color: var(--ion-color-step-300, #b3b3b3);
  --border-radius: 6px;
}
.dp-floating-field .field-outline-container.no-label .field-outline-notch .notch-spacer {
  display: none;
}
.dp-floating-field .field-outline-container .field-outline-start {
  --padding-start: 16px;
  width: calc(var(--padding-start) - 4px);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-inline-start: 1px solid var(--border-color);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.dp-floating-field .field-outline-container .field-outline-notch {
  border-bottom: 1px solid var(--border-color);
}
.dp-floating-field .field-outline-container .field-outline-notch .notch-spacer {
  font-size: 0.75em;
  transform: translateY(-50%);
  padding-left: 4px;
  padding-right: 4px;
}
.dp-floating-field .field-outline-container .field-outline-end {
  flex-grow: 1;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-inline-end: 1px solid var(--border-color);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.dp-floating-field:hover .field-outline-container {
  --border-color: var(--ion-color-step-750, #404040);
}
.dp-floating-field .dp-combo-picker-wrap {
  --border-radius: 6px;
  height: 100%;
  min-height: 56px;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
}
.dp-floating-field .dp-combo-picker-wrap.bg-light {
  background: var(--ion-color-light) !important;
}
.dp-floating-field .dp-combo-picker-wrap input {
  color: black;
  text-align: left;
  --padding-start: 16px;
}
.dp-floating-field ng-select {
  z-index: 1;
}
.dp-floating-field ng-select.ng-select-focused .ng-select-container {
  box-shadow: none !important;
}
.dp-floating-field ng-select.ng-select-multiple .ng-value-container {
  padding: 0 !important;
}
.dp-floating-field ng-select.ng-select-multiple .ng-placeholder {
  top: 50% !important;
  transform: translate(0, -50%);
  padding: 0 !important;
}
.dp-floating-field ng-select.ng-select-multiple .ng-select-container .ng-input {
  padding: 0 !important;
}
.dp-floating-field ng-select .ng-select-container {
  min-height: 56px;
  background: var(--ion-color-light) !important;
  border: none !important;
}
.dp-floating-field ng-select .ng-select-container .ng-placeholder {
  color: black !important;
}
.dp-floating-field ng-select .ng-select-container .ng-value-container,
.dp-floating-field ng-select .ng-select-container .ng-input {
  padding-left: 16px !important;
}
.dp-floating-field ng-select .ng-select-container .ng-arrow-wrapper {
  padding-right: 16px;
}
.dp-floating-field ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
  border-color: var(--ion-color-step-500, gray) transparent transparent !important;
}
.dp-floating-field ng-select .ng-select-container .ng-input {
  top: 0 !important;
  height: 100%;
}
.dp-floating-field ng-select .ng-select-container .ng-input input {
  cursor: pointer !important;
  height: 100%;
}
.dp-floating-field ngx-timepicker-field,
.dp-floating-field ngx-mat-timepicker-field {
  --mat-form-field-container-height: auto;
}
.dp-floating-field ngx-timepicker-field.bg-light,
.dp-floating-field ngx-mat-timepicker-field.bg-light {
  background: var(--ion-color-light) !important;
}
.dp-floating-field ngx-timepicker-field .ngx-mat-timepicker,
.dp-floating-field ngx-mat-timepicker-field .ngx-mat-timepicker {
  background: inherit;
  padding: 4px 8px;
}
.dp-floating-field ngx-timepicker-field .ngx-mat-timepicker__control--first,
.dp-floating-field ngx-timepicker-field .ngx-mat-timepicker__control--third,
.dp-floating-field ngx-mat-timepicker-field .ngx-mat-timepicker__control--first,
.dp-floating-field ngx-mat-timepicker-field .ngx-mat-timepicker__control--third {
  height: 32px;
}
.dp-floating-field ngx-timepicker-field .mat-mdc-form-field.ngx-mat-timepicker-control .mat-mdc-form-field-infix,
.dp-floating-field ngx-mat-timepicker-field .mat-mdc-form-field.ngx-mat-timepicker-control .mat-mdc-form-field-infix {
  padding-top: 0;
  padding-bottom: 0;
}
.dp-floating-field ngx-timepicker-field .ngx-timepicker,
.dp-floating-field ngx-mat-timepicker-field .ngx-timepicker {
  background: var(--ion-color-light);
  border: 1px solid transparent;
  border-radius: 8px;
  height: 56px;
}
.dp-floating-field ngx-timepicker-field .ngx-timepicker-control,
.dp-floating-field ngx-mat-timepicker-field .ngx-timepicker-control {
  border: 0;
}
.dp-floating-field ngx-timepicker-field .ngx-timepicker-control input,
.dp-floating-field ngx-mat-timepicker-field .ngx-timepicker-control input {
  background: transparent;
}
.dp-floating-field ngx-timepicker-field .ngx-timepicker-control.ngx-timepicker-control--active:after,
.dp-floating-field ngx-mat-timepicker-field .ngx-timepicker-control.ngx-timepicker-control--active:after {
  height: 0;
}
.dp-floating-field ngx-timepicker-field .mat-mdc-input-element,
.dp-floating-field ngx-mat-timepicker-field .mat-mdc-input-element {
  line-height: 2.2rem;
}
.dp-floating-field ngx-timepicker-field .ngx-mat-timepicker__toggle,
.dp-floating-field ngx-mat-timepicker-field .ngx-mat-timepicker__toggle {
  margin: 0;
  --mat-icon-color: var(--ion-color-primary);
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dp-floating-field ngx-timepicker-field ngx-material-timepicker-toggle,
.dp-floating-field ngx-mat-timepicker-field ngx-material-timepicker-toggle {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
}

/* src/theme/variables.scss */
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
body {
  --primary-color: #2092c9;
  --primary-lighter-color: #4ca7d3;
  --primary-darker-color: #1974a0;
  --text-primary-color: #ffffff;
  --text-primary-lighter-color: rgba(0, 0, 0, 0.87);
  --text-primary-darker-color: #ffffff;
}
body {
  --accent-color: #64c7d0;
  --accent-lighter-color: #83d2d9;
  --accent-darker-color: #509fa6;
  --text-accent-color: rgba(0, 0, 0, 0.87);
  --text-accent-lighter-color: rgba(0, 0, 0, 0.87);
  --text-accent-darker-color: rgba(0, 0, 0, 0.87);
}
body {
  --warn-color: #ffc409;
  --warn-lighter-color: #ffca22;
  --warn-darker-color: #e0ac08;
  --text-warn-color: rgba(0, 0, 0, 0.87);
  --text-warn-lighter-color: rgba(0, 0, 0, 0.87);
  --text-warn-darker-color: rgba(0, 0, 0, 0.87);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #2092c9;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #64c7d0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #ffc409;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #2092c9;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2092c9;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #64c7d0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #64c7d0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #64c7d0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #64c7d0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffc409;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffc409;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font: Quicksand;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: 0.0067em;
  --mat-option-label-text-weight: 500;
}
html {
  --mat-optgroup-label-text-font: Quicksand;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: 0.0067em;
  --mat-optgroup-label-text-weight: 500;
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font: Quicksand;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0075em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Quicksand;
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0179em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #2092c9;
  --mdc-linear-progress-track-color: rgba(32, 146, 201, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #64c7d0;
  --mdc-linear-progress-track-color: rgba(100, 199, 208, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ffc409;
  --mdc-linear-progress-track-color: rgba(255, 196, 9, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Quicksand;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333em;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #2092c9;
  --mdc-filled-text-field-focus-active-indicator-color: #2092c9;
  --mdc-filled-text-field-focus-label-text-color: rgba(32, 146, 201, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ffc409;
  --mdc-filled-text-field-error-focus-label-text-color: #ffc409;
  --mdc-filled-text-field-error-label-text-color: #ffc409;
  --mdc-filled-text-field-error-caret-color: #ffc409;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ffc409;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffc409;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffc409;
  --mdc-outlined-text-field-caret-color: #2092c9;
  --mdc-outlined-text-field-focus-outline-color: #2092c9;
  --mdc-outlined-text-field-focus-label-text-color: rgba(32, 146, 201, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ffc409;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffc409;
  --mdc-outlined-text-field-error-label-text-color: #ffc409;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffc409;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ffc409;
  --mdc-outlined-text-field-error-hover-outline-color: #ffc409;
  --mdc-outlined-text-field-error-outline-color: #ffc409;
  --mat-form-field-focus-select-arrow-color: rgba(32, 146, 201, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ffc409;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #64c7d0;
  --mdc-filled-text-field-focus-active-indicator-color: #64c7d0;
  --mdc-filled-text-field-focus-label-text-color: rgba(100, 199, 208, 0.87);
  --mdc-outlined-text-field-caret-color: #64c7d0;
  --mdc-outlined-text-field-focus-outline-color: #64c7d0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(100, 199, 208, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(100, 199, 208, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ffc409;
  --mdc-filled-text-field-focus-active-indicator-color: #ffc409;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 196, 9, 0.87);
  --mdc-outlined-text-field-caret-color: #ffc409;
  --mdc-outlined-text-field-focus-outline-color: #ffc409;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 196, 9, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 196, 9, 0.87);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mdc-filled-text-field-label-text-font: Quicksand;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: 0.0067em;
  --mdc-filled-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-label-text-font: Quicksand;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: 0.0067em;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mat-form-field-container-text-font: Quicksand;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: 0.0067em;
  --mat-form-field-container-text-weight: 500;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Quicksand;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 146, 201, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(100, 199, 208, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 196, 9, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Quicksand;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: 0.0067em;
  --mat-select-trigger-text-weight: 500;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Quicksand;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0075em;
  --mdc-dialog-supporting-text-font: Quicksand;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 500;
  --mdc-dialog-supporting-text-tracking: 0.0067em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2092c9;
  --mdc-chip-elevated-selected-container-color: #2092c9;
  --mdc-chip-elevated-disabled-container-color: #2092c9;
  --mdc-chip-flat-disabled-selected-container-color: #2092c9;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #64c7d0;
  --mdc-chip-elevated-selected-container-color: #64c7d0;
  --mdc-chip-elevated-disabled-container-color: #64c7d0;
  --mdc-chip-flat-disabled-selected-container-color: #64c7d0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ffc409;
  --mdc-chip-elevated-selected-container-color: #ffc409;
  --mdc-chip-elevated-disabled-container-color: #ffc409;
  --mdc-chip-flat-disabled-selected-container-color: #ffc409;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Quicksand;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0179em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Quicksand;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0179em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2092c9;
  --mdc-radio-selected-hover-icon-color: #2092c9;
  --mdc-radio-selected-icon-color: #2092c9;
  --mdc-radio-selected-pressed-icon-color: #2092c9;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #2092c9;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #64c7d0;
  --mdc-radio-selected-hover-icon-color: #64c7d0;
  --mdc-radio-selected-icon-color: #64c7d0;
  --mdc-radio-selected-pressed-icon-color: #64c7d0;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #64c7d0;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffc409;
  --mdc-radio-selected-hover-icon-color: #ffc409;
  --mdc-radio-selected-icon-color: #ffc409;
  --mdc-radio-selected-pressed-icon-color: #ffc409;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ffc409;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Quicksand;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0179em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #2092c9;
  --mdc-slider-focus-handle-color: #2092c9;
  --mdc-slider-hover-handle-color: #2092c9;
  --mdc-slider-active-track-color: #2092c9;
  --mdc-slider-inactive-track-color: #2092c9;
  --mdc-slider-with-tick-marks-inactive-container-color: #2092c9;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #2092c9;
  --mat-slider-hover-state-layer-color: rgba(32, 146, 201, 0.05);
  --mat-slider-focus-state-layer-color: rgba(32, 146, 201, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #64c7d0;
  --mdc-slider-focus-handle-color: #64c7d0;
  --mdc-slider-hover-handle-color: #64c7d0;
  --mdc-slider-active-track-color: #64c7d0;
  --mdc-slider-inactive-track-color: #64c7d0;
  --mdc-slider-with-tick-marks-inactive-container-color: #64c7d0;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #64c7d0;
  --mat-slider-hover-state-layer-color: rgba(100, 199, 208, 0.05);
  --mat-slider-focus-state-layer-color: rgba(100, 199, 208, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #ffc409;
  --mdc-slider-focus-handle-color: #ffc409;
  --mdc-slider-hover-handle-color: #ffc409;
  --mdc-slider-active-track-color: #ffc409;
  --mdc-slider-inactive-track-color: #ffc409;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffc409;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #ffc409;
  --mat-slider-hover-state-layer-color: rgba(255, 196, 9, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 196, 9, 0.2);
}
html {
  --mdc-slider-label-label-text-font: Quicksand;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: 0.0179em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Quicksand;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: 0.0067em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 500;
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2092c9;
  --mdc-radio-selected-hover-icon-color: #2092c9;
  --mdc-radio-selected-icon-color: #2092c9;
  --mdc-radio-selected-pressed-icon-color: #2092c9;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #64c7d0;
  --mdc-radio-selected-hover-icon-color: #64c7d0;
  --mdc-radio-selected-icon-color: #64c7d0;
  --mdc-radio-selected-pressed-icon-color: #64c7d0;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffc409;
  --mdc-radio-selected-hover-icon-color: #ffc409;
  --mdc-radio-selected-icon-color: #ffc409;
  --mdc-radio-selected-pressed-icon-color: #ffc409;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2092c9;
  --mdc-checkbox-selected-hover-icon-color: #2092c9;
  --mdc-checkbox-selected-icon-color: #2092c9;
  --mdc-checkbox-selected-pressed-icon-color: #2092c9;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2092c9;
  --mdc-checkbox-selected-hover-state-layer-color: #2092c9;
  --mdc-checkbox-selected-pressed-state-layer-color: #2092c9;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #64c7d0;
  --mdc-checkbox-selected-hover-icon-color: #64c7d0;
  --mdc-checkbox-selected-icon-color: #64c7d0;
  --mdc-checkbox-selected-pressed-icon-color: #64c7d0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-hover-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-pressed-state-layer-color: #64c7d0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffc409;
  --mdc-checkbox-selected-hover-icon-color: #ffc409;
  --mdc-checkbox-selected-icon-color: #ffc409;
  --mdc-checkbox-selected-pressed-icon-color: #ffc409;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffc409;
  --mdc-checkbox-selected-hover-state-layer-color: #ffc409;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffc409;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2092c9;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font: Quicksand;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: 0.0067em;
  --mdc-list-list-item-label-text-weight: 500;
  --mdc-list-list-item-supporting-text-font: Quicksand;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0179em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Quicksand;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Quicksand;
  letter-spacing: 0.0094em;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Quicksand;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #2092c9;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #2092c9;
  --mat-tab-header-active-ripple-color: #2092c9;
  --mat-tab-header-inactive-ripple-color: #2092c9;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2092c9;
  --mat-tab-header-active-hover-label-text-color: #2092c9;
  --mat-tab-header-active-focus-indicator-color: #2092c9;
  --mat-tab-header-active-hover-indicator-color: #2092c9;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #64c7d0;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #64c7d0;
  --mat-tab-header-active-ripple-color: #64c7d0;
  --mat-tab-header-inactive-ripple-color: #64c7d0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #64c7d0;
  --mat-tab-header-active-hover-label-text-color: #64c7d0;
  --mat-tab-header-active-focus-indicator-color: #64c7d0;
  --mat-tab-header-active-hover-indicator-color: #64c7d0;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ffc409;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ffc409;
  --mat-tab-header-active-ripple-color: #ffc409;
  --mat-tab-header-inactive-ripple-color: #ffc409;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffc409;
  --mat-tab-header-active-hover-label-text-color: #ffc409;
  --mat-tab-header-active-focus-indicator-color: #ffc409;
  --mat-tab-header-active-hover-indicator-color: #ffc409;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #2092c9;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #64c7d0;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ffc409;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Quicksand;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0893em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #64c7d0;
  --mdc-checkbox-selected-hover-icon-color: #64c7d0;
  --mdc-checkbox-selected-icon-color: #64c7d0;
  --mdc-checkbox-selected-pressed-icon-color: #64c7d0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-hover-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-pressed-state-layer-color: #64c7d0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2092c9;
  --mdc-checkbox-selected-hover-icon-color: #2092c9;
  --mdc-checkbox-selected-icon-color: #2092c9;
  --mdc-checkbox-selected-pressed-icon-color: #2092c9;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2092c9;
  --mdc-checkbox-selected-hover-state-layer-color: #2092c9;
  --mdc-checkbox-selected-pressed-state-layer-color: #2092c9;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffc409;
  --mdc-checkbox-selected-hover-icon-color: #ffc409;
  --mdc-checkbox-selected-icon-color: #ffc409;
  --mdc-checkbox-selected-pressed-icon-color: #ffc409;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffc409;
  --mdc-checkbox-selected-hover-state-layer-color: #ffc409;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffc409;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}
html {
  --mat-checkbox-label-text-font: Quicksand;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0179em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #2092c9;
  --mat-text-button-state-layer-color: #2092c9;
  --mat-text-button-ripple-color: rgba(32, 146, 201, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #64c7d0;
  --mat-text-button-state-layer-color: #64c7d0;
  --mat-text-button-ripple-color: rgba(100, 199, 208, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ffc409;
  --mat-text-button-state-layer-color: #ffc409;
  --mat-text-button-ripple-color: rgba(255, 196, 9, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #2092c9;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #64c7d0;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ffc409;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #2092c9;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #64c7d0;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ffc409;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #2092c9;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #2092c9;
  --mat-outlined-button-ripple-color: rgba(32, 146, 201, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #64c7d0;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #64c7d0;
  --mat-outlined-button-ripple-color: rgba(100, 199, 208, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ffc409;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ffc409;
  --mat-outlined-button-ripple-color: rgba(255, 196, 9, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: Quicksand;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0893em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Quicksand;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0893em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Quicksand;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0893em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Quicksand;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0893em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #2092c9;
  --mat-icon-button-state-layer-color: #2092c9;
  --mat-icon-button-ripple-color: rgba(32, 146, 201, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #64c7d0;
  --mat-icon-button-state-layer-color: #64c7d0;
  --mat-icon-button-ripple-color: rgba(100, 199, 208, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ffc409;
  --mat-icon-button-state-layer-color: #ffc409;
  --mat-icon-button-ripple-color: rgba(255, 196, 9, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #2092c9;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #64c7d0;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ffc409;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #2092c9;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #64c7d0;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ffc409;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font: Quicksand;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0893em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #64c7d0;
}
html {
  --mdc-snackbar-supporting-text-font: Quicksand;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Quicksand;
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0179em;
  --mat-table-row-item-label-text-font: Quicksand;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0179em;
  --mat-table-footer-supporting-text-font: Quicksand;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0179em;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #2092c9;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #64c7d0;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ffc409;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #2092c9;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #64c7d0;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color: #ffc409;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-badge-text-font: Quicksand;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Quicksand;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0179em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font: Quicksand;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: 0.0067em;
  --mat-legacy-button-toggle-label-text-weight: 500;
  --mat-standard-button-toggle-label-text-font: Quicksand;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: 0.0067em;
  --mat-standard-button-toggle-label-text-weight: 500;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2092c9;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 146, 201, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 146, 201, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 146, 201, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2092c9;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 146, 201, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #64c7d0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(100, 199, 208, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(100, 199, 208, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(100, 199, 208, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(100, 199, 208, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffc409;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 196, 9, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 196, 9, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 196, 9, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 196, 9, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #64c7d0;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ffc409;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Quicksand;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 500;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Quicksand;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Quicksand;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0179em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #2092c9;
}
.mat-icon.mat-accent {
  --mat-icon-color: #64c7d0;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ffc409;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2092c9;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2092c9;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2092c9;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #ffc409;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ffc409;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #64c7d0;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #64c7d0;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #64c7d0;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffc409;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffc409;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffc409;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Quicksand;
  --mat-stepper-header-label-text-font: Quicksand;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2092c9;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #64c7d0;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ffc409;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Quicksand;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0075em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Quicksand;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.theme-alternate {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #2092c9;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #64c7d0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #64c7d0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-option-label-text-font: Quicksand;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: 0.0067em;
  --mat-option-label-text-weight: 500;
  --mat-optgroup-label-text-font: Quicksand;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: 0.0067em;
  --mat-optgroup-label-text-weight: 500;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-title-text-font: Quicksand;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0075em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Quicksand;
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0179em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: Quicksand;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333em;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #2092c9;
  --mdc-filled-text-field-focus-active-indicator-color: #2092c9;
  --mdc-filled-text-field-focus-label-text-color: rgba(32, 146, 201, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ffc409;
  --mdc-filled-text-field-error-focus-label-text-color: #ffc409;
  --mdc-filled-text-field-error-label-text-color: #ffc409;
  --mdc-filled-text-field-error-caret-color: #ffc409;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ffc409;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffc409;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffc409;
  --mdc-outlined-text-field-caret-color: #2092c9;
  --mdc-outlined-text-field-focus-outline-color: #2092c9;
  --mdc-outlined-text-field-focus-label-text-color: rgba(32, 146, 201, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ffc409;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffc409;
  --mdc-outlined-text-field-error-label-text-color: #ffc409;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffc409;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ffc409;
  --mdc-outlined-text-field-error-hover-outline-color: #ffc409;
  --mdc-outlined-text-field-error-outline-color: #ffc409;
  --mat-form-field-focus-select-arrow-color: rgba(32, 146, 201, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ffc409;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: Quicksand;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: 0.0067em;
  --mdc-filled-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-label-text-font: Quicksand;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: 0.0067em;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mat-form-field-container-text-font: Quicksand;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: 0.0067em;
  --mat-form-field-container-text-weight: 500;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Quicksand;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 146, 201, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Quicksand;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: 0.0067em;
  --mat-select-trigger-text-weight: 500;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #424242;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-dialog-subhead-font: Quicksand;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0075em;
  --mdc-dialog-supporting-text-font: Quicksand;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 500;
  --mdc-dialog-supporting-text-tracking: 0.0067em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-selected-focus-handle-color: #2092c9;
  --mdc-switch-selected-hover-handle-color: #2092c9;
  --mdc-switch-selected-pressed-handle-color: #2092c9;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Quicksand;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0179em;
  --mat-radio-label-text-weight: 400;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #2092c9;
  --mdc-slider-focus-handle-color: #2092c9;
  --mdc-slider-hover-handle-color: #2092c9;
  --mdc-slider-active-track-color: #2092c9;
  --mdc-slider-inactive-track-color: #2092c9;
  --mdc-slider-with-tick-marks-inactive-container-color: #2092c9;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-slider-ripple-color: #2092c9;
  --mat-slider-hover-state-layer-color: rgba(32, 146, 201, 0.05);
  --mat-slider-focus-state-layer-color: rgba(32, 146, 201, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mdc-slider-label-label-text-font: Quicksand;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: 0.0179em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-menu-item-label-text-font: Quicksand;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: 0.0067em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 500;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: Quicksand;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: 0.0067em;
  --mdc-list-list-item-label-text-weight: 500;
  --mdc-list-list-item-supporting-text-font: Quicksand;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0179em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Quicksand;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Quicksand;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #64c7d0;
  --mdc-checkbox-selected-hover-icon-color: #64c7d0;
  --mdc-checkbox-selected-icon-color: #64c7d0;
  --mdc-checkbox-selected-pressed-icon-color: #64c7d0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-hover-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-pressed-state-layer-color: #64c7d0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-label-text-font: Quicksand;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0179em;
  --mat-checkbox-label-text-weight: 400;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: Quicksand;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0893em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Quicksand;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0893em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Quicksand;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0893em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Quicksand;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0893em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: #424242;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: Quicksand;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0893em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mdc-snackbar-supporting-text-font: Quicksand;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Quicksand;
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0179em;
  --mat-table-row-item-label-text-font: Quicksand;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0179em;
  --mat-table-footer-supporting-text-font: Quicksand;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0179em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #2092c9;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #2092c9;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-badge-text-font: Quicksand;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-bottom-sheet-container-text-font: Quicksand;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0179em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: Quicksand;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: 0.0067em;
  --mat-legacy-button-toggle-label-text-weight: 500;
  --mat-standard-button-toggle-label-text-font: Quicksand;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: 0.0067em;
  --mat-standard-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2092c9;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 146, 201, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 146, 201, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 146, 201, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2092c9;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 146, 201, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-datepicker-calendar-text-font: Quicksand;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Quicksand;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Quicksand;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0179em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2092c9;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2092c9;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2092c9;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ffc409;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #ffc409;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Quicksand;
  --mat-stepper-header-label-text-font: Quicksand;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Quicksand;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0075em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Quicksand;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.theme-alternate .mat-accent {
  --mat-option-selected-state-label-text-color: #64c7d0;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.theme-alternate .mat-warn {
  --mat-option-selected-state-label-text-color: #ffc409;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.theme-alternate .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #2092c9;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2092c9;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-alternate .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #64c7d0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #64c7d0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-alternate .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffc409;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffc409;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-alternate .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #2092c9;
  --mdc-linear-progress-track-color: rgba(32, 146, 201, 0.25);
}
.theme-alternate .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #64c7d0;
  --mdc-linear-progress-track-color: rgba(100, 199, 208, 0.25);
}
.theme-alternate .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ffc409;
  --mdc-linear-progress-track-color: rgba(255, 196, 9, 0.25);
}
.theme-alternate .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #64c7d0;
  --mdc-filled-text-field-focus-active-indicator-color: #64c7d0;
  --mdc-filled-text-field-focus-label-text-color: rgba(100, 199, 208, 0.87);
  --mdc-outlined-text-field-caret-color: #64c7d0;
  --mdc-outlined-text-field-focus-outline-color: #64c7d0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(100, 199, 208, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(100, 199, 208, 0.87);
}
.theme-alternate .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ffc409;
  --mdc-filled-text-field-focus-active-indicator-color: #ffc409;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 196, 9, 0.87);
  --mdc-outlined-text-field-caret-color: #ffc409;
  --mdc-outlined-text-field-focus-outline-color: #ffc409;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 196, 9, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 196, 9, 0.87);
}
.theme-alternate .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(100, 199, 208, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
}
.theme-alternate .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 196, 9, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 196, 9, 0.87);
}
.theme-alternate .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.theme-alternate .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2092c9;
  --mdc-chip-elevated-selected-container-color: #2092c9;
  --mdc-chip-elevated-disabled-container-color: #2092c9;
  --mdc-chip-flat-disabled-selected-container-color: #2092c9;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #64c7d0;
  --mdc-chip-elevated-selected-container-color: #64c7d0;
  --mdc-chip-elevated-disabled-container-color: #64c7d0;
  --mdc-chip-flat-disabled-selected-container-color: #64c7d0;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.theme-alternate .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ffc409;
  --mdc-chip-elevated-selected-container-color: #ffc409;
  --mdc-chip-elevated-disabled-container-color: #ffc409;
  --mdc-chip-flat-disabled-selected-container-color: #ffc409;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.theme-alternate .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Quicksand;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0179em;
  --mdc-chip-label-text-weight: 400;
}
.theme-alternate .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.theme-alternate .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.theme-alternate .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-handle-color: #64c7d0;
  --mdc-switch-selected-hover-handle-color: #64c7d0;
  --mdc-switch-selected-pressed-handle-color: #64c7d0;
}
.theme-alternate .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-handle-color: #ffc409;
  --mdc-switch-selected-hover-handle-color: #ffc409;
  --mdc-switch-selected-pressed-handle-color: #ffc409;
}
.theme-alternate .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Quicksand;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0179em;
  --mat-switch-label-text-weight: 400;
}
.theme-alternate .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2092c9;
  --mdc-radio-selected-hover-icon-color: #2092c9;
  --mdc-radio-selected-icon-color: #2092c9;
  --mdc-radio-selected-pressed-icon-color: #2092c9;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #2092c9;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.theme-alternate .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #64c7d0;
  --mdc-radio-selected-hover-icon-color: #64c7d0;
  --mdc-radio-selected-icon-color: #64c7d0;
  --mdc-radio-selected-pressed-icon-color: #64c7d0;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #64c7d0;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.theme-alternate .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffc409;
  --mdc-radio-selected-hover-icon-color: #ffc409;
  --mdc-radio-selected-icon-color: #ffc409;
  --mdc-radio-selected-pressed-icon-color: #ffc409;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ffc409;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.theme-alternate .mat-accent {
  --mdc-slider-handle-color: #64c7d0;
  --mdc-slider-focus-handle-color: #64c7d0;
  --mdc-slider-hover-handle-color: #64c7d0;
  --mdc-slider-active-track-color: #64c7d0;
  --mdc-slider-inactive-track-color: #64c7d0;
  --mdc-slider-with-tick-marks-inactive-container-color: #64c7d0;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #64c7d0;
  --mat-slider-hover-state-layer-color: rgba(100, 199, 208, 0.05);
  --mat-slider-focus-state-layer-color: rgba(100, 199, 208, 0.2);
}
.theme-alternate .mat-warn {
  --mdc-slider-handle-color: #ffc409;
  --mdc-slider-focus-handle-color: #ffc409;
  --mdc-slider-hover-handle-color: #ffc409;
  --mdc-slider-active-track-color: #ffc409;
  --mdc-slider-inactive-track-color: #ffc409;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffc409;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #ffc409;
  --mat-slider-hover-state-layer-color: rgba(255, 196, 9, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 196, 9, 0.2);
}
.theme-alternate .mdc-list-item__start,
.theme-alternate .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2092c9;
  --mdc-radio-selected-hover-icon-color: #2092c9;
  --mdc-radio-selected-icon-color: #2092c9;
  --mdc-radio-selected-pressed-icon-color: #2092c9;
}
.theme-alternate .mat-accent .mdc-list-item__start,
.theme-alternate .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #64c7d0;
  --mdc-radio-selected-hover-icon-color: #64c7d0;
  --mdc-radio-selected-icon-color: #64c7d0;
  --mdc-radio-selected-pressed-icon-color: #64c7d0;
}
.theme-alternate .mat-warn .mdc-list-item__start,
.theme-alternate .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffc409;
  --mdc-radio-selected-hover-icon-color: #ffc409;
  --mdc-radio-selected-icon-color: #ffc409;
  --mdc-radio-selected-pressed-icon-color: #ffc409;
}
.theme-alternate .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2092c9;
  --mdc-checkbox-selected-hover-icon-color: #2092c9;
  --mdc-checkbox-selected-icon-color: #2092c9;
  --mdc-checkbox-selected-pressed-icon-color: #2092c9;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2092c9;
  --mdc-checkbox-selected-hover-state-layer-color: #2092c9;
  --mdc-checkbox-selected-pressed-state-layer-color: #2092c9;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-alternate .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #64c7d0;
  --mdc-checkbox-selected-hover-icon-color: #64c7d0;
  --mdc-checkbox-selected-icon-color: #64c7d0;
  --mdc-checkbox-selected-pressed-icon-color: #64c7d0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-hover-state-layer-color: #64c7d0;
  --mdc-checkbox-selected-pressed-state-layer-color: #64c7d0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-alternate .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffc409;
  --mdc-checkbox-selected-hover-icon-color: #ffc409;
  --mdc-checkbox-selected-icon-color: #ffc409;
  --mdc-checkbox-selected-pressed-icon-color: #ffc409;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffc409;
  --mdc-checkbox-selected-hover-state-layer-color: #ffc409;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffc409;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-alternate .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-alternate .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-alternate .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-alternate .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2092c9;
}
.theme-alternate .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-alternate .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-alternate .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-alternate .mdc-list-item__start,
.theme-alternate .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.theme-alternate .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.theme-alternate .mdc-list-group__subheader {
  font: 400 16px / 28px Quicksand;
  letter-spacing: 0.0094em;
}
.theme-alternate .mat-mdc-tab-group,
.theme-alternate .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #2092c9;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #2092c9;
  --mat-tab-header-active-ripple-color: #2092c9;
  --mat-tab-header-inactive-ripple-color: #2092c9;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2092c9;
  --mat-tab-header-active-hover-label-text-color: #2092c9;
  --mat-tab-header-active-focus-indicator-color: #2092c9;
  --mat-tab-header-active-hover-indicator-color: #2092c9;
}
.theme-alternate .mat-mdc-tab-group.mat-accent,
.theme-alternate .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #64c7d0;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #64c7d0;
  --mat-tab-header-active-ripple-color: #64c7d0;
  --mat-tab-header-inactive-ripple-color: #64c7d0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #64c7d0;
  --mat-tab-header-active-hover-label-text-color: #64c7d0;
  --mat-tab-header-active-focus-indicator-color: #64c7d0;
  --mat-tab-header-active-hover-indicator-color: #64c7d0;
}
.theme-alternate .mat-mdc-tab-group.mat-warn,
.theme-alternate .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ffc409;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ffc409;
  --mat-tab-header-active-ripple-color: #ffc409;
  --mat-tab-header-inactive-ripple-color: #ffc409;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffc409;
  --mat-tab-header-active-hover-label-text-color: #ffc409;
  --mat-tab-header-active-focus-indicator-color: #ffc409;
  --mat-tab-header-active-hover-indicator-color: #ffc409;
}
.theme-alternate .mat-mdc-tab-group.mat-background-primary,
.theme-alternate .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #2092c9;
  --mat-tab-header-with-background-foreground-color: white;
}
.theme-alternate .mat-mdc-tab-group.mat-background-accent,
.theme-alternate .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #64c7d0;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-mdc-tab-group.mat-background-warn,
.theme-alternate .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ffc409;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.theme-alternate .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Quicksand;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0893em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.theme-alternate .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2092c9;
  --mdc-checkbox-selected-hover-icon-color: #2092c9;
  --mdc-checkbox-selected-icon-color: #2092c9;
  --mdc-checkbox-selected-pressed-icon-color: #2092c9;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2092c9;
  --mdc-checkbox-selected-hover-state-layer-color: #2092c9;
  --mdc-checkbox-selected-pressed-state-layer-color: #2092c9;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-alternate .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffc409;
  --mdc-checkbox-selected-hover-icon-color: #ffc409;
  --mdc-checkbox-selected-icon-color: #ffc409;
  --mdc-checkbox-selected-pressed-icon-color: #ffc409;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffc409;
  --mdc-checkbox-selected-hover-state-layer-color: #ffc409;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffc409;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-alternate .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #2092c9;
  --mat-text-button-state-layer-color: #2092c9;
  --mat-text-button-ripple-color: rgba(32, 146, 201, 0.1);
}
.theme-alternate .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #64c7d0;
  --mat-text-button-state-layer-color: #64c7d0;
  --mat-text-button-ripple-color: rgba(100, 199, 208, 0.1);
}
.theme-alternate .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ffc409;
  --mat-text-button-state-layer-color: #ffc409;
  --mat-text-button-ripple-color: rgba(255, 196, 9, 0.1);
}
.theme-alternate .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #2092c9;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #64c7d0;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ffc409;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #2092c9;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #64c7d0;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ffc409;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #2092c9;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #2092c9;
  --mat-outlined-button-ripple-color: rgba(32, 146, 201, 0.1);
}
.theme-alternate .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #64c7d0;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #64c7d0;
  --mat-outlined-button-ripple-color: rgba(100, 199, 208, 0.1);
}
.theme-alternate .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ffc409;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ffc409;
  --mat-outlined-button-ripple-color: rgba(255, 196, 9, 0.1);
}
.theme-alternate .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #2092c9;
  --mat-icon-button-state-layer-color: #2092c9;
  --mat-icon-button-ripple-color: rgba(32, 146, 201, 0.1);
}
.theme-alternate .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #64c7d0;
  --mat-icon-button-state-layer-color: #64c7d0;
  --mat-icon-button-ripple-color: rgba(100, 199, 208, 0.1);
}
.theme-alternate .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ffc409;
  --mat-icon-button-state-layer-color: #ffc409;
  --mat-icon-button-ripple-color: rgba(255, 196, 9, 0.1);
}
.theme-alternate .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.theme-alternate .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #2092c9;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #64c7d0;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ffc409;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #2092c9;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #64c7d0;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ffc409;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-accent {
  --mdc-circular-progress-active-indicator-color: #64c7d0;
}
.theme-alternate .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ffc409;
}
.theme-alternate .mat-badge-accent {
  --mat-badge-background-color: #64c7d0;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-badge-warn {
  --mat-badge-background-color: #ffc409;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #64c7d0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(100, 199, 208, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(100, 199, 208, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(100, 199, 208, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(100, 199, 208, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-alternate .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffc409;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 196, 9, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 196, 9, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 196, 9, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 196, 9, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-alternate .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #64c7d0;
}
.theme-alternate .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ffc409;
}
.theme-alternate .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.theme-alternate .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.theme-alternate .mat-icon.mat-primary {
  --mat-icon-color: #2092c9;
}
.theme-alternate .mat-icon.mat-accent {
  --mat-icon-color: #64c7d0;
}
.theme-alternate .mat-icon.mat-warn {
  --mat-icon-color: #ffc409;
}
.theme-alternate .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #64c7d0;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #64c7d0;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #64c7d0;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffc409;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffc409;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffc409;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2092c9;
  --mat-toolbar-container-text-color: white;
}
.theme-alternate .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #64c7d0;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ffc409;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-raised-button,
.mat-stroked-button,
.mat-flat-button {
  padding: 0 1.15em;
  margin: 0 0.65em;
  min-width: 3em;
  line-height: 36.4px;
}
.mat-standard-chip {
  padding: 0.5em 0.85em;
  min-height: 2.5em;
}
.material-icons {
  font-size: 24px;
  font-family: "Material Icons Outlined", "Material Icons";
}
.material-icons .mat-badge-content {
  font-family: "Quicksand", "Roboto";
}
:root {
  --ion-font-family: "Quicksand", sans-serif;
  --ion-color-primary: #2092c9;
  --ion-color-primary-rgb:
    32,
    146,
    201;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #1974a0;
  --ion-color-primary-tint: #4ca7d3;
  --ion-color-secondary: #64c7d0;
  --ion-color-secondary-rgb:
    100,
    199,
    208;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #509fa6;
  --ion-color-secondary-tint: #83d2d9;
  --ion-color-tertiary: #f0f2f4;
  --ion-color-tertiary-rgb:
    240,
    242,
    244;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-tertiary-shade: #ccd2d9;
  --ion-color-tertiary-tint: #e5ecf3;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb:
    45,
    211,
    111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb:
    235,
    68,
    90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #ced6e1;
  --ion-color-medium-rgb:
    206,
    214,
    225;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #b9c0ca;
  --ion-color-medium-tint: #d2dae4;
  --ion-color-light: #f6f7f8;
  --ion-color-light-rgb:
    246,
    247,
    248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d3d8dc;
  --ion-color-light-tint: #edf1f6;
  --ion-border-color: rgb(0, 0, 0, 0.13);
  --ion-border-color-dark: rgb(0, 0, 0, 0.25);
  --ion-text-color: #000;
  --ion-text-color-rgb: rgb(0, 0, 0);
  --ion-background-color: #e8eaed;
  --ion-background-color-rgb:
    232,
    234,
    237;
  --ion-item-background: #f0f2f4;
  --ion-toolbar-background: #fff;
  --ion-tab-bar-background: #fff;
  --ion-card-background: #f0f2f4;
  --header-height: 56px;
  --content-inset: 0px;
}
:root.ios {
  --header-height: 46px;
}

/* node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* node_modules/tippy.js/dist/svg-arrow.css */
.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}
.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}
.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}
.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}
.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}
.tippy-svg-arrow,
.tippy-svg-arrow > svg {
  position: absolute;
}

/* node_modules/tippy.js/animations/perspective-extreme.css */
.tippy-box[data-animation=perspective-extreme][data-placement^=top] {
  transform-origin: bottom;
}
.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible] {
  transform: perspective(700px);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden] {
  transform: perspective(700px) translateY(10px) rotateX(90deg);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom] {
  transform-origin: top;
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible] {
  transform: perspective(700px);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden] {
  transform: perspective(700px) translateY(-10px) rotateX(-90deg);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left] {
  transform-origin: right;
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible] {
  transform: perspective(700px);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden] {
  transform: perspective(700px) translateX(10px) rotateY(-90deg);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right] {
  transform-origin: left;
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible] {
  transform: perspective(700px);
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden] {
  transform: perspective(700px) translateX(-10px) rotateY(90deg);
}
.tippy-box[data-animation=perspective-extreme][data-state=hidden] {
  opacity: .5;
}

/* node_modules/leaflet/dist/leaflet.css */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-container {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("./media/layers.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("./media/layers-2x.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url("./media/marker-icon.png");
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css */
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font:
    12px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}

/* node_modules/leaflet.markercluster/dist/MarkerCluster.css */
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* node_modules/grapesjs/dist/css/grapes.min.css */
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}
.cm-fat-cursor {
  caret-color: transparent;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: blue;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: red;
}
.cm-invalidchar {
  color: red;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: .1px;
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
.cm-force-border {
  padding-right: .1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: none;
}
.cm-s-hopscotch.CodeMirror {
  background: #322931;
  color: #d5d3d5;
}
.cm-s-hopscotch div.CodeMirror-selected {
  background: #433b42 !important;
}
.cm-s-hopscotch .CodeMirror-gutters {
  background: #322931;
  border-right: 0px;
}
.cm-s-hopscotch .CodeMirror-linenumber {
  color: #797379;
}
.cm-s-hopscotch .CodeMirror-cursor {
  border-left: 1px solid #989498 !important;
}
.cm-s-hopscotch span.cm-comment {
  color: #b33508;
}
.cm-s-hopscotch span.cm-atom {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-number {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-property,
.cm-s-hopscotch span.cm-attribute {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-keyword {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-string {
  color: #fdcc59;
}
.cm-s-hopscotch span.cm-variable {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-variable-2 {
  color: #1290bf;
}
.cm-s-hopscotch span.cm-def {
  color: #fd8b19;
}
.cm-s-hopscotch span.cm-error {
  background: #dd464c;
  color: #989498;
}
.cm-s-hopscotch span.cm-bracket {
  color: #d5d3d5;
}
.cm-s-hopscotch span.cm-tag {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-link {
  color: #c85e7c;
}
.cm-s-hopscotch .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.cm-s-hopscotch .CodeMirror-activeline-background {
  background: #302020;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to right,
      #fff,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to top,
      #000,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background:
    linear-gradient(
      to bottom,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font:
    normal 12px "Lucida Grande",
    "Lucida Sans Unicode",
    "Lucida Sans",
    Geneva,
    Verdana,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px rgba(0, 0, 0, 0);
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image:
    linear-gradient(
      to bottom,
      #eeeeee,
      #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image:
    linear-gradient(
      to bottom,
      #dddddd,
      #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
@font-face {
  font-family: "font3336";
  src: url("./media/main-fonts.eot?v=20");
  src:
    url("./media/main-fonts.woff?v=20") format("woff"),
    url("./media/main-fonts.ttf?v=20") format("truetype"),
    url("./media/main-fonts.svg?v=20") format("svg"),
    url("./media/main-fonts.eot?v=20") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
.gjs-is__grab,
.gjs-is__grab * {
  cursor: grab !important;
}
.gjs-is__grabbing,
.gjs-is__grabbing * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: grabbing !important;
}
.gjs-one-bg {
  background-color: #444;
}
.gjs-one-color {
  color: #444;
}
.gjs-one-color-h:hover {
  color: #444;
}
.gjs-two-bg {
  background-color: #ddd;
}
.gjs-two-color {
  color: #ddd;
}
.gjs-two-color-h:hover {
  color: #ddd;
}
.gjs-three-bg {
  background-color: #804f7b;
}
.gjs-three-color {
  color: #804f7b;
}
.gjs-three-color-h:hover {
  color: #804f7b;
}
.gjs-four-bg {
  background-color: #d278c9;
}
.gjs-four-color {
  color: #d278c9;
}
.gjs-four-color-h:hover {
  color: #d278c9;
}
.gjs-danger-bg {
  background-color: #dd3636;
}
.gjs-danger-color {
  color: #dd3636;
}
.gjs-danger-color-h:hover {
  color: #dd3636;
}
.gjs-bg-main,
.gjs-sm-colorp-c,
.gjs-off-prv {
  background-color: #444;
}
.gjs-color-main,
.gjs-sm-stack #gjs-sm-add,
.gjs-off-prv {
  color: #ddd;
  fill: #ddd;
}
.gjs-color-active {
  color: #f8f8f8;
  fill: #f8f8f8;
}
.gjs-color-warn {
  color: #ffca6f;
  fill: #ffca6f;
}
.gjs-color-hl {
  color: #71b7f1;
  fill: #71b7f1;
}
.gjs-fonts::before {
  display: block;
  font: normal normal normal 14px font3336;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5em;
}
.gjs-f-b1::before {
  content: "Q";
}
.gjs-f-b2::before {
  content: "W";
}
.gjs-f-b3::before {
  content: "E";
}
.gjs-f-b37::before {
  content: "R";
}
.gjs-f-hero::before {
  content: "T";
}
.gjs-f-h1p::before {
  content: "y";
}
.gjs-f-3ba::before {
  content: "u";
}
.gjs-f-image::before {
  content: "I";
}
.gjs-f-text::before {
  content: "o";
}
.gjs-f-quo::before {
  content: "p";
}
.gjs-f-button::before {
  content: "B";
}
.gjs-f-divider::before {
  content: "D";
}
.gjs-invis-invis,
.gjs-clm-tags #gjs-clm-new,
.gjs-no-app {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: inherit;
}
.gjs-no-app {
  height: 10px;
}
.gjs-test::btn {
  color: "#fff";
}
.opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-checker-bg,
.gjs-field-colorp-c,
.checker-bg,
.gjs-sm-layer-preview {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gjs-no-user-select,
.gjs-rte-toolbar,
.gjs-layer-name,
.gjs-grabbing,
.gjs-grabbing * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.gjs-no-pointer-events,
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el,
.gjs-resizer-c {
  pointer-events: none;
}
.gjs-bdrag {
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  width: auto;
}
.gjs-drag-helper {
  background-color: #3b97e3 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  transform: scale(0.3) !important;
  transform-origin: top left !important;
  -webkit-transform-origin: top left !important;
  margin: 15px !important;
  transition: none !important;
  outline: none !important;
}
.gjs-grabbing,
.gjs-grabbing * {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
.gjs-grabbing {
  overflow: hidden;
}
.gjs-off-prv {
  position: relative;
  z-index: 10;
  padding: 5px;
  cursor: pointer;
}
.gjs-editor-cont ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
}
.gjs-editor-cont ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .2);
}
.gjs-editor-cont ::-webkit-scrollbar {
  width: 8px;
}
.clear {
  clear: both;
}
.no-select,
.gjs-clm-tags #gjs-clm-close,
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-com-no-select,
.gjs-com-no-select img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.gjs-no-touch-actions {
  touch-action: none;
}
.gjs-disabled {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-editor {
  font-family: Helvetica, sans-serif;
  font-size: .75rem;
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
.gjs-freezed,
.gjs-freezed {
  opacity: .5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.gjs-traits-label {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  font-weight: lighter;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
}
.gjs-label-wrp {
  width: 30%;
  min-width: 30%;
}
.gjs-field-wrp {
  flex-grow: 1;
}
.gjs-trt-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-trt-trait {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  font-weight: lighter;
  align-items: center;
  text-align: left;
}
.gjs-trt-traits {
  font-size: .75rem;
}
.gjs-trt-trait .gjs-label {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gjs-guide-info {
  position: absolute;
}
.gjs-guide-info__content {
  position: absolute;
  height: 100%;
  display: flex;
  width: 100%;
  padding: 5px;
}
.gjs-guide-info__line {
  position: relative;
  margin: auto;
}
.gjs-guide-info__line::before,
.gjs-guide-info__line::after {
  content: "";
  display: block;
  position: absolute;
  background-color: inherit;
}
.gjs-guide-info__y {
  padding: 0 5px;
}
.gjs-guide-info__y .gjs-guide-info__content {
  justify-content: center;
}
.gjs-guide-info__y .gjs-guide-info__line {
  width: 100%;
  height: 1px;
}
.gjs-guide-info__y .gjs-guide-info__line::before,
.gjs-guide-info__y .gjs-guide-info__line::after {
  width: 1px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.gjs-guide-info__y .gjs-guide-info__line::after {
  left: auto;
  right: 0;
}
.gjs-guide-info__x {
  padding: 5px 0;
}
.gjs-guide-info__x .gjs-guide-info__content {
  align-items: center;
}
.gjs-guide-info__x .gjs-guide-info__line {
  height: 100%;
  width: 1px;
}
.gjs-guide-info__x .gjs-guide-info__line::before,
.gjs-guide-info__x .gjs-guide-info__line::after {
  width: 10px;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateX(-50%);
}
.gjs-guide-info__x .gjs-guide-info__line::after {
  top: auto;
  bottom: 0;
}
.gjs-badge {
  white-space: nowrap;
}
.gjs-badge__icon {
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.gjs-badge__icon svg {
  fill: currentColor;
}
.gjs-badge__name {
  display: inline-block;
  vertical-align: middle;
}
.gjs-frame-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.gjs-frame-wrapper--anim {
  transition: width .35s ease, height .35s ease;
}
.gjs-frame-wrapper__top {
  transform: translateY(-100%) translateX(-50%);
  display: flex;
  padding: 5px 0;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
}
.gjs-frame-wrapper__top-r {
  margin-left: auto;
}
.gjs-frame-wrapper__left {
  position: absolute;
  left: 0;
  transform: translateX(-100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__bottom {
  position: absolute;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
  width: 100%;
  left: 50%;
}
.gjs-frame-wrapper__right {
  position: absolute;
  right: 0;
  transform: translateX(100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__icon {
  width: 24px;
  cursor: pointer;
}
.gjs-frame-wrapper__icon > svg {
  fill: currentColor;
}
.gjs-padding-v-top,
.gjs-fixedpadding-v-top {
  width: 100%;
  top: 0;
  left: 0;
}
.gjs-padding-v-right,
.gjs-fixedpadding-v-right {
  right: 0;
}
.gjs-padding-v-bottom,
.gjs-fixedpadding-v-bottom {
  width: 100%;
  left: 0;
  bottom: 0;
}
.gjs-padding-v-left,
.gjs-fixedpadding-v-left {
  left: 0;
}
.gjs-cv-canvas {
  background-color: rgba(0, 0, 0, .15);
  box-sizing: border-box;
  width: 85%;
  height: calc(100% - 40px);
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 40px;
}
.gjs-cv-canvas.gjs-cui {
  width: 100%;
  height: 100%;
  top: 0;
}
.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,
.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
  pointer-events: none;
}
.gjs-cv-canvas__frames {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas .gjs-ghost {
  display: none;
  pointer-events: none;
  background-color: #5b5b5b;
  border: 2px dashed #ccc;
  position: absolute;
  z-index: 10;
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-cv-canvas .gjs-highlighter,
.gjs-cv-canvas .gjs-highlighter-sel {
  position: absolute;
  outline: 1px solid #3b97e3;
  outline-offset: -1px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas .gjs-highlighter-warning {
  outline: 3px solid #ffca6f;
}
.gjs-cv-canvas .gjs-highlighter-sel {
  outline: 2px solid #3b97e3;
  outline-offset: -2px;
}
.gjs-cv-canvas #gjs-tools,
.gjs-cv-canvas .gjs-tools {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  z-index: 1;
}
.gjs-cv-canvas * {
  box-sizing: border-box;
}
.gjs-frame {
  outline: medium none;
  height: 100%;
  width: 100%;
  border: none;
  margin: auto;
  display: block;
  transition: width .35s ease, height .35s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gjs-toolbar {
  position: absolute;
  background-color: #3b97e3;
  white-space: nowrap;
  color: #fff;
  z-index: 10;
  top: 0;
  left: 0;
}
.gjs-toolbar-item {
  width: 26px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
}
.gjs-toolbar-item svg {
  fill: currentColor;
  vertical-align: middle;
}
.gjs-resizer-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .1;
  filter: alpha(opacity=10);
  position: absolute;
  background-color: #ff0;
}
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .2;
  filter: alpha(opacity=20);
}
.gjs-padding-v-el,
.gjs-fixedpadding-v-el {
  background-color: navy;
}
.gjs-resizer-h {
  pointer-events: all;
  position: absolute;
  border: 3px solid #3b97e3;
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: -5px;
}
.gjs-resizer-h-tl {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.gjs-resizer-h-tr {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-tc {
  top: 0;
  margin: -5px auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-cl {
  left: 0;
  margin: auto -5px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-cr {
  margin: auto -5px;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-bl {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-bc {
  bottom: 0;
  margin: -5px auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-br {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.gjs-pn-panel .gjs-resizer-h {
  background-color: rgba(0, 0, 0, .2);
  border: none;
  opacity: 0;
  transition: opacity .25s;
}
.gjs-pn-panel .gjs-resizer-h:hover {
  opacity: 1;
}
.gjs-pn-panel .gjs-resizer-h-tc,
.gjs-pn-panel .gjs-resizer-h-bc {
  margin: 0 auto;
  width: 100%;
}
.gjs-pn-panel .gjs-resizer-h-cr,
.gjs-pn-panel .gjs-resizer-h-cl {
  margin: auto 0;
  height: 100%;
}
.gjs-resizing .gjs-highlighter,
.gjs-resizing .gjs-badge {
  display: none !important;
}
.gjs-resizing-tl * {
  cursor: nwse-resize !important;
}
.gjs-resizing-tr * {
  cursor: nesw-resize !important;
}
.gjs-resizing-tc * {
  cursor: ns-resize !important;
}
.gjs-resizing-cl * {
  cursor: ew-resize !important;
}
.gjs-resizing-cr * {
  cursor: ew-resize !important;
}
.gjs-resizing-bl * {
  cursor: nesw-resize !important;
}
.gjs-resizing-bc * {
  cursor: ns-resize !important;
}
.gjs-resizing-br * {
  cursor: nwse-resize !important;
}
.btn-cl,
.gjs-am-close,
.gjs-mdl-btn-close {
  opacity: .3;
  filter: alpha(opacity=30);
  font-size: 25px;
  cursor: pointer;
}
.btn-cl:hover,
.gjs-am-close:hover,
.gjs-mdl-btn-close:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.no-dots,
.ui-resizable-handle {
  border: none !important;
  margin: 0 !important;
  outline: none !important;
}
.gjs-com-dashed * {
  outline: 1px dashed #888;
  outline-offset: -2px;
  box-sizing: border-box;
}
.gjs-com-badge,
.gjs-badge {
  pointer-events: none;
  background-color: #3b97e3;
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  outline: none;
  display: none;
}
.gjs-badge-warning {
  background-color: #ffca6f;
}
.gjs-placeholder,
.gjs-com-placeholder,
.gjs-placeholder {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  display: none;
}
.gjs-placeholder,
.gjs-placeholder {
  border-style: solid !important;
  outline: none;
  box-sizing: border-box;
  transition:
    top .2s,
    left .2s,
    width .2s,
    height .2s;
}
.gjs-placeholder.horizontal,
.gjs-com-placeholder.horizontal,
.gjs-placeholder.horizontal {
  border-color: rgba(0, 0, 0, 0) #62c462;
  border-width: 3px 5px;
  margin: -3px 0 0;
}
.gjs-placeholder.vertical,
.gjs-com-placeholder.vertical,
.gjs-placeholder.vertical {
  border-color: #62c462 rgba(0, 0, 0, 0);
  border-width: 5px 3px;
  margin: 0 0 0 -3px;
}
.gjs-placeholder-int,
.gjs-com-placeholder-int,
.gjs-placeholder-int {
  background-color: #62c462;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  height: 100%;
  width: 100%;
  pointer-events: none;
  padding: 1.5px;
  outline: none;
}
.gjs-pn-panel {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  z-index: 3;
}
.gjs-pn-panel .icon-undo,
.gjs-pn-panel .icon-redo {
  font-size: 20px;
  height: 30px;
  width: 25px;
}
.gjs-pn-commands {
  width: 85%;
  left: 0;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.gjs-pn-options {
  right: 15%;
  top: 0;
}
.gjs-pn-views {
  border-bottom: 2px solid rgba(0, 0, 0, .2);
  right: 0;
  width: 15%;
  z-index: 4;
}
.gjs-pn-views-container {
  height: 100%;
  padding: 42px 0 0;
  right: 0;
  width: 15%;
  overflow: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.gjs-pn-btn {
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  line-height: 21px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 18px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 4px;
  position: relative;
  cursor: pointer;
}
.gjs-pn-btn.gjs-pn-active {
  background-color: rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset;
}
.gjs-pn-btn svg {
  fill: currentColor;
}
.gjs-label {
  line-height: 18px;
}
.gjs-fields {
  display: flex;
}
.gjs-select {
  padding: 0;
  width: 100%;
}
.gjs-select select {
  padding-right: 10px;
}
.gjs-select:-moz-focusring,
.gjs-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 rgba(255, 255, 255, .7);
}
.gjs-input:focus,
.gjs-button:focus,
.gjs-btn-prim:focus,
.gjs-select:focus,
.gjs-select select:focus {
  outline: none;
}
.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 5px;
  z-index: 1;
}
.gjs-field input:focus,
.gjs-field select:focus,
.gjs-field textarea:focus {
  outline: none;
}
.gjs-field input[type=number] {
  -moz-appearance: textfield;
}
.gjs-field input[type=number]::-webkit-outer-spin-button,
.gjs-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gjs-field-range {
  flex: 9 1 auto;
}
.gjs-field-integer input {
  padding-right: 30px;
}
.gjs-select option,
.gjs-field-select option,
.gjs-clm-select option,
.gjs-sm-select option,
.gjs-fields option,
.gjs-sm-unit option {
  background-color: #444;
  color: #ddd;
}
.gjs-field {
  background-color: rgba(0, 0, 0, .2);
  border: none;
  box-shadow: none;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
.gjs-field textarea {
  resize: vertical;
}
.gjs-field .gjs-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.gjs-field .gjs-d-s-arrow {
  bottom: 0;
  top: 0;
  margin: auto;
  right: 5px;
  border-top: 4px solid rgba(255, 255, 255, .7);
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-field-arrows {
  position: absolute;
  cursor: ns-resize;
  margin: auto;
  height: 20px;
  width: 9px;
  z-index: 10;
  bottom: 0;
  right: 3px;
  top: 0;
}
.gjs-field-color,
.gjs-field-radio {
  width: 100%;
}
.gjs-field-color input {
  padding-right: 22px;
  box-sizing: border-box;
}
.gjs-field-colorp {
  border-left: 1px solid rgba(0, 0, 0, .2);
  box-sizing: border-box;
  height: 100%;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  z-index: 10;
}
.gjs-field-colorp .gjs-checker-bg,
.gjs-field-colorp .gjs-field-colorp-c {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-field-colorp-c {
  height: 100%;
  position: relative;
  width: 100%;
}
.gjs-field-color-picker {
  background-color: #ddd;
  cursor: pointer;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2);
  border-radius: 1px;
  position: absolute;
  top: 0;
}
.gjs-field-checkbox {
  padding: 0;
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
}
.gjs-field-checkbox input {
  display: none;
}
.gjs-field-checkbox input:checked + .gjs-chk-icon {
  border-color: rgba(255, 255, 255, .5);
  border-width: 0 2px 2px 0;
  border-style: solid;
}
.gjs-radio-item {
  flex: 1 1 auto;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, .2);
}
.gjs-radio-item:first-child {
  border: none;
}
.gjs-radio-item:hover {
  background: rgba(0, 0, 0, .2);
}
.gjs-radio-item input {
  display: none;
}
.gjs-radio-item input:checked + .gjs-radio-item-label {
  background-color: rgba(255, 255, 255, .2);
}
.gjs-radio-items {
  display: flex;
}
.gjs-radio-item-label {
  cursor: pointer;
  display: block;
  padding: 5px;
}
.gjs-field-units {
  position: absolute;
  margin: auto;
  right: 10px;
  bottom: 0;
  top: 0;
}
.gjs-field-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: rgba(255, 255, 255, .7);
  cursor: pointer;
}
.gjs-input-unit {
  text-align: center;
}
.gjs-field-arrow-u,
.gjs-field-arrow-d {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid rgba(255, 255, 255, .7);
  bottom: 4px;
  cursor: pointer;
}
.gjs-field-arrow-u {
  border-bottom: 4px solid rgba(255, 255, 255, .7);
  border-top: none;
  top: 4px;
}
.gjs-field-select {
  padding: 0;
}
.gjs-field-range {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  padding: 0;
}
.gjs-field-range input {
  margin: 0;
  height: 100%;
}
.gjs-field-range input:focus {
  outline: none;
}
.gjs-field-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  height: 10px;
  width: 10px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 100%;
  background-color: #ddd;
  cursor: pointer;
}
.gjs-field-range input::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 100%;
  background-color: #ddd;
  cursor: pointer;
}
.gjs-field-range input::-ms-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 100%;
  background-color: #ddd;
  cursor: pointer;
}
.gjs-field-range input::-moz-range-track {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-webkit-slider-runnable-track {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-ms-track {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-btn-prim {
  color: inherit;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 2px;
  padding: 3px 6px;
  padding: 5px;
  cursor: pointer;
  border: none;
}
.gjs-btn-prim:active {
  background-color: rgba(255, 255, 255, .1);
}
.gjs-btn--full {
  width: 100%;
}
.gjs-chk-icon {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
  display: block;
  height: 14px;
  margin: 0 5px;
  width: 6px;
}
.gjs-add-trasp {
  background: none;
  border: none;
  color: #ddd;
  cursor: pointer;
  font-size: 1em;
  border-radius: 2px;
  opacity: .75;
  filter: alpha(opacity=75);
}
.gjs-add-trasp:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-add-trasp:active {
  background-color: rgba(0, 0, 0, .2);
}
.gjs-devices-c {
  display: flex;
  align-items: center;
  padding: 2px 3px 3px 3px;
}
.gjs-devices-c .gjs-device-label {
  flex-grow: 2;
  text-align: left;
  margin-right: 10px;
}
.gjs-devices-c .gjs-select {
  flex-grow: 20;
}
.gjs-devices-c .gjs-add-trasp {
  flex-grow: 1;
  margin-left: 5px;
}
.gjs-category-open,
.gjs-block-category.gjs-open,
.gjs-sm-sector.gjs-sm-open {
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title {
  font-weight: lighter;
  background-color: rgba(0, 0, 0, .1);
  letter-spacing: 1px;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  text-align: left;
  position: relative;
  cursor: pointer;
}
.gjs-sm-clear {
  cursor: pointer;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 3px;
}
.gjs-sm-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-sm-sector {
  clear: both;
  font-weight: lighter;
  text-align: left;
}
.gjs-sm-sector-title {
  display: flex;
  align-items: center;
}
.gjs-sm-sector-caret {
  width: 17px;
  height: 17px;
  min-width: 17px;
  transform: rotate(-90deg);
}
.gjs-sm-sector-label {
  margin-left: 5px;
}
.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret {
  transform: none;
}
.gjs-sm-properties {
  font-size: .75rem;
  padding: 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
}
.gjs-sm-label {
  margin: 5px 5px 3px 0;
  display: flex;
  align-items: center;
}
.gjs-sm-close-btn,
.gjs-sm-preview-file-close {
  display: block;
  font-size: 23px;
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 0;
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-sm-close-btn:hover,
.gjs-sm-preview-file-close:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-sm-field,
.gjs-clm-select,
.gjs-clm-field {
  width: 100%;
  position: relative;
}
.gjs-sm-field input,
.gjs-clm-select input,
.gjs-clm-field input,
.gjs-sm-field select,
.gjs-clm-select select,
.gjs-clm-field select {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, .7);
  border: none;
  width: 100%;
}
.gjs-sm-field input,
.gjs-clm-select input,
.gjs-clm-field input {
  box-sizing: border-box;
}
.gjs-sm-field select,
.gjs-clm-select select,
.gjs-clm-field select {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gjs-sm-field select::-ms-expand,
.gjs-clm-select select::-ms-expand,
.gjs-clm-field select::-ms-expand {
  display: none;
}
.gjs-sm-field select:-moz-focusring,
.gjs-clm-select select:-moz-focusring,
.gjs-clm-field select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 rgba(255, 255, 255, .7);
}
.gjs-sm-field input:focus,
.gjs-clm-select input:focus,
.gjs-clm-field input:focus,
.gjs-sm-field select:focus,
.gjs-clm-select select:focus,
.gjs-clm-field select:focus {
  outline: none;
}
.gjs-sm-field .gjs-sm-unit,
.gjs-clm-select .gjs-sm-unit,
.gjs-clm-field .gjs-sm-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: rgba(255, 255, 255, .7);
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-sel-arrow,
.gjs-clm-select .gjs-clm-sel-arrow,
.gjs-clm-field .gjs-clm-sel-arrow,
.gjs-sm-field .gjs-sm-int-arrows,
.gjs-clm-select .gjs-sm-int-arrows,
.gjs-clm-field .gjs-sm-int-arrows,
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: ns-resize;
}
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow {
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow {
  border-bottom: 4px solid rgba(255, 255, 255, .7);
  top: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow {
  border-top: 4px solid rgba(255, 255, 255, .7);
  bottom: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow {
  bottom: 7px;
}
.gjs-sm-field.gjs-sm-color,
.gjs-sm-color.gjs-clm-field,
.gjs-sm-field.gjs-sm-input,
.gjs-sm-input.gjs-clm-field,
.gjs-sm-field.gjs-sm-integer,
.gjs-sm-integer.gjs-clm-field,
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-field,
.gjs-sm-field.gjs-sm-select,
.gjs-clm-select,
.gjs-sm-select.gjs-clm-field {
  background-color: rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .7);
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0 5px;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-select,
.gjs-sm-composite.gjs-clm-field {
  border-radius: 2px;
}
.gjs-sm-field.gjs-sm-select,
.gjs-clm-select,
.gjs-sm-select.gjs-clm-field {
  padding: 0;
}
.gjs-sm-field.gjs-sm-select select,
.gjs-clm-select select,
.gjs-sm-select.gjs-clm-field select {
  height: 20px;
}
.gjs-sm-field.gjs-sm-select option,
.gjs-clm-select option,
.gjs-sm-select.gjs-clm-field option {
  padding: 3px 0;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-select,
.gjs-sm-composite.gjs-clm-field {
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid rgba(0, 0, 0, .25);
}
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-select,
.gjs-sm-list.gjs-clm-field {
  width: auto;
  padding: 0;
  overflow: hidden;
  float: left;
}
.gjs-sm-field.gjs-sm-list input,
.gjs-sm-list.gjs-clm-select input,
.gjs-sm-list.gjs-clm-field input {
  display: none;
}
.gjs-sm-field.gjs-sm-list label,
.gjs-sm-list.gjs-clm-select label,
.gjs-sm-list.gjs-clm-field label {
  cursor: pointer;
  padding: 5px;
  display: block;
}
.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label {
  background-color: rgba(255, 255, 255, .2);
}
.gjs-sm-field.gjs-sm-list .gjs-sm-icon,
.gjs-sm-list.gjs-clm-select .gjs-sm-icon,
.gjs-sm-list.gjs-clm-field .gjs-sm-icon {
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none;
  line-height: normal;
}
.gjs-sm-field.gjs-sm-integer select,
.gjs-sm-integer.gjs-clm-select select,
.gjs-sm-integer.gjs-clm-field select {
  width: auto;
  padding: 0;
}
.gjs-sm-list .gjs-sm-el {
  float: left;
  border-left: 1px solid rgba(0, 0, 0, .2);
}
.gjs-sm-list .gjs-sm-el:first-child {
  border: none;
}
.gjs-sm-list .gjs-sm-el:hover {
  background: rgba(0, 0, 0, .2);
}
.gjs-sm-slider .gjs-field-integer {
  flex: 1 1 65px;
}
.gjs-sm-property {
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin-bottom: 5px;
  padding: 0 5px;
}
.gjs-sm-property--full,
.gjs-sm-property.gjs-sm-composite,
.gjs-sm-property.gjs-sm-file,
.gjs-sm-property.gjs-sm-list,
.gjs-sm-property.gjs-sm-stack,
.gjs-sm-property.gjs-sm-slider,
.gjs-sm-property.gjs-sm-color {
  width: 100%;
}
.gjs-sm-property .gjs-sm-btn {
  background-color: rgba(33, 33, 33, .2);
  border-radius: 2px;
  box-shadow: 1px 1px 0 rgba(5, 5, 5, .2), 1px 1px 0 rgba(43, 43, 43, .2) inset;
  padding: 5px;
  position: relative;
  text-align: center;
  height: auto;
  width: 100%;
  cursor: pointer;
  color: #ddd;
  box-sizing: border-box;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
  border: none;
  opacity: .85;
  filter: alpha(opacity=85);
}
.gjs-sm-property .gjs-sm-btn-c {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after {
  color: #000;
  content: "T";
  font-weight: 900;
  line-height: 17px;
  padding: 0 4px;
}
.gjs-sm-preview-file {
  background-color: rgba(255, 255, 255, .05);
  border-radius: 2px;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(252, 252, 252, .05);
  padding: 3px 20px;
}
.gjs-sm-preview-file-cnt {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
}
.gjs-sm-preview-file-close {
  top: -5px;
  width: 14px;
  height: 14px;
}
.gjs-sm-layers {
  margin-top: 5px;
  padding: 1px 3px;
  min-height: 30px;
}
.gjs-sm-layer {
  background-color: rgba(255, 255, 255, .055);
  border-radius: 2px;
  margin: 2px 0;
  padding: 7px;
  position: relative;
}
.gjs-sm-layer.gjs-sm-active {
  background-color: rgba(255, 255, 255, .12);
}
.gjs-sm-layer .gjs-sm-label-wrp {
  display: flex;
  align-items: center;
}
.gjs-sm-layer #gjs-sm-move {
  height: 14px;
  width: 14px;
  min-width: 14px;
  cursor: grab;
}
.gjs-sm-layer #gjs-sm-label {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.gjs-sm-layer-preview {
  height: 15px;
  width: 15px;
  min-width: 15px;
  margin-right: 5px;
  border-radius: 2px;
}
.gjs-sm-layer-preview-cnt {
  border-radius: 2px;
  background-color: #fff;
  height: 100%;
  width: 100%;
  background-size: cover !important;
}
.gjs-sm-layer #gjs-sm-close-layer {
  display: block;
  cursor: pointer;
  height: 14px;
  width: 14px;
  min-width: 14px;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-sm-layer #gjs-sm-close-layer:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.gjs-sm-stack .gjs-sm-properties {
  padding: 5px 0 0;
}
.gjs-sm-stack #gjs-sm-add {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  top: -17px;
  opacity: .75;
  padding: 0;
  width: 18px;
  height: 18px;
}
.gjs-sm-stack #gjs-sm-add:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-sm-colorp-c {
  height: 100%;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 2px;
}
.gjs-sm-colorp-c .gjs-checker-bg,
.gjs-sm-colorp-c .gjs-field-colorp-c {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-sm-color-picker {
  background-color: #ddd;
  cursor: pointer;
  height: 16px;
  width: 100%;
  margin-top: -16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2);
  border-radius: 1px;
}
.gjs-sm-btn-upload #gjs-sm-upload {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.gjs-sm-btn-upload #gjs-sm-label {
  padding: 2px 0;
}
.gjs-sm-layer > #gjs-sm-move {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: move;
  font-size: 12px;
  float: left;
  margin: 0 5px 0 0;
}
.gjs-sm-layer > #gjs-sm-move:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-blocks-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gjs-block-categories {
  display: flex;
  flex-direction: column;
}
.gjs-block-category {
  width: 100%;
}
.gjs-block-category .gjs-caret-icon {
  margin-right: 5px;
}
.gjs-block {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 45%;
  min-width: 45px;
  padding: 1em;
  box-sizing: border-box;
  min-height: 90px;
  cursor: all-scroll;
  font-size: 11px;
  font-weight: lighter;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 3px;
  margin: 10px 2.5% 5px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
  transition: all .2s ease 0s;
  transition-property: box-shadow, color;
}
.gjs-block:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);
}
.gjs-block svg {
  fill: currentColor;
}
.gjs-block__media {
  margin-bottom: 10px;
  pointer-events: none;
}
.gjs-block-svg {
  width: 54px;
  fill: currentColor;
}
.gjs-block-svg-path {
  fill: currentColor;
}
.gjs-block.fa {
  font-size: 2em;
  line-height: 2em;
  padding: 11px;
}
.gjs-block-label {
  line-height: normal;
  font-size: .65rem;
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.gjs-block.gjs-bdrag {
  width: auto;
  padding: 0;
}
.gjs-selected-parent {
  border: 1px solid #ffca6f;
}
.gjs-opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-layer {
  font-weight: lighter;
  text-align: left;
  position: relative;
  background-color: rgba(0, 0, 0, .1);
  font-size: .75rem;
  display: grid;
}
.gjs-layer-hidden {
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-layer-count {
  position: absolute;
  right: 27px;
  top: 9px;
}
.gjs-layer-vis {
  left: 0;
  top: 0;
  padding: 7px 5px 7px 10px;
  position: absolute;
  box-sizing: content-box;
  cursor: pointer;
  width: 13px;
  z-index: 1;
}
.gjs-layer-vis-off {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off {
  display: block;
}
.gjs-layer-caret {
  width: 15px;
  padding: 2px;
  cursor: pointer;
  position: absolute;
  box-sizing: content-box;
  left: -15px;
  top: 0;
  transform: rotate(90deg);
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-layer-caret:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-layer-caret.gjs-layer-open {
  transform: rotate(180deg);
}
.gjs-layer-title {
  padding: 3px 10px 5px 30px;
  display: flex;
  align-items: center;
}
.gjs-layer-title-inn {
  align-items: center;
  position: relative;
  display: flex;
  width: 100%;
}
.gjs-layer__icon {
  display: block;
  width: 100%;
  max-width: 15px;
  max-height: 15px;
  padding-left: 5px;
}
.gjs-layer__icon svg {
  fill: currentColor;
}
.gjs-layer-name {
  padding: 5px 0;
  display: inline-block;
  box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 30px 0 5px;
  max-width: 170px;
}
.gjs-layer-name--no-edit {
  text-overflow: ellipsis;
}
.gjs-layer > .gjs-layer-children {
  display: none;
}
.gjs-layer.open > .gjs-layer-children {
  display: block;
}
.gjs-layer-no-chld > .gjs-layer-title-inn > .gjs-layer-caret {
  display: none;
}
.gjs-layer-move {
  padding: 9px 7px;
  position: absolute;
  width: 13px;
  box-sizing: content-box;
  cursor: move;
  right: 0;
  top: 0;
}
.gjs-layer.gjs-hovered .gjs-layer-title {
  background-color: rgba(255, 255, 255, .015);
}
.gjs-layer.gjs-selected .gjs-layer-title {
  background-color: rgba(255, 255, 255, .1);
}
.gjs-layers {
  position: relative;
  height: 100%;
}
.gjs-layers #gjs-placeholder {
  width: 100%;
  position: absolute;
}
.gjs-layers #gjs-placeholder #gjs-plh-int {
  height: 100%;
  padding: 1px;
}
.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
  background-color: #62c462;
}
#gjs-clm-add-tag,
.gjs-clm-tags-btn {
  background-color: rgba(255, 255, 255, .15);
  border-radius: 2px;
  padding: 3px;
  margin-right: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
}
.gjs-clm-tags-btn svg {
  fill: currentColor;
  display: block;
}
.gjs-clm-header {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
.gjs-clm-header-status {
  flex-shrink: 1;
  margin-left: auto;
}
.gjs-clm-tag {
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 3px;
  margin: 0 3px 3px 0;
  padding: 5px;
  cursor: default;
}
.gjs-clm-tag-status,
.gjs-clm-tag-close {
  width: 12px;
  height: 12px;
  flex-shrink: 1;
}
.gjs-clm-tag-status svg,
.gjs-clm-tag-close svg {
  vertical-align: middle;
  fill: currentColor;
}
.gjs-clm-sels-info {
  margin: 7px 0;
  text-align: left;
}
.gjs-clm-sel-id {
  font-size: .9em;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-clm-label-sel {
  float: left;
  padding-right: 5px;
}
.gjs-clm-tags {
  font-size: .75rem;
  padding: 10px 5px;
}
.gjs-clm-tags #gjs-clm-sel {
  padding: 7px 0;
  float: left;
}
.gjs-clm-tags #gjs-clm-sel {
  font-style: italic;
  margin-left: 5px;
}
.gjs-clm-tags #gjs-clm-tags-field {
  clear: both;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
.gjs-clm-tags #gjs-clm-tags-c {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  overflow: hidden;
}
.gjs-clm-tags #gjs-clm-new {
  color: #ddd;
  padding: 5px 6px;
  display: none;
}
.gjs-clm-tags #gjs-clm-close {
  opacity: .85;
  filter: alpha(opacity=85);
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, .9);
}
.gjs-clm-tags #gjs-clm-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-clm-tags #gjs-clm-checkbox {
  color: rgba(255, 255, 255, .9);
  vertical-align: middle;
  cursor: pointer;
  font-size: 9px;
}
.gjs-clm-tags #gjs-clm-tag-label {
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 3px;
  cursor: text;
}
.gjs-mdl-container {
  font-family: Helvetica, sans-serif;
  overflow-y: auto;
  position: fixed;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.gjs-mdl-dialog {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .05);
  animation: gjs-slide-down .215s;
  margin: auto;
  max-width: 850px;
  width: 90%;
  border-radius: 3px;
  font-weight: lighter;
  position: relative;
  z-index: 2;
}
.gjs-mdl-title {
  font-size: 1rem;
}
.gjs-mdl-btn-close {
  position: absolute;
  right: 15px;
  top: 5px;
}
.gjs-mdl-active .gjs-mdl-dialog {
  animation: gjs-mdl-slide-down .216s;
}
.gjs-mdl-header,
.gjs-mdl-content {
  padding: 10px 15px;
  clear: both;
}
.gjs-mdl-header {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  padding: 15px 15px 7px;
}
.gjs-export-dl::after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 10px;
}
.gjs-dropzone {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity .25s;
  pointer-events: none;
}
.gjs-dropzone-active .gjs-dropzone {
  display: block;
  opacity: 1;
}
.gjs-am-assets {
  height: 290px;
  overflow: auto;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.gjs-am-assets-header {
  padding: 5px;
}
.gjs-am-add-asset .gjs-am-add-field {
  width: 70%;
  float: left;
}
.gjs-am-add-asset button {
  width: 25%;
  float: right;
}
.gjs-am-preview-cont {
  position: relative;
  height: 70px;
  width: 30%;
  background-color: #444;
  border-radius: 2px;
  float: left;
  overflow: hidden;
}
.gjs-am-preview {
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.gjs-am-preview-bg {
  opacity: .5;
  filter: alpha(opacity=50);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.gjs-am-dimensions {
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 10px;
}
.gjs-am-meta {
  width: 70%;
  float: left;
  font-size: 12px;
  padding: 5px 0 0 5px;
  box-sizing: border-box;
}
.gjs-am-meta > div {
  margin-bottom: 5px;
}
.gjs-am-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
}
.gjs-am-asset {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  padding: 5px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.gjs-am-asset:hover .gjs-am-close {
  display: block;
}
.gjs-am-highlight {
  background-color: rgba(255, 255, 255, .1);
}
.gjs-am-assets-cont {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  width: 45%;
  float: right;
  height: 325px;
  overflow: hidden;
}
.gjs-am-file-uploader {
  width: 55%;
  float: left;
}
.gjs-am-file-uploader > form {
  background-color: rgba(0, 0, 0, .1);
  border: 2px dashed;
  border-radius: 3px;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
.gjs-am-file-uploader > form.gjs-am-hover {
  border: 2px solid #62c462;
  color: #75cb75;
}
.gjs-am-file-uploader > form.gjs-am-disabled {
  border-color: red;
}
.gjs-am-file-uploader > form #gjs-am-uploadFile {
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 150px 10px;
  width: 100%;
  box-sizing: border-box;
}
.gjs-am-file-uploader #gjs-am-title {
  position: absolute;
  padding: 150px 10px;
  width: 100%;
}
.gjs-cm-editor-c {
  float: left;
  box-sizing: border-box;
  width: 50%;
}
.gjs-cm-editor-c .CodeMirror {
  height: 450px;
}
.gjs-cm-editor {
  font-size: 12px;
}
.gjs-cm-editor#gjs-cm-htmlmixed {
  padding-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, .2);
}
.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
  color: #a97d44;
}
.gjs-cm-editor#gjs-cm-css {
  padding-left: 10px;
}
.gjs-cm-editor#gjs-cm-css #gjs-cm-title {
  color: #ddca7e;
}
.gjs-cm-editor #gjs-cm-title {
  background-color: rgba(0, 0, 0, .2);
  font-size: 12px;
  padding: 5px 10px 3px;
  text-align: right;
}
.gjs-rte-toolbar {
  border: 1px solid rgba(0, 0, 0, .2);
  position: absolute;
  border-radius: 3px;
  z-index: 10;
}
.gjs-rte-actionbar {
  display: flex;
}
.gjs-rte-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 25px;
  border-right: 1px solid rgba(0, 0, 0, .2);
  text-align: center;
  cursor: pointer;
  outline: none;
}
.gjs-rte-action:last-child {
  border-right: none;
}
.gjs-rte-action:hover {
  background-color: rgba(255, 255, 255, .1);
}
.gjs-rte-active {
  background-color: rgba(255, 255, 255, .1);
}
.gjs-rte-disabled {
  color: rgba(255, 255, 255, .1);
  cursor: not-allowed;
}
.gjs-rte-disabled:hover {
  background-color: unset;
}
.gjs-editor-cont .sp-hue,
.gjs-editor-cont .sp-slider {
  cursor: row-resize;
}
.gjs-editor-cont .sp-color,
.gjs-editor-cont .sp-dragger {
  cursor: crosshair;
}
.gjs-editor-cont .sp-alpha-inner,
.gjs-editor-cont .sp-alpha-handle {
  cursor: col-resize;
}
.gjs-editor-cont .sp-hue {
  left: 90%;
}
.gjs-editor-cont .sp-color {
  right: 15%;
}
.gjs-editor-cont .sp-container {
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 0 7px rgba(0, 0, 0, .2);
  border-radius: 3px;
}
.gjs-editor-cont .sp-picker-container {
  border: none;
}
.gjs-editor-cont .colpick_dark .colpick_color {
  outline: 1px solid rgba(0, 0, 0, .2);
}
.gjs-editor-cont .sp-cancel,
.gjs-editor-cont .sp-cancel:hover {
  bottom: -8px;
  color: #777 !important;
  font-size: 25px;
  left: 0;
  position: absolute;
  text-decoration: none;
}
.gjs-editor-cont .sp-alpha-handle {
  background-color: #ccc;
  border: 1px solid #555;
  width: 4px;
}
.gjs-editor-cont .sp-color,
.gjs-editor-cont .sp-hue {
  border: 1px solid #333;
}
.gjs-editor-cont .sp-slider {
  background-color: #ccc;
  border: 1px solid #555;
  height: 3px;
  left: -4px;
  width: 22px;
}
.gjs-editor-cont .sp-dragger {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #111;
}
.gjs-editor-cont .sp-button-container {
  float: none;
  width: 100%;
  position: relative;
  text-align: right;
}
.gjs-editor-cont .sp-container button,
.gjs-editor-cont .sp-container button:hover,
.gjs-editor-cont .sp-container button:active {
  background: rgba(0, 0, 0, .2);
  border-color: rgba(0, 0, 0, .2);
  color: #ddd;
  text-shadow: none;
  box-shadow: none;
  padding: 3px 5px;
}
.gjs-editor-cont .sp-palette-container {
  border: none;
  float: none;
  margin: 0;
  padding: 5px 10px 0;
}
.gjs-editor-cont .sp-palette .sp-thumb-el,
.gjs-editor-cont .sp-palette .sp-thumb-el:hover {
  border: 1px solid rgba(0, 0, 0, .9);
}
.gjs-editor-cont .sp-palette .sp-thumb-el:hover,
.gjs-editor-cont .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: rgba(0, 0, 0, .9);
}
.gjs-hidden {
  display: none;
}
@keyframes gjs-slide-down {
  0% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes gjs-slide-up {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
}
.cm-s-hopscotch span.cm-error {
  color: #fff;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */