@charset "UTF-8";/*! Oruga v0.4.2 | MIT License | github.com/oruga-ui/oruga */

/*************************************
*   Oruga Default Theme Full Build
**************************************/
/*********************
*   Theme Variables
**********************/
/******************
*   Oruga Theme 
*******************/
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

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

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes append-animate {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/**
 * Vue Transitions
 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 150ms ease-out;
}

.fade-enter,
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity 150ms ease-out;
}
.zoom-in-enter-active .animation-content,
.zoom-in-leave-active .animation-content {
  transition: transform 150ms ease-out;
}

.zoom-in-enter,
.zoom-in-enter-from,
.zoom-in-leave-active {
  opacity: 0;
}
.zoom-in-enter .animation-content,
.zoom-in-enter-from .animation-content,
.zoom-in-leave-active .animation-content {
  transform: scale(0.95);
}

.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity 150ms ease-out;
}
.zoom-out-enter-active .animation-content,
.zoom-out-leave-active .animation-content {
  transition: transform 150ms ease-out;
}

.zoom-out-enter,
.zoom-out-enter-from,
.zoom-out-leave-active {
  opacity: 0;
}
.zoom-out-enter .animation-content,
.zoom-out-enter-from .animation-content,
.zoom-out-leave-active .animation-content {
  transform: scale(1.05);
}

.slide-next-enter-active,
.slide-next-leave-active,
.slide-prev-enter-active,
.slide-prev-leave-active {
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.slide-prev-leave-to,
.slide-next-enter,
.slide-next-enter-from {
  transform: translate3d(-100%, 0, 0);
  position: absolute;
  width: 100%;
}

.slide-prev-enter,
.slide-prev-enter-from,
.slide-next-leave-to {
  transform: translate3d(100%, 0, 0);
  position: absolute;
  width: 100%;
}

.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.slide-down-enter,
.slide-up-leave-to,
.slide-down-enter-from {
  transform: translate3d(0, -100%, 0);
  position: absolute;
  height: 100%;
}

.slide-up-enter,
.slide-up-enter-from,
.slide-down-leave-to {
  transform: translate3d(0, 100%, 0);
  position: absolute;
  height: 100%;
}

.slide-enter-active {
  transition: 150ms ease-out;
}

.slide-leave-active {
  transition: 150ms ease-out;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slide-leave,
.slide-enter-to,
.slide-leave-from {
  max-height: 100px;
  overflow: hidden;
}

.slide-enter,
.slide-enter-from,
.slide-leave-to {
  overflow: hidden;
  max-height: 0;
}

/**********************************
*   Utility mixins and functions
***********************************/
/*******************************
*   Root variables extensions
********************************/
:root {
  --oruga-primary: #445e00;
  --oruga-primary-invert: #ffffff;
  --oruga-secondary: #6c757d;
  --oruga-secondary-invert: #ffffff;
  --oruga-success: #006724;
  --oruga-success-invert: #ffffff;
  --oruga-info: #005c98;
  --oruga-info-invert: #ffffff;
  --oruga-warning: #f4c300;
  --oruga-warning-invert: #000000;
  --oruga-danger: #b60000;
  --oruga-danger-invert: #ffffff;
  --oruga-white: #ffffff;
  --oruga-black: #000000;
  --oruga-grey: #7a7a7a;
  --oruga-grey-light: #b5b5b5;
  --oruga-grey-lighter: #dbdbdb;
  --oruga-grey-dark: #4a4a4a;
  --oruga-focus: rgba(68, 94, 0, 0.25);
  --oruga-size-small: 0.75rem;
  --oruga-size-medium: 1.25rem;
  --oruga-size-large: 1.5rem;
  --oruga-base-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;
  --oruga-base-font-size: 1rem;
  --oruga-base-font-weight: 400;
  --oruga-base-line-height: 1.5;
  --oruga-base-border-radius: 4px;
  --oruga-base-border-radius-rounded: 9999px;
  --oruga-base-line-height: 1.5;
  --oruga-base-disabled-opacity: 0.5;
  --oruga-transition-duration: 150ms;
  --oruga-transition-timing: ease-out;
}

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

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--oruga-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-base-font-weight, 400);
  line-height: var(--oruga-base-line-height, 1.5);
}

.o-noscroll {
  position: fixed;
  width: 100%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.o-clipped {
  overflow: hidden;
}

/* @docs */
/* @docs */
.o-acp__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.o-acp__item--hover {
  background-color: var(--oruga-autocomplete-item-hover-background-color, #f5f5f5);
}

/* @docs */
/* @docs */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.o-btn {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-color, var(--oruga-primary-invert));
  padding: var(--oruga-button-padding, calc(0.375em - 1px) 0.75em);
  border: var(--oruga-button-border, 1px solid var(--oruga-primary));
  border-radius: var(--oruga-button-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-button-box-shadow, none);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-button-font-weight, 400);
  line-height: var(--oruga-button-line-height, var(--oruga-base-line-height));
  margin: var(--oruga-button-margin, 0);
  height: var(--oruga-button-height, 2.25em);
  /* size variants*/
  /* color variants*/
  /* focus effect*/
}
.o-btn__wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-left: -0.1875em;
  margin-right: -0.1875em;
}
.o-btn__wrapper > * {
  margin-left: 0.1875em;
  margin-right: 0.1875em;
}
.o-btn__label {
  width: 100%;
}
.o-btn--expanded {
  width: 100%;
}
.o-btn--rounded {
  border-radius: var(--oruga-button-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-btn--disabled {
  opacity: var(--oruga-button-disabled-opacity, var(--oruga-base-disabled-opacity));
  cursor: not-allowed;
  pointer-events: none;
}
.o-btn--small {
  font-size: var(--oruga-button-font-size-small, 0.75rem);
}
.o-btn--medium {
  font-size: var(--oruga-button-font-size-medium, 1.25rem);
}
.o-btn--large {
  font-size: var(--oruga-button-font-size-large, 1.5rem);
}
.o-btn--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-invert-primary, #ffffff);
}
.o-btn--primary:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-invert-secondary, #ffffff);
}
.o-btn--secondary:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-invert-success, #ffffff);
}
.o-btn--success:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-invert-info, #ffffff);
}
.o-btn--info:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-invert-warning, #000000);
}
.o-btn--warning:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-invert-danger, #ffffff);
}
.o-btn--danger:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--outlined {
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-background-color, var(--oruga-primary));
}
.o-btn--outlined:hover {
  border-color: transparent;
  background-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-color, var(--oruga-primary-invert));
}
.o-btn--outlined-primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-primary, #445e00);
}
.o-btn--outlined-primary:focus, .o-btn--outlined-primary:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-invert-primary, #ffffff);
}
.o-btn--outlined-secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-btn--outlined-secondary:focus, .o-btn--outlined-secondary:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-invert-secondary, #ffffff);
}
.o-btn--outlined-success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-success, #006724);
}
.o-btn--outlined-success:focus, .o-btn--outlined-success:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-invert-success, #ffffff);
}
.o-btn--outlined-info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-info, #005c98);
}
.o-btn--outlined-info:focus, .o-btn--outlined-info:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-invert-info, #ffffff);
}
.o-btn--outlined-warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-warning, #f4c300);
}
.o-btn--outlined-warning:focus, .o-btn--outlined-warning:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-invert-warning, #000000);
}
.o-btn--outlined-danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-danger, #b60000);
}
.o-btn--outlined-danger:focus, .o-btn--outlined-danger:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-invert-danger, #ffffff);
}
.o-btn--loading {
  color: transparent !important;
  pointer-events: none;
}
.o-btn--loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  position: absolute !important;
  border: 2px solid #dbdbdb;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
}
.o-btn--inverted {
  background-color: var(--oruga-button-color, var(--oruga-primary-invert));
  border-color: var(--oruga-button-color, var(--oruga-primary-invert));
  color: var(--oruga-button-background-color, var(--oruga-primary));
}
.o-btn--inverted:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  background-color: var(--oruga-variant-invert-primary, #ffffff);
  border-color: var(--oruga-variant-invert-primary, #ffffff);
  color: var(--oruga-variant-primary, #445e00);
}
.o-btn--inverted-primary:focus, .o-btn--inverted-primary:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  background-color: var(--oruga-variant-invert-secondary, #ffffff);
  border-color: var(--oruga-variant-invert-secondary, #ffffff);
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-btn--inverted-secondary:focus, .o-btn--inverted-secondary:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  background-color: var(--oruga-variant-invert-success, #ffffff);
  border-color: var(--oruga-variant-invert-success, #ffffff);
  color: var(--oruga-variant-success, #006724);
}
.o-btn--inverted-success:focus, .o-btn--inverted-success:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  background-color: var(--oruga-variant-invert-info, #ffffff);
  border-color: var(--oruga-variant-invert-info, #ffffff);
  color: var(--oruga-variant-info, #005c98);
}
.o-btn--inverted-info:focus, .o-btn--inverted-info:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  background-color: var(--oruga-variant-invert-warning, #000000);
  border-color: var(--oruga-variant-invert-warning, #000000);
  color: var(--oruga-variant-warning, #f4c300);
}
.o-btn--inverted-warning:focus, .o-btn--inverted-warning:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  background-color: var(--oruga-variant-invert-danger, #ffffff);
  border-color: var(--oruga-variant-invert-danger, #ffffff);
  color: var(--oruga-variant-danger, #b60000);
}
.o-btn--inverted-danger:focus, .o-btn--inverted-danger:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn:focus, .o-btn:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
}

/* @docs */
/* @docs */
.o-car {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.o-car__overlay {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  max-height: 100vh;
  position: fixed;
  background-color: var(--oruga-carousel-overlay-background, hsla(0, 0%, 4%, 0.86));
  z-index: var(--oruga-carousel-overlay-zindex, 40);
}
.o-car__wrapper {
  position: relative;
  width: 100%;
}
.o-car__items {
  display: flex;
  width: 100%;
}
.o-car__items:not(.o-car__items--dragging) {
  transition: var(--oruga-carousel-items-transition, all var(--oruga-transition-duration) var(--oruga-transition-timing) 0s);
}
.o-car__item {
  border: var(--oruga-carousel-item-border, 2px solid transparent);
  flex-shrink: 0;
}
.o-car__item--clickable {
  cursor: pointer;
}
.o-car__indicators {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--oruga-carousel-indicators-padding, 0.5rem);
  background: var(--oruga-carousel-indicators-background, rgba(var(--oruga-white), 0.5));
}
.o-car__indicators--inside {
  position: absolute;
}
.o-car__indicators--inside--bottom {
  bottom: 0;
}
.o-car__indicators--inside--top {
  top: 0;
}
.o-car__indicator:not(:last-child) {
  margin: var(--oruga-carousel-indicator-margin, 0 0.5rem 0 0);
}
.o-car__indicator__item {
  display: block;
  border: var(--oruga-carousel-indicator-border, 1px solid var(--oruga-primary));
  background: var(--oruga-carousel-indicator-background, var(--oruga-white));
  transition: var(--oruga-carousel-indicator-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
}
.o-car__indicator__item--active,
.o-car__indicator__item :hover {
  background: var(--oruga-carousel-indicator-active-background, var(--oruga-primary));
  border: var(--oruga-carousel-indicator-active-border, 1px solid var(--oruga-primary));
}
.o-car__indicator__item--boxes {
  width: var(--oruga-carousel-indicator-size, 10px);
  height: var(--oruga-carousel-indicator-size, 10px);
}
.o-car__indicator__item--dots {
  border-radius: var(--oruga-carousel-indicator-dots-border-radius, var(--oruga-base-border-radius));
  width: var(--oruga-carousel-indicator-size, 10px);
  height: var(--oruga-carousel-indicator-size, 10px);
}
.o-car__indicator__item--lines {
  width: var(--oruga-carousel-indicator-lines-width, 25px);
  height: var(--oruga-carousel-indicator-lines-height, 5px);
}
.o-car__arrow__icon {
  cursor: pointer;
  background: var(--oruga-carousel-arrow-background, var(--oruga-white));
  color: var(--oruga-carousel-arrow-color, var(--oruga-primary));
  width: var(--oruga-carousel-arrow-size, 1.5rem);
  height: var(--oruga-carousel-arrow-size, 1.5rem);
  border-radius: var(--oruga-carousel-arrow-border-radius, var(--oruga-base-border-radius-rounded));
  border: var(--oruga-carousel-arrow-border, 1px solid var(--oruga-white));
  transition: var(--oruga-carousel-arrow-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
}
.o-car__arrow__icon-prev, .o-car__arrow__icon-next {
  position: absolute;
  top: var(--oruga-carousel-arrow-top, 50%);
  transform: translateY(var(--oruga-carousel-arrow-top, -50%));
  z-index: 1;
}
.o-car__arrow__icon-prev {
  left: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
}
.o-car__arrow__icon-next {
  right: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
}

/* @docs */
/* @docs */
.o-chk {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  line-height: var(--oruga-checkbox-line-height, 1.5);
  margin-right: var(--oruga-checkbox-margin-sibiling, 0.5em);
}
.o-chk__input {
  width: var(--oruga-checkbox-size, 1rem);
  height: var(--oruga-checkbox-size, 1rem);
  margin: 0;
  outline: none;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: var(--oruga-checkbox-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-checkbox-background-color, var(--oruga-primary));
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
  border-radius: var(--oruga-checkbox-border-radius, var(--oruga-base-border-radius));
  border-width: var(--oruga-checkbox-border-width, 2px);
  border-color: var(--oruga-checkbox-border-color, var(--oruga-primary));
  border-style: var(--oruga-checkbox-border-style, solid);
}
.o-chk__input--checked {
  background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk__input--indeterminate {
  background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk__label {
  padding: var(--oruga-checkbox-label-padding, 0 0 0 0.5em);
}
.o-chk--disabled {
  opacity: var(--oruga-checkbox-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-chk--small {
  font-size: var(--oruga-checkbox-font-size-small, 0.75rem);
}
.o-chk--small .o-chk__input {
  width: var(--oruga-checkbox-font-size-small, 0.75rem);
  height: var(--oruga-checkbox-font-size-small, 0.75rem);
}
.o-chk--medium {
  font-size: var(--oruga-checkbox-font-size-medium, 1.25rem);
}
.o-chk--medium .o-chk__input {
  width: var(--oruga-checkbox-font-size-medium, 1.25rem);
  height: var(--oruga-checkbox-font-size-medium, 1.25rem);
}
.o-chk--large {
  font-size: var(--oruga-checkbox-font-size-large, 1.5rem);
}
.o-chk--large .o-chk__input {
  width: var(--oruga-checkbox-font-size-large, 1.5rem);
  height: var(--oruga-checkbox-font-size-large, 1.5rem);
}
.o-chk--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
}
.o-chk--primary .o-chk__input {
  border-color: var(--oruga-variant-primary, #445e00);
  background-color: var(--oruga-variant-primary, #445e00);
}
.o-chk--primary .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--primary .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
}
.o-chk--secondary .o-chk__input {
  border-color: var(--oruga-variant-secondary, #6c757d);
  background-color: var(--oruga-variant-secondary, #6c757d);
}
.o-chk--secondary .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--secondary .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
}
.o-chk--success .o-chk__input {
  border-color: var(--oruga-variant-success, #006724);
  background-color: var(--oruga-variant-success, #006724);
}
.o-chk--success .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--success .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
}
.o-chk--info .o-chk__input {
  border-color: var(--oruga-variant-info, #005c98);
  background-color: var(--oruga-variant-info, #005c98);
}
.o-chk--info .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--info .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
}
.o-chk--warning .o-chk__input {
  border-color: var(--oruga-variant-warning, #f4c300);
  background-color: var(--oruga-variant-warning, #f4c300);
}
.o-chk--warning .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--warning .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
}
.o-chk--danger .o-chk__input {
  border-color: var(--oruga-variant-danger, #b60000);
  background-color: var(--oruga-variant-danger, #b60000);
}
.o-chk--danger .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--danger .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk:focus .o-chk__input, .o-chk:focus-within .o-chk__input {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-clps {
  width: 100%;
}
.o-clps__trigger {
  cursor: pointer;
  display: inline-block;
}
.o-clps__content {
  display: inherit;
}

/* @docs */
/* @docs */
.o-dpck {
  font-size: var(--oruga-datepicker-font-size, var(--oruga-base-font-size));
}
.o-dpck--small {
  font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
}
.o-dpck--medium {
  font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
}
.o-dpck--large {
  font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
}
.o-dpck__dropdown {
  width: 100%;
}
.o-dpck__box {
  --oruga-dropdown-item-line-height: var(--oruga-base-line-height);
  --oruga-dropdown-item-padding: 0.375rem 1rem;
}
.o-dpck__header {
  padding: var(--oruga-datepicker-header-padding, 0 0 0.875rem 0);
  margin: var(--oruga-datepicker-header-margin, 0 0 0.875rem 0);
  border-bottom: var(--oruga-datepicker-header-border-bottom, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__header__buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.o-dpck__header__buttons--small {
  font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
}
.o-dpck__header__buttons--medium {
  font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
}
.o-dpck__header__buttons--large {
  font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
}
.o-dpck__header__previous {
  order: 1;
}
.o-dpck__header__next {
  order: 3;
}
.o-dpck__header__previous, .o-dpck__header__next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  line-height: var(--oruga-datepicker-btn-line-height, var(--oruga-base-line-height));
  border: var(--oruga-datepicker-btn-border, 1px solid transparent);
  border-radius: var(--oruga-datepicker-btn-border-radius, var(--oruga-base-border-radius));
  border-color: var(--oruga-datepicker-btn-border-color, var(--oruga-grey-lighter));
  color: var(--oruga-datepicker-btn-color, #363636);
  min-width: var(--oruga-datepicker-btn-min-width, 2.25em);
  height: var(--oruga-datepicker-btn-height, 2.25em);
  padding: var(--oruga-datepicker-btn-padding, 0.5em 0.5em);
  margin: var(--oruga-datepicker-btn-margin, 0.25rem);
}
.o-dpck__header__previous:hover, .o-dpck__header__next:hover {
  text-decoration: none;
  border-color: var(--oruga-datepicker-btn-hover-border-color, var(--oruga-grey-light));
  color: var(--oruga-datepicker-btn-hover-color, #363636);
}
.o-dpck__header__list {
  order: 2;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.o-dpck__header__list > * {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.o-dpck__footer {
  padding: var(--oruga-datepicker-header-padding, 0.875rem 0.5rem 0 0.5rem);
  margin: var(--oruga-datepicker-header-margin, 0.875rem 0 0.875rem 0);
  border-top: var(--oruga-datepicker-header-border-top, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__table, .o-dpck__month {
  display: table;
  margin: 0 auto 0 auto;
}
.o-dpck__table__head, .o-dpck__month__head {
  display: table-header-group;
  padding: var(--oruga-datepicker-table-head-padding, 0 0 0.875rem 0);
  margin: var(--oruga-datepicker-table-head-margin, 0 0 0.875rem 0);
  border-bottom: var(--oruga-datepicker-table-head-border-bottom, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__table__body, .o-dpck__month__body {
  display: table-row-group;
}
.o-dpck__table__row, .o-dpck__month__row {
  display: table-row;
}
.o-dpck__table__head-cell, .o-dpck__month__head-cell {
  padding: var(--oruga-datepicker-table-head-item-padding, var(--oruga-grey));
  font-weight: var(--oruga-datepicker-table-head-item-font-weight, 600);
}
.o-dpck__table__cell, .o-dpck__month__cell {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  text-decoration: none;
  border-radius: var(--oruga-datepicker-item-border-radius, var(--oruga-base-border-radius));
  padding: var(--oruga-datepicker-item-padding, 0.5rem 0.75rem);
}
.o-dpck__table__cell--unselectable, .o-dpck__month__cell--unselectable {
  color: var(--oruga-datepicker-item-disabled-color, var(--oruga-grey-light));
}
.o-dpck__table__cell--today, .o-dpck__month__cell--today {
  border: var(--oruga-datepicker-item-today-border, solid 1px rgba(var(--oruga-primary), 0.5));
}
.o-dpck__table__cell--selectable, .o-dpck__month__cell--selectable {
  cursor: pointer;
  color: var(--oruga-datepicker-item-selectable-color, var(--oruga-grey-dark));
}
.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered {
  background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered {
  background-color: var(--oruga-datepicker-item-hovered-within-background-color, rgb(from var(--oruga-grey) r g b/50%));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered {
  background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
}
.o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
  border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-within-background-color, rgb(from var(--oruga-primary) r g b/50%));
  border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
  border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected), .o-dpck__month__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected) {
  color: var(--oruga-datepicker-item-nearby-color, var(--oruga-grey-light));
}
.o-dpck__table__cell--invisible, .o-dpck__month__cell--invisible {
  visibility: hidden;
}
.o-dpck__table__cell--events, .o-dpck__month__cell--events {
  position: relative;
  padding: var(--oruga-datepicker-events-item-padding, 0.3rem 0.75rem 0.75rem);
}
.o-dpck__table__events, .o-dpck__month__events {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15%;
}
.o-dpck__table__event, .o-dpck__month__event {
  background-color: var(--oruga-datepicker-event-background-color, var(--oruga-grey-light));
}
.o-dpck__table__event--primary, .o-dpck__month__event--primary {
  background-color: #445e00;
  background-color: var(--oruga-variant-primary, #445e00);
}
.o-dpck__table__event--secondary, .o-dpck__month__event--secondary {
  background-color: #6c757d;
  background-color: var(--oruga-variant-secondary, #6c757d);
}
.o-dpck__table__event--success, .o-dpck__month__event--success {
  background-color: #006724;
  background-color: var(--oruga-variant-success, #006724);
}
.o-dpck__table__event--info, .o-dpck__month__event--info {
  background-color: #005c98;
  background-color: var(--oruga-variant-info, #005c98);
}
.o-dpck__table__event--warning, .o-dpck__month__event--warning {
  background-color: #f4c300;
  background-color: var(--oruga-variant-warning, #f4c300);
}
.o-dpck__table__event--danger, .o-dpck__month__event--danger {
  background-color: #b60000;
  background-color: var(--oruga-variant-danger, #b60000);
}
.o-dpck__table__event--dots, .o-dpck__month__event--dots {
  border-radius: 50%;
  margin: var(--oruga-datepicker-event-dots-margin, 0 0.1em);
  height: var(--oruga-datepicker-event-dots-size, 0.35em);
  width: var(--oruga-datepicker-event-dots-size, 0.35em);
}
.o-dpck__table__event--bars, .o-dpck__month__event--bars {
  height: var(--oruga-datepicker-event-bars-height, 0.25em);
  width: 100%;
}
.o-dpck__month__table {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 17rem;
}
.o-dpck__month__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  height: 2.5rem;
}
.o-dpck--expanded {
  width: 100%;
  flex-grow: 1;
}
.o-dpck--mobile .o-dpck__header__previous {
  order: 1;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-dpck--mobile .o-dpck__header__next {
  order: 3;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-dpck--mobile .o-dpck__header__list {
  order: 2;
  flex-grow: 1;
  flex-shrink: 1;
}

/* @docs */
/* @docs */
.o-dtpck__time {
  display: flex;
  justify-content: center;
  align-items: center;
  --oruga-dropdown-menu-box-shadow: 0,0,0,0;
}

/* @docs */
/* @docs */
.o-drop {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.o-drop__overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  display: none;
  background-color: var(--oruga-dropdown-mobile-overlay-color, rgba(0, 0, 0, 0.86));
  z-index: var(--oruga-dropdown-mobile-overlay-zindex, 55);
}
.o-drop__trigger {
  width: 100%;
}
.o-drop__menu {
  position: absolute;
  display: block;
  min-width: var(--oruga-dropdown-menu-width, 12rem);
  z-index: var(--oruga-dropdown-menu-zindex, 50);
  background-color: var(--oruga-dropdown-menu-background, #ffffff);
  border-radius: var(--oruga-dropdown-menu-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-dropdown-menu-box-shadow, 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02));
  padding: var(--oruga-dropdown-menu-padding, 0.5rem 0 0.5rem 0);
  margin: var(--oruga-dropdown-menu-margin, 0);
}
.o-drop__menu--bottom {
  left: 50%;
  right: auto;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
  transform: translateX(-50%);
}
.o-drop__menu--top {
  left: 50%;
  right: auto;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  transform: translateX(-50%);
}
.o-drop__menu--left {
  right: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.o-drop__menu--right {
  right: auto;
  left: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.o-drop__menu--top-right {
  right: 0;
  left: auto;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
}
.o-drop__menu--top-left {
  right: auto;
  left: 0;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
}
.o-drop__menu--bottom-right {
  right: 0;
  left: auto;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
}
.o-drop__menu--bottom-left {
  right: auto;
  left: 0;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
}
.o-drop__item {
  display: block;
  position: relative;
  color: var(--oruga-dropdown-item-color, #000000);
  font-size: var(--oruga-dropdown-item-font-size, var(--oruga-base-font-size));
  font-weight: var(--oruga-dropdown-item-font-weight, 400);
  line-height: var(--oruga-dropdown-item-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-dropdown-item-padding, 0.375rem 1rem);
}
.o-drop__item--disabled {
  opacity: var(--oruga-dropdown-item-disabled-opacity, var(--oruga-base-disabled-opacity));
  pointer-events: none;
}
.o-drop__item--active {
  background-color: var(--oruga-dropdown-item-active-background-color, var(--oruga-primary));
  color: var(--oruga-dropdown-item-active-color, var(--oruga-primary-invert));
}
.o-drop__item--clickable {
  cursor: pointer;
}
.o-drop__item--clickable:not(.o-drop__item--active):hover {
  background-color: var(--oruga-dropdown-item-hover-background-color, #f5f5f5);
  color: var(--oruga-dropdown-item-hover-color, #000000);
}
.o-drop--inline {
  display: inline;
}
.o-drop--inline .o-drop__menu {
  position: static;
  display: inline-block;
  padding: 0;
}
.o-drop--expanded {
  width: 100%;
}
.o-drop--expanded .o-drop__menu {
  width: 100%;
}
.o-drop--disabled, .o-acp__item-group-title, .o-acp__item--empty {
  opacity: var(--oruga-dropdown-disabled-opacity, var(--oruga-base-disabled-opacity));
  pointer-events: none;
}
.o-drop--mobile > .o-drop__menu {
  position: fixed;
  top: 25%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate3d(-50%, -25%, 0);
  overflow-y: auto;
  width: var(--oruga-dropdown-mobile-width, calc(100vw - 40px));
  max-width: var(--oruga-dropdown-mobile-max-width, 460px);
  max-height: var(--oruga-dropdown-mobile-max-height, calc(100vh - 120px));
  z-index: var(--oruga-dropdown-mobile-zindex, 60);
}
.o-drop--mobile > .o-drop__overlay {
  display: block;
}
.o-drop--teleport {
  width: unset;
}

/* @docs */
/* @docs */
.o-field {
  flex-grow: 1;
}
.o-field:not(:last-child) {
  margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
}
.o-field__label {
  display: block;
  color: var(--oruga-field-label-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-field-label-font-weight, 600);
}
.o-field__label-small {
  font-size: var(--oruga-field-font-size-small, 0.75rem);
}
.o-field__label-medium {
  font-size: var(--oruga-field-font-size-medium, 1.25rem);
}
.o-field__label-large {
  font-size: var(--oruga-field-font-size-large, 1.5rem);
}
.o-field__message {
  display: block;
  font-size: var(--oruga-field-message-font-size, 0.75rem);
  margin-top: var(--oruga-field-message-margin-top, 0.25rem);
}
.o-field__message-primary {
  color: var(--oruga-variant-primary, #445e00);
}
.o-field__message-secondary {
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-field__message-success {
  color: var(--oruga-variant-success, #006724);
}
.o-field__message-info {
  color: var(--oruga-variant-info, #005c98);
}
.o-field__message-warning {
  color: var(--oruga-variant-warning, #f4c300);
}
.o-field__message-danger {
  color: var(--oruga-variant-danger, #b60000);
}
.o-field--addons {
  display: flex;
  justify-content: flex-start;
}
.o-field--addons > button:first-child,
.o-field--addons > *:first-child:not(:only-child) button,
.o-field--addons > input:first-child,
.o-field--addons > *:first-child:not(:only-child) input,
.o-field--addons > select:first-child,
.o-field--addons > *:first-child:not(:only-child) select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.o-field--addons > button:last-child,
.o-field--addons > *:last-child:not(:only-child) button,
.o-field--addons > input:last-child,
.o-field--addons > *:last-child:not(:only-child) input,
.o-field--addons > select:last-child,
.o-field--addons > *:last-child:not(:only-child) select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.o-field--addons > *:not(:first-child):not(:last-child) button,
.o-field--addons > button:not(:first-child):not(:last-child),
.o-field--addons > *:not(:first-child):not(:last-child) input,
.o-field--addons > input:not(:first-child):not(:last-child),
.o-field--addons > *:not(:first-child):not(:last-child) select,
.o-field--addons > select:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.o-field--grouped {
  display: flex;
  margin-left: -0.37rem;
  margin-right: -0.37rem;
}
.o-field--grouped > * {
  margin-left: 0.37rem;
  margin-right: 0.37rem;
}
.o-field--grouped-multiline {
  flex-wrap: wrap;
}
.o-field--grouped-multiline:last-child {
  margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
}
.o-field__horizontal-body {
  display: flex;
  flex-basis: 0;
  flex-grow: 5;
  flex-shrink: 1;
  margin-left: -0.37rem;
  margin-right: -0.37rem;
}
.o-field__horizontal-body > * {
  margin-left: 0.37rem;
  margin-right: 0.37rem;
}
.o-field--horizontal {
  display: flex;
}
.o-field__horizontal-label {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 1.5rem 0 0;
  text-align: right;
}
.o-field--mobile.o-field--horizontal,
.o-field--mobile .o-field__horizontal-label,
.o-field--mobile .o-field__horizontal-body {
  display: block;
  text-align: inherit;
}

/* @docs */
/* @docs */
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.o-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: transform 150ms ease-out, opacity 300ms ease-out;
}
.o-icon--small {
  font-size: var(--oruga-icon-font-size-small, 0.75rem);
}
.o-icon--medium {
  font-size: var(--oruga-icon-font-size-medium, 1.25rem);
}
.o-icon--large {
  font-size: var(--oruga-icon-font-size-large, 1.5rem);
}
.o-icon--primary {
  color: var(--oruga-variant-primary, #445e00);
}
.o-icon--secondary {
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-icon--success {
  color: var(--oruga-variant-success, #006724);
}
.o-icon--info {
  color: var(--oruga-variant-info, #005c98);
}
.o-icon--warning {
  color: var(--oruga-variant-warning, #f4c300);
}
.o-icon--danger {
  color: var(--oruga-variant-danger, #b60000);
}
.o-icon--clickable {
  pointer-events: auto;
  cursor: pointer;
}
.o-icon--spin {
  animation-name: icon-spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--oruga-icon-spin-duration, 2s);
}

/* @docs */
/* @docs */
.o-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-input-background-color, #ffffff);
  border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
  border-style: var(--oruga-input-border-style, solid);
  border-width: var(--oruga-input-border-width, 1px);
  border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-input-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  height: var(--oruga-input-height, 2.25em);
  line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-input-padding, calc(0.375em - 1px) calc(0.625em - 1px));
  margin: var(--oruga-input-margin, 0);
}
.o-input__wrapper {
  display: inline-block;
  position: relative;
}
.o-input__wrapper--expanded {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-input__wrapper--expanded .o-input {
  width: 100%;
}
.o-input__textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  resize: vertical;
  padding: var(--oruga-input-textarea-padding, 0.625em);
}
.o-input__textarea:not([rows]) {
  max-height: var(--oruga-input-textarea-max-height, 600px);
  min-height: var(--oruga-input-textarea-min-height, 120px);
}
.o-input__counter {
  display: block;
  float: right;
  font-size: var(--oruga-input-counter-font-size, 0.75rem);
  margin: var(--oruga-input-counter-margin, 0.25rem 0 0 0.5rem);
}
.o-input__icon-left, .o-input__icon-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--oruga-input-height, 2.25em);
  z-index: var(--oruga-input-icon-zindex, 4);
}
.o-input__icon-right {
  right: 0;
}
.o-input__icon-left {
  left: 0;
}
.o-input--iconspace-left {
  padding-left: var(--oruga-input-height, 2.25em);
}
.o-input--iconspace-right {
  padding-right: var(--oruga-input-height, 2.25em);
}
.o-input--rounded {
  border-radius: var(--oruga-input-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-input--small {
  font-size: var(--oruga-input-font-size-small, 0.75rem);
}
.o-input--medium {
  font-size: var(--oruga-input-font-size-medium, 1.25rem);
}
.o-input--large {
  font-size: var(--oruga-input-font-size-large, 1.5rem);
}
.o-input--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  border-color: var(--oruga-variant-primary, #445e00);
}
.o-input--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  border-color: var(--oruga-variant-secondary, #6c757d);
}
.o-input--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  border-color: var(--oruga-variant-success, #006724);
}
.o-input--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  border-color: var(--oruga-variant-info, #005c98);
}
.o-input--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  border-color: var(--oruga-variant-warning, #f4c300);
}
.o-input--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  border-color: var(--oruga-variant-danger, #b60000);
}
.o-input:focus, .o-input:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-load {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: var(--oruga-loading-zindex, 29);
}
.o-load--fullpage {
  position: fixed;
  z-index: var(--oruga-loading-fullpage-zindex, 999);
}
.o-load__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: var(--oruga-loading-overlay-legacy, #7f7f7f);
  background: var(--oruga-loading-overlay, rgba(255, 255, 255, 0.5));
}

/* @docs */
/* @docs */
.o-menu--small {
  font-size: var(--oruga-menu-font-size-small, 0.75rem);
}
.o-menu--medium {
  font-size: var(--oruga-menu-font-size-medium, 1.25rem);
}
.o-menu--large {
  font-size: var(--oruga-menu-font-size-large, 1.5rem);
}
.o-menu__list, .o-menu__item__wrapper {
  list-style: none;
}
.o-menu__list {
  line-height: var(--oruga-menu-list-line-height, 1.25em);
}
.o-menu__item__submenu {
  border-left: var(--oruga-menu-list-border-left, 1px solid var(--oruga-primary));
  padding-left: var(--oruga-menu-nested-list-padding-left, 0.75em);
  margin: var(--oruga-menu-nested-list-margin, 0.75em);
}
.o-menu__label {
  text-transform: uppercase;
  color: var(--oruga-menu-label-color, #7a7a7a);
  font-size: var(--oruga-menu-label-font-size, 0.75em);
}
.o-menu__label:not(:first-child) {
  margin-top: var(--oruga-menu-label-spacing, 1em);
}
.o-menu__label:not(:last-child) {
  margin-bottom: var(--oruga-menu-label-spacing, 1em);
}
.o-menu__item {
  display: block;
  list-style: none;
  color: var(--oruga-menu-item-color, var(--oruga-grey-dark));
  padding: var(--oruga-menu-item-padding, 0.5em 0.75em);
  font-size: var(--oruga-menu-item-size, 1rem);
}
.o-menu__item:hover:not(.o-menu__item--active):not(.o-menu__item--disabled) {
  color: var(--oruga-menu-item-hover-color, var(--oruga-black));
  background-color: var(--oruga-menu-item-hover-background-color, var(--oruga-grey-light));
}
.o-menu__item--icon-text .o-icon {
  margin-right: var(--oruga-menu-icon-spacer, 0.5rem);
}
.o-menu__item--active {
  color: var(--oruga-menu-item-active-color, var(--oruga-primary-invert));
  background-color: var(--oruga-menu-item-active-background-color, var(--oruga-primary));
}
.o-menu__item--disabled {
  color: var(--oruga-menu-item-disabled-color, var(--oruga-grey-light));
}

/* @docs */
/* @docs */
.o-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--oruga-modal-zindex, 40);
}
.o-modal__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--oruga-modal-overlay-background-color, hsla(0, 0%, 4%, 0.86));
}
.o-modal__content {
  overflow: auto;
  position: relative;
  margin: var(--oruga-modal-content-margin, 0 auto);
  max-height: var(--oruga-modal-content-max-height, calc(100vh - 160px));
  background-color: var(--oruga-modal-content-background-color, var(--oruga-white));
  border-radius: var(--oruga-modal-content-border-radius, var(--oruga-base-border-radius));
}
.o-modal__content--full-screen {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  margin: 0;
  background-color: var(--oruga-modal-content-fullscreen-background-color, #f5f5f5);
}
.o-modal__close {
  background: none;
  position: fixed;
  border: none;
  display: inline-block;
  vertical-align: top;
  border-radius: var(--oruga-modal-close-border-radius, var(--oruga-base-border-radius-rounded));
  right: var(--oruga-modal-close-right, 20px);
  top: var(--oruga-modal-close-top, 20px);
  height: var(--oruga-modal-close-size, 32px);
  width: var(--oruga-modal-close-size, 32px);
  color: var(--oruga-modal-close-color, var(--oruga-white));
}
.o-modal--mobile .o-modal__content {
  width: 100%;
}

/* @docs */
/* @docs */
.o-notification {
  position: relative;
  transform-origin: 50% 0;
  background-color: var(--oruga-notification-background-color, var(--oruga-primary));
  color: var(--oruga-notification-color, var(--oruga-white));
  border-radius: var(--oruga-notification-border-radius, 4px);
  padding: var(--oruga-notification-padding, 1.75em 1.75em);
  margin-bottom: var(--oruga-notification-margin-bottom, 1.5rem);
}
.o-notification__content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
  overflow-y: hidden;
  overflow-x: auto;
}
.o-notification__wrapper {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
  padding-top: 0;
  border: 0;
}
.o-notification__icon {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: var(--oruga-notification-icon-margin-right, 1rem);
}
.o-notification__close {
  position: absolute;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: top;
  background-color: var(--oruga-notification-close-background-color, hsla(0, 0%, 4%, 0.2));
  border-radius: var(--oruga-notification-close-border-radius, var(--oruga-base-border-radius-rounded));
  right: var(--oruga-notification-close-right, 0.5rem);
  top: var(--oruga-notification-close-top, 0.5rem);
  height: var(--oruga-notification-close-size, 20px);
  width: var(--oruga-notification-close-size, 20px);
  color: var(--oruga-notification-close-color, var(--oruga-white));
}
.o-notification--primary {
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-invert-primary, #ffffff);
}
.o-notification--primary:hover {
  filter: brightness(97.5%);
}
.o-notification--secondary {
  border-color: transparent;
  background-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-invert-secondary, #ffffff);
}
.o-notification--secondary:hover {
  filter: brightness(97.5%);
}
.o-notification--success {
  border-color: transparent;
  background-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-invert-success, #ffffff);
}
.o-notification--success:hover {
  filter: brightness(97.5%);
}
.o-notification--info {
  border-color: transparent;
  background-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-invert-info, #ffffff);
}
.o-notification--info:hover {
  filter: brightness(97.5%);
}
.o-notification--warning {
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-invert-warning, #000000);
}
.o-notification--warning:hover {
  filter: brightness(97.5%);
}
.o-notification--danger {
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-invert-danger, #ffffff);
}
.o-notification--danger:hover {
  filter: brightness(97.5%);
}

.o-notices {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  padding: var(--oruga-notification-notices-padding, 2em);
  z-index: var(--oruga-notification-notices-zindex, 1000);
}
.o-notices .o-notification {
  pointer-events: stroke;
  max-width: 600px;
  animation: var(--oruga-notification-animantion, append-animate 0.3s linear);
}
.o-notices .o-notification--top, .o-notices .o-notification--bottom {
  align-self: center;
}
.o-notices .o-notification--top-right, .o-notices .o-notification--bottom-right {
  align-self: flex-end;
}
.o-notices .o-notification--top-left, .o-notices .o-notification--bottom-left {
  align-self: flex-start;
}
.o-notices--top {
  flex-direction: column;
}
.o-notices--bottom {
  flex-direction: column-reverse;
}
.o-notices--bottom .o-notification {
  margin-bottom: 0;
}
.o-notices--bottom .o-notification:not(:first-child) {
  margin-bottom: 1.5rem;
}
.o-notices__custom-container {
  position: absolute;
}

/* @docs */
/* @docs */
.o-pag {
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: space-between;
  font-size: var(--oruga-base-font-size, 1rem);
  margin: var(--oruga-pagination-margin, -0.25rem);
}
.o-pag--small {
  font-size: var(--oruga-pagination-font-size-small, 0.75rem);
}
.o-pag--medium {
  font-size: var(--oruga-pagination-font-size-medium, 1.25rem);
}
.o-pag--large {
  font-size: var(--oruga-pagination-font-size-large, 1.5rem);
}
.o-pag__link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  line-height: var(--oruga-pagination-link-line-height, var(--oruga-base-line-height));
  border: var(--oruga-pagination-link-border, 1px solid transparent);
  border-radius: var(--oruga-pagination-link-border-radius, var(--oruga-base-border-radius));
  border-color: var(--oruga-pagination-link-border-color, var(--oruga-grey-lighter));
  color: var(--oruga-pagination-link-color, #363636);
  min-width: var(--oruga-pagination-link-min-width, 2.25em);
  height: var(--oruga-pagination-link-height, 2.25em);
  padding: var(--oruga-pagination-link-padding, 0.5em 0.5em);
  margin: var(--oruga-pagination-link-margin, 0.25rem);
}
.o-pag__link:hover {
  text-decoration: none;
  border-color: var(--oruga-pagination-link-hover-border-color, var(--oruga-grey-light));
}
.o-pag__link--rounded {
  border-radius: var(--oruga-pagination-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-pag__link--disabled {
  pointer-events: none;
  opacity: var(--oruga-pagination-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-pag__link--current {
  pointer-events: none;
  background-color: var(--oruga-pagination-link-current-background-color, var(--oruga-primary));
  border-color: var(--oruga-pagination-link-current-border-color, var(--oruga-primary));
  color: var(--oruga-pagination-link-current-color, #fff);
}
.o-pag__ellipsis {
  justify-content: center;
  text-align: center;
  pointer-events: none;
  margin: var(--oruga-pagination-link-margin, 0.25rem);
  color: var(--oruga-pagination-ellipsis-color, var(--oruga-grey-light));
}
.o-pag__next {
  order: 3;
}
.o-pag__previous {
  order: 2;
}
.o-pag__list {
  align-items: center;
  display: flex;
  text-align: center;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-start;
  order: 1;
}
.o-pag--simple {
  justify-content: normal;
}
.o-pag--centered {
  justify-content: center;
}
.o-pag--centered .o-pag__previous {
  order: 1;
}
.o-pag--centered .o-pag__next {
  order: 3;
}
.o-pag--centered .o-pag__list {
  justify-content: center;
  order: 2;
}
.o-pag--right {
  justify-content: flex-end;
}
.o-pag--right .o-pag__previous {
  order: 1;
}
.o-pag--right .o-pag__next {
  order: 2;
}
.o-pag--right .o-pag__list {
  justify-content: flex-end;
  order: 2;
}
.o-pag--mobile {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.o-pag--mobile .o-pag__link {
  flex-grow: 1;
  flex-shrink: 1;
}
.o-pag--mobile .o-pag__previous {
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
}
.o-pag--mobile .o-pag__next {
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
}
.o-pag--mobile .o-pag__ellipsis {
  flex-grow: 1;
  flex-shrink: 1;
}
.o-pag--mobile .o-pag__list {
  order: 0;
}

/* @docs */
/* @docs */
.o-radio {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: var(--oruga-radio-line-height, 1.25);
  margin-right: var(--oruga-radio-margin-sibiling, 0.5em);
}
.o-radio__input {
  font-size: var(--oruga-radio-font-size, inherit);
  width: var(--oruga-radio-size, 1rem);
  height: var(--oruga-radio-size, 1rem);
  margin: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  cursor: pointer;
  box-shadow: var(--oruga-radio-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  border-radius: 50%;
  background: var(--oruga-radio-active-background-color, #445e00);
  mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-image: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-radio__input--checked {
  mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23e11919' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3Ccircle cx='256' cy='256' r='144'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
.o-radio__label {
  padding: var(--oruga-radio-label-padding, 0 0 0 0.5em);
}
.o-radio--disabled {
  opacity: var(--oruga-radio-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-radio--small {
  --oruga-radio-font-size: 0.75rem;
  --oruga-radio-size: 0.75rem;
}
.o-radio--medium {
  --oruga-radio-font-size: 1.25rem;
  --oruga-radio-size: 1.25rem;
}
.o-radio--large {
  --oruga-radio-font-size: 1.5rem;
  --oruga-radio-size: 1.5rem;
}
.o-radio--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  --oruga-radio-active-background-color: #445e00;
}
.o-radio--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  --oruga-radio-active-background-color: #6c757d;
}
.o-radio--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  --oruga-radio-active-background-color: #006724;
}
.o-radio--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  --oruga-radio-active-background-color: #005c98;
}
.o-radio--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  --oruga-radio-active-background-color: #f4c300;
}
.o-radio--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  --oruga-radio-active-background-color: #b60000;
}
.o-radio:focus .o-radio__input, .o-radio:focus-within .o-radio__input {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-ctrl-sel {
  display: inline-flex;
  position: relative;
}
.o-ctrl-sel--expanded {
  width: 100%;
  flex-grow: 1;
}
.o-ctrl-sel--expanded .o-sel {
  width: 100%;
}

.o-sel {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  box-shadow: var(--oruga-select-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-select-background-color, #fff);
  border-color: var(--oruga-select-border-color, var(--oruga-grey-lighter));
  border-width: var(--oruga-select-border-width, 1px);
  border-style: var(--oruga-select-border-style, solid);
  border-radius: var(--oruga-select-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-select-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  height: var(--oruga-select-height, 2.25em);
  line-height: var(--oruga-select-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
  margin: var(--oruga-select-margin, 0);
}
.o-sel-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:%23363636;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: var(--oruga-select-arrow-size, 1rem);
  background-position: calc(100% - var(--oruga-select-arrow-size, 1rem) * 0.5) center;
  padding-right: calc(var(--oruga-select-arrow-size, 1rem) * 2);
}
.o-sel-iconspace-left {
  padding-left: var(--oruga-select-height, 2.25em);
}
.o-sel-iconspace-right {
  padding-right: var(--oruga-select-height, 2.25em);
}
.o-sel--small {
  font-size: var(--oruga-select-font-size-small, 0.75rem);
}
.o-sel--medium {
  font-size: var(--oruga-select-font-size-medium, 1.25rem);
}
.o-sel--large {
  font-size: var(--oruga-select-font-size-large, 1.5rem);
}
.o-sel--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  border-color: var(--oruga-variant-primary, #445e00);
}
.o-sel--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  border-color: var(--oruga-variant-secondary, #6c757d);
}
.o-sel--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  border-color: var(--oruga-variant-success, #006724);
}
.o-sel--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  border-color: var(--oruga-variant-info, #005c98);
}
.o-sel--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  border-color: var(--oruga-variant-warning, #f4c300);
}
.o-sel--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  border-color: var(--oruga-variant-danger, #b60000);
}
.o-sel--rounded {
  border-radius: var(--oruga-select-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-sel--multiple {
  height: auto;
  padding: 0;
}
.o-sel--placeholder {
  opacity: var(--oruga-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
}
.o-sel__icon-left, .o-sel__icon-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--oruga-select-height, 2.25em);
  z-index: var(--oruga-select-icon-zindex, 4);
}
.o-sel__icon-right {
  right: 0;
}
.o-sel__icon-left {
  left: 0;
}
.o-sel[disabled] {
  cursor: inherit;
}
.o-sel:focus, .o-sel:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.o-sklt {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  width: 100%;
}
.o-sklt__item {
  width: 100%;
  background: var(--oruga-skeleton-background, linear-gradient(90deg, #dbdbdb 25%, rgba(219, 219, 219, 0.5) 50%, #dbdbdb 75%));
  margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
  line-height: var(--oruga-skeleton-font-size, 1rem);
}
.o-sklt__item--small {
  line-height: var(--oruga-skeleton-font-size-small, 0.75rem);
}
.o-sklt__item--medium {
  line-height: var(--oruga-skeleton-font-size-medium, 1.25rem);
}
.o-sklt__item--large {
  line-height: var(--oruga-skeleton-font-size-large, 1.5rem);
}
.o-sklt__item--rounded {
  border-radius: var(--oruga-skeleton-border-radius, var(--oruga-base-border-radius));
}
.o-sklt__item--animated {
  background-size: 400% 100%;
  animation-name: skeleton-loading;
  animation-iteration-count: infinite;
  animation-duration: var(--oruga-skeleton-duration, 1.5s);
}
.o-sklt__item::after {
  content: " ";
}
.o-sklt--centered {
  align-items: center;
}
.o-sklt--right {
  align-items: flex-end;
  margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
}

/* @docs */
/* @docs */
.o-side {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}
.o-side__content {
  position: absolute;
  background-color: var(--oruga-sidebar-content-background-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-sidebar-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(var(--oruga-black), 0.1));
}
.o-side__content--primary {
  background-color: var(--oruga-variant-primary), #445e00;
}
.o-side__content--secondary {
  background-color: var(--oruga-variant-secondary), #6c757d;
}
.o-side__content--success {
  background-color: var(--oruga-variant-success), #006724;
}
.o-side__content--info {
  background-color: var(--oruga-variant-info), #005c98;
}
.o-side__content--warning {
  background-color: var(--oruga-variant-warning), #f4c300;
}
.o-side__content--danger {
  background-color: var(--oruga-variant-danger), #b60000;
}
.o-side__content--right, .o-side__content--left {
  transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
  width: var(--oruga-sidebar-width, 260px);
}
.o-side__content--top, .o-side__content--bottom {
  transition: height var(--oruga-transition-duration) var(--oruga-transition-timing);
  height: var(--oruga-sidebar-width, 260px);
}
.o-side__content--right {
  left: auto;
  right: 0;
  border-left: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--left {
  left: 0;
  right: auto;
  border-right: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--top {
  top: 0;
  bottom: auto;
  border-bottom: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--bottom {
  top: auto;
  bottom: 0;
  border-top: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--reduced {
  width: var(--oruga-sidebar-reduced-width, 80px);
}
.o-side__content--reduced-expand:hover {
  transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
  width: var(--oruga-sidebar-width, 260px);
}
.o-side__content--fullwidth {
  width: 100%;
  max-width: 100%;
}
.o-side__content--fullheight {
  height: 100%;
  max-height: 100%;
}
.o-side__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, 0.86));
}
.o-side--active {
  display: block;
}
.o-side--inline {
  position: relative;
}
.o-side--inline .o-side__overlay {
  position: absolute;
}
.o-side--inline .o-side__content {
  position: relative;
}
.o-side:not(.o-side--inline) {
  z-index: var(--oruga-sidebar-zindex, 100);
}

/* @docs */
/* @docs */
.o-slide {
  width: 100%;
  margin: var(--oruga-slider-margin, 1em 0);
  background: var(--oruga-slider-background, transparent);
}
.o-slide__thumb {
  box-shadow: var(--oruga-slider-thumb-shadow, none);
  border: var(--oruga-slider-thumb-border, 1px solid var(--oruga-grey-light));
  border-radius: var(--oruga-slider-thumb-radius, var(--oruga-base-border-radius));
  background: var(--oruga-slider-thumb-background, var(--oruga-white));
}
.o-slide__thumb:focus {
  transform: var(--oruga-slider-thumb-transform, scale(1.25));
}
.o-slide__thumb--rounded {
  border-radius: var(--oruga-slider-rounded-borded-radius, var(--oruga-base-border-radius-rounded));
}
.o-slide__thumb--dragging {
  cursor: grabbing;
  filter: brightness(0.8);
}
.o-slide__track {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  background: var(--oruga-slider-track-background, var(--oruga-grey-lighter));
  border-radius: var(--oruga-slider-track-border-radius, var(--oruga-base-border-radius));
}
.o-slide__fill {
  position: absolute;
  height: 100%;
  box-shadow: var(--oruga-slider-track-shadow, 0px 0px 0px var(--oruga-grey));
  background: var(--oruga-slider-fill-background, var(--oruga-primary));
  border-radius: var(--oruga-slider-track-radius, var(--oruga-base-border-radius));
  border: var(--oruga-slider-track-border, 0px solid var(--oruga-grey));
  top: 50%;
  transform: translateY(-50%);
}
.o-slide__fill--primary {
  background: var(--oruga-variant-primary, #445e00);
}
.o-slide__fill--primary + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(68, 94, 0, 0.25);
}
.o-slide__fill--secondary {
  background: var(--oruga-variant-secondary, #6c757d);
}
.o-slide__fill--secondary + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(108, 117, 125, 0.25);
}
.o-slide__fill--success {
  background: var(--oruga-variant-success, #006724);
}
.o-slide__fill--success + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(0, 103, 36, 0.25);
}
.o-slide__fill--info {
  background: var(--oruga-variant-info, #005c98);
}
.o-slide__fill--info + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(0, 92, 152, 0.25);
}
.o-slide__fill--warning {
  background: var(--oruga-variant-warning, #f4c300);
}
.o-slide__fill--warning + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(244, 195, 0, 0.25);
}
.o-slide__fill--danger {
  background: var(--oruga-variant-danger, #b60000);
}
.o-slide__fill--danger + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(182, 0, 0, 0.25);
}
.o-slide .o-slide__track {
  height: var(--oruga-slider-track-height, calc(var(--oruga-base-font-size) / 2));
}
.o-slide .o-slide__thumb {
  height: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
  width: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
}
.o-slide .o-slide__tick {
  height: var(--oruga-slider-tick-height, calc(var(--oruga-base-font-size) / 2 * 0.5));
}
.o-slide .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-, calc(var(--oruga-base-font-size) / 2)) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--small .o-slide__track {
  height: var(--oruga-slider-track-height-small, 0.375rem);
}
.o-slide--small .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-small, 0.75rem);
  width: var(--oruga-slider-thumb-size-small, 0.75rem);
}
.o-slide--small .o-slide__tick {
  height: var(--oruga-slider-tick-height-small, 0.1875rem);
}
.o-slide--small .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-small, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-small, 0.375rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--medium .o-slide__track {
  height: var(--oruga-slider-track-height-medium, 0.625rem);
}
.o-slide--medium .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-medium, 1.25rem);
  width: var(--oruga-slider-thumb-size-medium, 1.25rem);
}
.o-slide--medium .o-slide__tick {
  height: var(--oruga-slider-tick-height-medium, 0.3125rem);
}
.o-slide--medium .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-medium, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-medium, 0.625rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--large .o-slide__track {
  height: var(--oruga-slider-track-height-large, 0.75rem);
}
.o-slide--large .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-large, 1.5rem);
  width: var(--oruga-slider-thumb-size-large, 1.5rem);
}
.o-slide--large .o-slide__tick {
  height: var(--oruga-slider-tick-height-large, 0.375rem);
}
.o-slide--large .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-large, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-large, 0.75rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide__tick {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  width: var(--oruga-slider-tick-width, 3px);
  background: var(--oruga-slider-tick-background, var(--oruga-primary));
  border-radius: var(--oruga-slider-tick-radius, var(--oruga-base-border-radius));
}
.o-slide__tick--hidden {
  background: transparent;
}
.o-slide__thumb-wrapper {
  display: inline-flex;
  align-items: center;
  position: absolute;
  cursor: grab;
  transform: translate(-50%, -50%);
  top: 50%;
  flex-direction: column;
}
.o-slide--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: var(--oruga-slider-track-disabled, 0.5);
}
.o-slide:active .o-slide__thumb, .o-slide:focus .o-slide__thumb, .o-slide:focus-within .o-slide__thumb {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-steps {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: var(--oruga-steps-size, var(--oruga-base-font-size));
  min-height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
}
.o-steps .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-steps-size, var(--oruga-base-font-size));
}
.o-steps .o-steps__marker {
  height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
  width: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
}
.o-steps .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-steps-size, var(--oruga-base-font-size));
}
.o-steps .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small {
  font-size: var(--oruga-size-small, 0.75rem);
  min-height: calc(var(--oruga-size-small, 0.75rem) * 2);
}
.o-steps--small .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-small, 0.75rem);
}
.o-steps--small .o-steps__marker {
  height: calc(var(--oruga-size-small, 0.75rem) * 2);
  width: calc(var(--oruga-size-small, 0.75rem) * 2);
}
.o-steps--small .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-small, 0.75rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-small, 0.75rem);
}
.o-steps--small .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium {
  font-size: var(--oruga-size-medium, 1.25rem);
  min-height: calc(var(--oruga-size-medium, 1.25rem) * 2);
}
.o-steps--medium .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-medium, 1.25rem);
}
.o-steps--medium .o-steps__marker {
  height: calc(var(--oruga-size-medium, 1.25rem) * 2);
  width: calc(var(--oruga-size-medium, 1.25rem) * 2);
}
.o-steps--medium .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-medium, 1.25rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-medium, 1.25rem);
}
.o-steps--medium .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large {
  font-size: var(--oruga-size-large, 1.5rem);
  min-height: calc(var(--oruga-size-large, 1.5rem) * 2);
}
.o-steps--large .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-large, 1.5rem);
}
.o-steps--large .o-steps__marker {
  height: calc(var(--oruga-size-large, 1.5rem) * 2);
  width: calc(var(--oruga-size-large, 1.5rem) * 2);
}
.o-steps--large .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-large, 1.5rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-large, 1.5rem);
}
.o-steps--large .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps__nav-item {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-basis: 1em;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0;
  line-height: var(--oruga-steps-item-line-height, var(--oruga-base-line-height));
}
.o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-primary, #ffffff);
  border-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-primary, #445e00);
}
.o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-primary, #ffffff);
  background-color: var(--oruga-variant-primary, #445e00);
}
.o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-secondary, #ffffff);
  border-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-secondary, #ffffff);
  background-color: var(--oruga-variant-secondary, #6c757d);
}
.o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--success.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-success, #ffffff);
  border-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-success, #006724);
}
.o-steps__nav-item--success.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-success, #ffffff);
  background-color: var(--oruga-variant-success, #006724);
}
.o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--info.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-info, #ffffff);
  border-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-info, #005c98);
}
.o-steps__nav-item--info.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-info, #ffffff);
  background-color: var(--oruga-variant-info, #005c98);
}
.o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-warning, #000000);
  border-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-warning, #f4c300);
}
.o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-warning, #000000);
  background-color: var(--oruga-variant-warning, #f4c300);
}
.o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-danger, #ffffff);
  border-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-danger, #b60000);
}
.o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-danger, #ffffff);
  background-color: var(--oruga-variant-danger, #b60000);
}
.o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
  background-size: 200% 100%;
}
.o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color, var(--oruga-primary)) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: -50%;
  width: 100%;
}
.o-steps__content {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: var(--oruga-steps-content-padding, 1rem);
}
.o-steps__content-transitioning {
  overflow: hidden;
}
.o-steps--animated .o-steps__divider {
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-steps__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: transparent;
  border: transparent;
  cursor: pointer;
  text-decoration: none;
  color: var(--oruga-steps-link-color, hsl(0, 0%, 29%));
}
.o-steps__link-label-right {
  flex-direction: row;
}
.o-steps__link-label-left {
  flex-direction: row-reverse;
}
.o-steps__link:hover {
  text-decoration: none;
}
.o-steps__link:not(.o-steps__link-clickable) {
  cursor: not-allowed;
}
.o-steps__marker {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--oruga-steps-marker-font-weight, 700);
  background: var(--oruga-steps-marker-background, var(--oruga-grey-light));
  color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  border: var(--oruga-steps-marker-border, 0.2em solid #fff);
}
.o-steps__marker--rounded {
  border-radius: var(--oruga-steps-marker-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-steps__details {
  text-align: center;
  z-index: 1;
  padding: var(--oruga-steps-details-padding, 0.2em);
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
}
.o-steps__nav-item-active .o-steps__link {
  cursor: default;
}
.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  border-color: var(--oruga-steps-active-color, var(--oruga-primary));
  color: var(--oruga-steps-active-color, var(--oruga-primary));
}
.o-steps__nav-item-active .o-steps__divider {
  background-position: left bottom;
}
.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  background-color: var(--oruga-steps-previous-color, var(--oruga-primary));
}
.o-steps__nav-item-previous .o-steps__divider {
  background-position: left bottom;
}
.o-steps__item {
  flex-shrink: 0;
  flex-basis: auto;
}
.o-steps__wrapper-vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.o-steps__wrapper-vertical .o-steps {
  height: 100%;
  flex-direction: column;
}
.o-steps__wrapper-vertical .o-steps__divider {
  height: 100%;
  width: var(--oruga-steps-divider-height, 0.2em);
  top: -50%;
  left: calc(50% - 0.1em);
}
.o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,
.o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider {
  background-position: right top;
}
.o-steps__wrapper-vertical .o-steps__nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--oruga-steps-vertical-padding, 1em 0);
}
.o-steps__wrapper-vertical .o-steps__nav-item--primary .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--secondary .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--success .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--info .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--warning .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--danger .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__content {
  flex-grow: 1;
  flex-basis: 70%;
}
.o-steps__wrapper-vertical .o-steps__navigation {
  flex-basis: 100%;
}
.o-steps__wrapper-vertical.o-steps__wrapper-position-right {
  flex-direction: row-reverse;
}
.o-steps--mobile .o-steps__title {
  display: none;
  padding: 0;
}
.o-steps--mobile .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-steps-divider-top, var(--oruga-base-font-size));
}
.o-steps--mobile .o-steps__divider .o-steps--small {
  top: var(--oruga-size-small, 0.75rem);
}
.o-steps--mobile .o-steps__divider .o-steps--medium {
  top: var(--oruga-size-medium, 1.25rem);
}
.o-steps--mobile .o-steps__divider .o-steps--large {
  top: var(--oruga-size-large, 1.5rem);
}

/* @docs */
/* @docs */
.o-switch {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 50rem;
}
.o-switch--small {
  font-size: var(--oruga-font-size-name, 0.75rem);
}
.o-switch--medium {
  font-size: var(--oruga-font-size-name, 1.25rem);
}
.o-switch--large {
  font-size: var(--oruga-font-size-name, 1.5rem);
}
.o-switch--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
}
.o-switch--primary .o-switch__check--checked {
  background: var(--oruga-variant-primary, #445e00);
}
.o-switch--primary-passive {
  --oruga-focus: rgba(68, 94, 0, 0.25);
}
.o-switch--primary-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-primary, #445e00);
}
.o-switch--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
}
.o-switch--secondary .o-switch__check--checked {
  background: var(--oruga-variant-secondary, #6c757d);
}
.o-switch--secondary-passive {
  --oruga-focus: rgba(108, 117, 125, 0.25);
}
.o-switch--secondary-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-secondary, #6c757d);
}
.o-switch--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
}
.o-switch--success .o-switch__check--checked {
  background: var(--oruga-variant-success, #006724);
}
.o-switch--success-passive {
  --oruga-focus: rgba(0, 103, 36, 0.25);
}
.o-switch--success-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-success, #006724);
}
.o-switch--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
}
.o-switch--info .o-switch__check--checked {
  background: var(--oruga-variant-info, #005c98);
}
.o-switch--info-passive {
  --oruga-focus: rgba(0, 92, 152, 0.25);
}
.o-switch--info-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-info, #005c98);
}
.o-switch--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
}
.o-switch--warning .o-switch__check--checked {
  background: var(--oruga-variant-warning, #f4c300);
}
.o-switch--warning-passive {
  --oruga-focus: rgba(244, 195, 0, 0.25);
}
.o-switch--warning-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-warning, #f4c300);
}
.o-switch--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
}
.o-switch--danger .o-switch__check--checked {
  background: var(--oruga-variant-danger, #b60000);
}
.o-switch--danger-passive {
  --oruga-focus: rgba(182, 0, 0, 0.25);
}
.o-switch--danger-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-danger, #b60000);
}
.o-switch__label {
  margin-left: var(--oruga-switch-margin-label, 0.5em);
}
.o-switch--left {
  flex-direction: row-reverse;
}
.o-switch--left .o-switch__label {
  margin-left: 0;
  margin-right: var(--oruga-switch-margin-label, 0.5em);
}
.o-switch__check-switch {
  content: "";
  display: block;
  height: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
  width: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
  background: var(--oruga-switch-action-background, #f5f5f5);
  box-shadow: var(--oruga-switch-box-shadow, 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05));
  transition: transform var(--oruga-transition-duration) var(--oruga-transition-timing);
  will-change: transform;
  transform-origin: left;
}
.o-switch__check {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: var(--oruga-switch-width, 2.75em);
  height: calc(var(--oruga-switch-width, 2.75em) * 0.5 + var(--oruga-switch-padding, 0.2em));
  padding: var(--oruga-switch-padding, 0.2em);
  background: var(--oruga-switch-background, var(--oruga-grey-light));
  border-radius: var(--oruga-switch-border-radius, var(--oruga-base-border-radius));
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-switch__check--checked {
  background: var(--oruga-switch-active-background-color, var(--oruga-primary));
}
.o-switch__check--checked .o-switch__check-switch {
  transform: translate3d(100%, 0, 0);
}
.o-switch__input {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.o-switch--rounded {
  border-radius: var(--oruga-switch-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-switch--disabled {
  opacity: var(--oruga-switch-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-switch:focus .o-switch__check, .o-switch:focus-within .o-switch__check {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--oruga-table-boder, 1px solid transparent);
  border-radius: var(--oruga-table-border-radius, var(--oruga-base-border-radius));
  background-color: var(--oruga-table-background-color, #fff);
  color: var(--oruga-table-color, black);
}
.o-table__root {
  position: relative;
}
.o-table__wrapper {
  transition: opacity 300ms ease-out;
  position: relative;
}
.o-table__wrapper--sticky-header {
  height: var(--oruga-table-sticky-header-height, 300px);
  overflow-y: auto;
}
.o-table__wrapper--sticky-header th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background: var(--oruga-table-background-color, #fff);
  z-index: calc(var(--oruga-table-sticky-zindex, 1) + 1);
}
.o-table__wrapper--scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  max-width: 100%;
}
.o-table__wrapper--mobile {
  overflow-x: auto;
}
.o-table__wrapper--mobile .o-table__mobile-sort {
  display: block;
}
.o-table__wrapper--mobile .o-table {
  background-color: transparent;
}
.o-table__wrapper--mobile thead tr {
  box-shadow: none;
  border-width: 0;
}
.o-table__wrapper--mobile thead tr th {
  display: none;
}
.o-table__wrapper--mobile thead tr .o-table-th-checkbox {
  display: block;
  width: 100%;
  text-align: right;
  border: 0;
}
.o-table__wrapper--mobile tfoot th {
  border: 0;
  display: inherit;
}
.o-table__wrapper--mobile tr {
  box-shadow: var(--oruga-table-card-box-shadow, 0 2px 3px rgba(var(--oruga-black), 0.1), 0 0 0 1px rgba(var(--oruga-black), 0.1));
  max-width: 100%;
  position: relative;
  display: block;
}
.o-table__wrapper--mobile tr td {
  border: 0;
  display: inherit;
}
.o-table__wrapper--mobile tr td:last-child {
  border-bottom: 0;
}
.o-table__wrapper--mobile tr:not(:last-child) {
  margin: var(--oruga-table-card-margin, 0 0 1rem 0);
}
.o-table__wrapper--mobile tr:not(.o-table__tr--selected) {
  background: inherit;
  background: #fff;
}
.o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover {
  background-color: inherit;
  background-color: #fff;
}
.o-table__wrapper--mobile tr.o-table--detailed {
  margin: var(--oruga-table-card-detail-margin, -1rem 0 0 0);
}
.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td {
  display: flex;
  width: auto;
  justify-content: space-between;
  text-align: right;
  border-bottom: var(--oruga-table-background, #f5f5f5 1px solid);
}
.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before {
  content: attr(data-label);
  font-weight: var(--oruga-table-card-cell-font-weight, 600);
  padding-right: var(--oruga-table-card-cell-padding, 0 0.5em 0 0);
  text-align: var(--oruga-table-card-cell-text-align, left);
}
.o-table__mobile-sort {
  display: none;
}
.o-table__th {
  vertical-align: top;
  text-align: left;
  position: relative;
  font-weight: var(--oruga-table-th-font-weight, 600);
  color: var(--oruga-table-th-color, #363636);
  border-bottom: var(--oruga-table-th-border, 2px solid var(--oruga-grey-lighter));
  padding: var(--oruga-table-th-padding, 0.5em 0.75em);
}
.o-table__th--centered {
  text-align: center;
}
.o-table__th--right {
  text-align: right;
}
.o-table__th__sort-icon {
  position: absolute;
  right: 0;
}
.o-table__th-checkbox {
  width: var(--oruga-table-th-checkbox-width, 40px);
}
.o-table__th-current-sort {
  border-color: var(--oruga-table-current-sort-border-color, var(--oruga-grey));
  font-weight: var(--oruga-table-current-sort-font-weight, 700);
}
.o-table__th--sortable {
  cursor: pointer;
}
.o-table__th--sortable:hover {
  border-color: var(--oruga-table-current-sort-hover-border-color, var(--oruga-grey));
}
.o-table__th--sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: var(--oruga-table-sticky-zindex, 1);
  background: var(--oruga-table-background-color, #fff);
}
.o-table__th--unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.o-table__th--detailed {
  width: var(--oruga-table-th-detail-width, 14px);
}
.o-table__td {
  vertical-align: top;
  text-align: left;
  border-bottom: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
  padding: var(--oruga-table-td-padding, 0.5em 0.75em);
}
.o-table__td--sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: var(--oruga-table-sticky-zindex, 1);
  background: var(--oruga-table-background-color, #fff);
}
.o-table__td--right {
  text-align: right;
}
.o-table__td--centered {
  text-align: center;
}
.o-table__td-chevron {
  vertical-align: middle;
  width: var(--oruga-table-detail-chevron-width, 40px);
  color: var(--oruga-table-detail-chevron-color, var(--oruga-primary));
}
.o-table:focus {
  border-color: var(--oruga-table-focus-border-color, var(--oruga-primary));
  box-shadow: var(--oruga-table-focus-box-shadow, 0 0 0 0.125em rgba(var(--oruga-primary), 0.25));
}
.o-table--bordered tr:last-child td,
.o-table--bordered tr:last-child th {
  border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
}
.o-table--bordered td,
.o-table--bordered th {
  border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
}
.o-table--striped tbody tr:not(.o-table__tr--selected):nth-child(2n) {
  background-color: var(--oruga-table-striped-background-color, #fafafa);
}
.o-table--narrowed td,
.o-table--narrowed th {
  padding: var(--oruga-table-narrow-padding, 0.25em 0.5em);
}
.o-table--hoverable tbody tr:not(.o-table__tr--selected):hover {
  background-color: var(--oruga-table-hoverable-background-color, #fafafa);
}
.o-table__detail {
  box-shadow: var(--oruga-table-detail-box-shadow, inset 0 1px 3px var(--oruga-grey));
  background: var(--oruga-table-detail-background, #fafafa);
}
.o-table__detail td {
  padding: var(--oruga-table-detail-padding, 1rem);
}
.o-table__tr--selected {
  background-color: var(--oruga-primary);
  color: var(--oruga-primary-invert);
}
.o-table__tr--selected-primary {
  background-color: #445e00;
  color: #ffffff;
}
.o-table__tr--selected-secondary {
  background-color: #6c757d;
  color: #ffffff;
}
.o-table__tr--selected-success {
  background-color: #006724;
  color: #ffffff;
}
.o-table__tr--selected-info {
  background-color: #005c98;
  color: #ffffff;
}
.o-table__tr--selected-warning {
  background-color: #f4c300;
  color: #000000;
}
.o-table__tr--selected-danger {
  background-color: #b60000;
  color: #ffffff;
}
.o-table__pagination {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.o-table__pagination > div {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.o-table__pagination > div:first-child {
  align-items: center;
  justify-content: flex-start;
}
.o-table__pagination > div:last-child {
  align-items: center;
  justify-content: flex-end;
}
.o-table__pagination > div:last-child > div {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

/* @docs */
/* @docs */
.o-tabs--fullwidth {
  width: 100%;
}
.o-tabs--fullwidth .o-tabs__nav-item-wrapper {
  flex-grow: 1;
  flex-shrink: 0;
}
.o-tabs--fullwidth .o-tabs__nav-item-default,
.o-tabs--fullwidth .o-tabs__nav-item-boxed,
.o-tabs--fullwidth .o-tabs__nav-item-toggle {
  height: 100%;
}
.o-tabs--vertical {
  display: flex;
  flex-direction: row;
}
.o-tabs--vertical .o-tabs__nav {
  flex-direction: column;
  align-items: stretch;
  flex-grow: 0;
  border-bottom: none;
}
.o-tabs--vertical .o-tabs__nav-item-default {
  border-radius: 0;
}
.o-tabs--vertical .o-tabs__nav-item-boxed {
  border-bottom-color: transparent;
  border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) 0 0 var(--oruga-base-border-radius));
}
.o-tabs--vertical .o-tabs__nav-item-boxed--active {
  border-right-color: transparent;
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
}
.o-tabs--right {
  flex-direction: row-reverse;
}
.o-tabs--right .o-tabs__nav-item-boxed {
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-tabs-border-bottom-color, 0 var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0);
}
.o-tabs--right .o-tabs__nav-item-boxed--active {
  border-left-color: transparent;
  border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
}
.o-tabs__nav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  padding-bottom: var(--oruga-tabs-border-bottom-width, 1px);
  font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
}
.o-tabs__nav--small {
  font-size: var(--oruga-tabs-font-size-small, 0.75rem);
}
.o-tabs__nav--medium {
  font-size: var(--oruga-tabs-font-size-medium, 1.25rem);
}
.o-tabs__nav--large {
  font-size: var(--oruga-tabs-font-size-large, 1.5rem);
}
.o-tabs__nav--centered {
  justify-content: center;
}
.o-tabs__nav--right {
  justify-content: flex-end;
}
.o-tabs__nav-item {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  background-color: transparent;
  align-items: center;
  line-height: var(--oruga-base-line-height);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  vertical-align: top;
  cursor: pointer;
  text-decoration: none;
  font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
  border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
  color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
  padding: var(--oruga-tabs-link-padding, 0.5em 1em);
}
.o-tabs__nav-item-icon {
  margin-right: var(--oruga-tabs-icon-margin, 0.5em);
}
.o-tabs__nav-item:focus, .o-tabs__nav-item:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
  border-radius: var(--oruga-base-border-radius);
}
.o-tabs__nav-item-default--active {
  border-bottom-color: var(--oruga-tabs-link-active-border-bottom-color, var(--oruga-primary));
  color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
}
.o-tabs__nav-item-default--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-default:hover:not(.o-tabs__nav-item-default--active) {
  background-color: var(--oruga-tabs-link-hover-background-color, hsl(0, 0%, 96%));
  border-bottom-color: var(--oruga-tabs-link-hover-border-bottom-color, hsl(0, 0%, 86%));
}
.o-tabs__nav-item-boxed {
  border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0 0);
}
.o-tabs__nav-item-boxed--active {
  color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
  background-color: var(--oruga-tabs-boxed-link-active-background-color, hsl(0, 0%, 100%));
  border-color: var(--oruga-tabs-boxed-link-active-border-color, hsl(0, 0%, 86%));
  border-bottom-color: var(--oruga-tabs-boxed-link-active-border-bottom-color, transparent);
}
.o-tabs__nav-item-boxed--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-boxed:hover:not(.o-tabs__nav-item-boxed--active) {
  background-color: var(--oruga-tabs-boxed-link-hover-background-color, hsl(0, 0%, 96%));
}
.o-tabs__nav-item-toggle {
  border-color: var(--oruga-tabs-toggle-link-border-color, hsl(0, 0%, 86%));
  border-style: var(--oruga-tabs-toggle-link-border-style, solid);
  border-width: var(--oruga-tabs-toggle-link-border-width, 1px);
}
.o-tabs__nav-item-toggle--active {
  background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-tabs-toggle-link-active-border-color, var(--oruga-primary));
  color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
}
.o-tabs__nav-item-toggle--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-toggle:hover:not(.o-tabs__nav-item-toggle--active) {
  background-color: var(--oruga-tabs-toggle-link-hover-background-color, hsl(0, 0%, 96%));
  border-color: var(--oruga-tabs-toggle-link-hover-border-color, hsl(0, 0%, 71%));
}
.o-tabs__nav-item-pills {
  border-radius: var(--oruga-tabs-boxed-link-radius, var(--oruga-base-border-radius));
  border-color: transparent;
}
.o-tabs__nav-item-pills--active {
  background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
  color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
}
.o-tabs__content {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--oruga-tabs-content-padding, 1rem);
}
.o-tabs__content--transitioning {
  overflow: hidden;
}
.o-tabs:not(:last-child) {
  margin-bottom: var(--oruga-tabs-margin-bottom, 1.5rem);
}

/* @docs */
/* @docs */
.o-taginput {
  display: flex;
}
.o-taginput__container {
  display: flex;
  flex-wrap: wrap;
  box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-input-background-color, #ffffff);
  border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
  border-style: var(--oruga-input-border-style, solid);
  border-width: var(--oruga-input-border-width, 1px);
  border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-input-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
  margin: var(--oruga-input-margin, 0);
  width: var(--oruga-taginput-width, inherit);
}
.o-taginput__container--small {
  font-size: var(--oruga-taginput-font-size-small, 0.75rem);
}
.o-taginput__container--medium {
  font-size: var(--oruga-taginput-font-size-medium, 1.25rem);
}
.o-taginput__container--large {
  font-size: var(--oruga-taginput-font-size-large, 1.5rem);
}
.o-taginput__autocomplete {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
}
.o-taginput__input {
  border: none;
  box-shadow: none;
  width: 100%;
}
.o-taginput__item {
  display: inline-flex;
  margin: var(--oruga-taginput-item-margin, 0.275em);
  padding: var(--oruga-taginput-item-padding, 0 0.75em 0 0.75em);
  color: var(--oruga-taginput-item-color, var(--oruga-primary-invert));
  background-color: var(--oruga-taginput-item-background-color, var(--oruga-primary));
  border-radius: var(--oruga-taginput-item-border-radius, var(--oruga-base-border-radius));
}
.o-taginput__item--primary {
  --oruga-focus: rgba(68, 94, 0, 0.25);
  background-color: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-invert-primary, #ffffff);
}
.o-taginput__item--secondary {
  --oruga-focus: rgba(108, 117, 125, 0.25);
  background-color: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-invert-secondary, #ffffff);
}
.o-taginput__item--success {
  --oruga-focus: rgba(0, 103, 36, 0.25);
  background-color: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-invert-success, #ffffff);
}
.o-taginput__item--info {
  --oruga-focus: rgba(0, 92, 152, 0.25);
  background-color: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-invert-info, #ffffff);
}
.o-taginput__item--warning {
  --oruga-focus: rgba(244, 195, 0, 0.25);
  background-color: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-invert-warning, #000000);
}
.o-taginput__item--danger {
  --oruga-focus: rgba(182, 0, 0, 0.25);
  background-color: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-invert-danger, #ffffff);
}
.o-taginput__item:focus, .o-taginput__item:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
}
.o-taginput__counter {
  display: block;
  float: right;
  font-size: var(--oruga-taginput-counter-font-size, 0.75rem);
  margin: var(--oruga-taginput-counter-margin, 0.25rem 0 0 0.5rem);
}
.o-taginput--expanded {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

/* @docs */
/* @docs */
.o-tpck {
  font-size: var(--oruga-timepicker-font-size, var(--oruga-base-font-size));
}
.o-tpck--small {
  font-size: var(--oruga-timepicker-font-size-small, 0.75rem);
}
.o-tpck--medium {
  font-size: var(--oruga-timepicker-font-size-medium, 1.25rem);
}
.o-tpck--large {
  font-size: var(--oruga-timepicker-font-size-large, 1.5rem);
}
.o-tpck__dropdown {
  width: 100%;
}
.o-tpck__box {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: var(--oruga-timepicker-box-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-timepicker-box-padding, 0.375rem 1rem);
}
.o-tpck__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  border: 0;
  font-size: inherit;
  font-weight: var(--oruga-timepicker-select-font-weight, 600);
  line-height: var(--oruga-timepicker-select-line-height, var(--oruga-base-line-height));
  color: var(--oruga-timepicker-select-color, #363636);
  padding: var(--oruga-timepicker-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
}
.o-tpck__select-placeholder {
  opacity: var(--oruga-timepicker-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
}
.o-tpck__separator {
  font-weight: var(--oruga-timepicker-separator-font-weight, 600);
}
.o-tpck__footer {
  padding: var(--oruga-timepicker-header-padding, 0 0.5rem);
  margin: var(--oruga-timepicker-header-margin, 0.875rem 0 0 0);
}

/* @docs */
/* @docs */
.o-tip {
  position: relative;
  display: inline-flex;
}
.o-tip__arrow {
  position: absolute;
  content: "";
  pointer-events: none;
  z-index: var(--oruga-tooltip-content-zindex, 38);
  color: var(--oruga-tooltip-background-color, var(--oruga-primary));
}
.o-tip__arrow--primary {
  color: var(--oruga-variant-primary, #445e00);
}
.o-tip__arrow--secondary {
  color: var(--oruga-variant-secondary, #6c757d);
}
.o-tip__arrow--success {
  color: var(--oruga-variant-success, #006724);
}
.o-tip__arrow--info {
  color: var(--oruga-variant-info, #005c98);
}
.o-tip__arrow--warning {
  color: var(--oruga-variant-warning, #f4c300);
}
.o-tip__arrow--danger {
  color: var(--oruga-variant-danger, #b60000);
}
.o-tip__arrow--bottom {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--top {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  transform: translateY(-50%);
  border-left-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--right {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  border-right-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--top-right {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-left-width: 0;
}
.o-tip__arrow--top-left {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-right-width: 0;
}
.o-tip__arrow--bottom-left {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-right-width: 0;
}
.o-tip__arrow--bottom-right {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-left-width: 0;
}
.o-tip__content {
  position: absolute;
  white-space: nowrap;
  max-width: var(--oruga-tooltip-content-max-width, 300px);
  padding: var(--oruga-tooltip-content-padding, 0.35rem 0.75rem);
  border-radius: var(--oruga-tooltip-content-radius-large, 6px);
  font-size: var(--oruga-tooltip-content-font-size, 0.85rem);
  font-weight: var(--oruga-tooltip-content-weight-normal, 400);
  box-shadow: var(--oruga-tooltip-content-box-shadow, 0px 1px 2px 1px rgba(0, 1, 0, 0.2));
  z-index: var(--oruga-tooltip-content-zindex, 38);
  background-color: var(--oruga-tooltip-background-color, var(--oruga-primary));
  color: var(--oruga-tooltip-color, var(--oruga-primary-invert));
}
.o-tip__content--primary {
  background: var(--oruga-variant-primary, #445e00);
  color: var(--oruga-variant-invert-primary, #ffffff);
}
.o-tip__content--secondary {
  background: var(--oruga-variant-secondary, #6c757d);
  color: var(--oruga-variant-invert-secondary, #ffffff);
}
.o-tip__content--success {
  background: var(--oruga-variant-success, #006724);
  color: var(--oruga-variant-invert-success, #ffffff);
}
.o-tip__content--info {
  background: var(--oruga-variant-info, #005c98);
  color: var(--oruga-variant-invert-info, #ffffff);
}
.o-tip__content--warning {
  background: var(--oruga-variant-warning, #f4c300);
  color: var(--oruga-variant-invert-warning, #000000);
}
.o-tip__content--danger {
  background: var(--oruga-variant-danger, #b60000);
  color: var(--oruga-variant-invert-danger, #ffffff);
}
.o-tip__content--top {
  top: auto;
  right: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  left: 50%;
  transform: translateX(-50%);
}
.o-tip__content--bottom {
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
.o-tip__content--right {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateY(-50%);
}
.o-tip__content--left {
  top: 50%;
  right: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
.o-tip__content--top-right {
  left: auto;
  top: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(50%);
}
.o-tip__content--top-left {
  right: auto;
  top: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(-50%);
}
.o-tip__content--bottom-right {
  left: auto;
  bottom: auto;
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(50%);
}
.o-tip__content--bottom-left {
  left: auto;
  bottom: auto;
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(-50%);
}
.o-tip__content--always {
  opacity: 1;
  visibility: visible;
}
.o-tip__content--multiline {
  text-align: center;
  white-space: normal;
  width: var(--oruga-tooltip-content-multiline-width, 300px);
}
.o-tip--teleport .o-tip__content--top, .o-tip--teleport .o-tip__content--top-left, .o-tip--teleport .o-tip__content--top-right {
  margin-top: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
}
.o-tip--teleport .o-tip__content--bottom, .o-tip--teleport .o-tip__content--bottom-left, .o-tip--teleport .o-tip__content--bottom-right {
  margin-top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
}
.o-tip--teleport .o-tip__content--right {
  margin-left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
}
.o-tip--teleport .o-tip__content--left {
  margin-left: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
}
.o-tip__trigger {
  width: 100%;
}

/* @docs */
/* @docs */
.o-upl {
  position: relative;
  display: inline-flex;
}
.o-upl--disabled {
  opacity: var(--oruga-upload-draggable-disabled-opacity, var(--oruga-base-disabled-opacity));
  cursor: not-allowed;
}
.o-upl--expanded {
  width: 100%;
}
.o-upl__draggable {
  cursor: pointer;
  width: 100%;
  padding: var(--oruga-upload-draggable-padding, 0.25em);
  border: var(--oruga-upload-draggable-border, 1px dashed var(--oruga-grey-light));
  border-radius: var(--oruga-upload-draggable-border-radius, var(--oruga-base-border-radius));
}
.o-upl__draggable--hovered {
  border-color: var(--oruga-upload-draggable-hover-border-color, var(--oruga-grey));
}
.o-upl__draggable--hovered-primary {
  border-color: var(--oruga-variant-primary, #445e00);
}
.o-upl__draggable--hovered-secondary {
  border-color: var(--oruga-variant-secondary, #6c757d);
}
.o-upl__draggable--hovered-success {
  border-color: var(--oruga-variant-success, #006724);
}
.o-upl__draggable--hovered-info {
  border-color: var(--oruga-variant-info, #005c98);
}
.o-upl__draggable--hovered-warning {
  border-color: var(--oruga-variant-warning, #f4c300);
}
.o-upl__draggable--hovered-danger {
  border-color: var(--oruga-variant-danger, #b60000);
}
.o-upl input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/assets/Roboto-Thin-Cn7sVyzw.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto-Light'), local('Roboto-Light'), url('/assets/Roboto-Light-Dzaw0Pew.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/Roboto-Regular-DKfLRf7x.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto-Medium'), local('Roboto-Medium'), url('/assets/Roboto-Medium-RusDUNpx.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto-Bold'), local('Roboto-Bold'), url('/assets/Roboto-Bold-BEPv_aWE.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto-Black'), local('Roboto-Black'), url('/assets/Roboto-Black-CvfyhdOV.woff2') format('woff2');
}
/**
 * Wether to use a Design oriented on the Original CIQ
 */
/**
 * Display App in Dark-mode
 */
/*************************************
*   Oruga Default Theme Full Build
**************************************/
/*********************
*   Theme Variables
**********************/
/******************
*   Oruga Theme 
*******************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes append-animate {
from {
    transform: scale(0);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
/**
 * Vue Transitions
 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 150ms ease-out;
}
.fade-enter,
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity 150ms ease-out;
}
.zoom-in-enter-active .animation-content,
.zoom-in-leave-active .animation-content {
  transition: transform 150ms ease-out;
}
.zoom-in-enter,
.zoom-in-enter-from,
.zoom-in-leave-active {
  opacity: 0;
}
.zoom-in-enter .animation-content,
.zoom-in-enter-from .animation-content,
.zoom-in-leave-active .animation-content {
  transform: scale(0.95);
}
.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity 150ms ease-out;
}
.zoom-out-enter-active .animation-content,
.zoom-out-leave-active .animation-content {
  transition: transform 150ms ease-out;
}
.zoom-out-enter,
.zoom-out-enter-from,
.zoom-out-leave-active {
  opacity: 0;
}
.zoom-out-enter .animation-content,
.zoom-out-enter-from .animation-content,
.zoom-out-leave-active .animation-content {
  transform: scale(1.05);
}
.slide-next-enter-active,
.slide-next-leave-active,
.slide-prev-enter-active,
.slide-prev-leave-active {
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slide-prev-leave-to,
.slide-next-enter,
.slide-next-enter-from {
  transform: translate3d(-100%, 0, 0);
  position: absolute;
  width: 100%;
}
.slide-prev-enter,
.slide-prev-enter-from,
.slide-next-leave-to {
  transform: translate3d(100%, 0, 0);
  position: absolute;
  width: 100%;
}
.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slide-down-enter,
.slide-up-leave-to,
.slide-down-enter-from {
  transform: translate3d(0, -100%, 0);
  position: absolute;
  height: 100%;
}
.slide-up-enter,
.slide-up-enter-from,
.slide-down-leave-to {
  transform: translate3d(0, 100%, 0);
  position: absolute;
  height: 100%;
}
.slide-enter-active {
  transition: 150ms ease-out;
}
.slide-leave-active {
  transition: 150ms ease-out;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slide-leave,
.slide-enter-to,
.slide-leave-from {
  max-height: 100px;
  overflow: hidden;
}
.slide-enter,
.slide-enter-from,
.slide-leave-to {
  overflow: hidden;
  max-height: 0;
}

/**********************************
*   Utility mixins and functions
***********************************/
/*******************************
*   Root variables extensions
********************************/
:root {
  --oruga-primary: #bfa868;
  --oruga-primary-invert: #000;
  --oruga-info: #7794ed;
  --oruga-info-invert: #000;
  --oruga-success: #00c800;
  --oruga-success-invert: #000;
  --oruga-warning: #ffd900;
  --oruga-warning-invert: #000;
  --oruga-danger: #ff0000;
  --oruga-danger-invert: #000;
  --oruga-white: #fff;
  --oruga-black: #000;
  --oruga-grey: #7a7a7a;
  --oruga-grey-light: #b5b5b5;
  --oruga-grey-lighter: #dbdbdb;
  --oruga-grey-dark: #4a4a4a;
  --oruga-focus: rgba(191, 168, 104, 0.25);
  --oruga-size-small: 0.75rem;
  --oruga-size-medium: 1.25rem;
  --oruga-size-large: 1.5rem;
  --oruga-base-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;
  --oruga-base-font-size: 1rem;
  --oruga-base-font-weight: 400;
  --oruga-base-line-height: 1.5;
  --oruga-base-border-radius: 4px;
  --oruga-base-border-radius-rounded: 9999px;
  --oruga-base-line-height: 1.5;
  --oruga-base-disabled-opacity: 0.5;
  --oruga-transition-duration: 150ms;
  --oruga-transition-timing: ease-out;
}
*,
:after,
:before {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--oruga-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-base-font-weight, 400);
  line-height: var(--oruga-base-line-height, 1.5);
}
.o-noscroll {
  position: fixed;
  width: 100%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.o-clipped {
  overflow: hidden;
}

/* @docs */
/* @docs */
.o-acp__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.o-acp__item--hover {
  background-color: var(--oruga-autocomplete-item-hover-background-color, #f5f5f5);
}

/* @docs */
/* @docs */
@keyframes spinAround {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.o-btn {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-color, var(--oruga-primary-invert));
  padding: var(--oruga-button-padding, calc(0.375em - 1px) 0.75em);
  border: var(--oruga-button-border, 1px solid var(--oruga-primary));
  border-radius: var(--oruga-button-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-button-box-shadow, none);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-button-font-weight, 400);
  line-height: var(--oruga-button-line-height, var(--oruga-base-line-height));
  margin: var(--oruga-button-margin, 0);
  height: var(--oruga-button-height, 2.25em);
}
.o-btn__wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-left: -0.1875em;
  margin-right: -0.1875em;
}
.o-btn__wrapper > * {
  margin-left: 0.1875em;
  margin-right: 0.1875em;
}
.o-btn__label {
  width: 100%;
}
.o-btn--expanded {
  width: 100%;
}
.o-btn--rounded {
  border-radius: var(--oruga-button-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-btn--disabled {
  opacity: var(--oruga-button-disabled-opacity, var(--oruga-base-disabled-opacity));
  cursor: not-allowed;
  pointer-events: none;
}
.o-btn {
  /* size variants*/
}
.o-btn--small {
  font-size: var(--oruga-button-font-size-small, 0.75rem);
}
.o-btn--medium {
  font-size: var(--oruga-button-font-size-medium, 1.25rem);
}
.o-btn--large {
  font-size: var(--oruga-button-font-size-large, 1.5rem);
}
.o-btn {
  /* color variants*/
}
.o-btn--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-invert-primary, #000);
}
.o-btn--primary:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-invert-info, #000);
}
.o-btn--info:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-invert-success, #000);
}
.o-btn--success:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-invert-warning, #000);
}
.o-btn--warning:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-invert-danger, #000);
}
.o-btn--danger:hover {
  /* background-color: darken($color, 2.5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(97.5%);
}
.o-btn--outlined {
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-background-color, var(--oruga-primary));
}
.o-btn--outlined:hover {
  border-color: transparent;
  background-color: var(--oruga-button-background-color, var(--oruga-primary));
  color: var(--oruga-button-color, var(--oruga-primary-invert));
}
.o-btn--outlined-primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-primary, #bfa868);
}
.o-btn--outlined-primary:focus, .o-btn--outlined-primary:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-invert-primary, #000);
}
.o-btn--outlined-info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-info, #7794ed);
}
.o-btn--outlined-info:focus, .o-btn--outlined-info:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-invert-info, #000);
}
.o-btn--outlined-success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-success, #00c800);
}
.o-btn--outlined-success:focus, .o-btn--outlined-success:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-invert-success, #000);
}
.o-btn--outlined-warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-warning, #ffd900);
}
.o-btn--outlined-warning:focus, .o-btn--outlined-warning:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-invert-warning, #000);
}
.o-btn--outlined-danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  background-color: var(--oruga-button-outlined-background-color, transparent);
  border-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-danger, #ff0000);
}
.o-btn--outlined-danger:focus, .o-btn--outlined-danger:hover {
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-invert-danger, #000);
}
.o-btn--loading {
  color: transparent !important;
  pointer-events: none;
}
.o-btn--loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  position: absolute !important;
  border: 2px solid #dbdbdb;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
}
.o-btn--inverted {
  background-color: var(--oruga-button-color, var(--oruga-primary-invert));
  border-color: var(--oruga-button-color, var(--oruga-primary-invert));
  color: var(--oruga-button-background-color, var(--oruga-primary));
}
.o-btn--inverted:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  background-color: var(--oruga-variant-invert-primary, #000);
  border-color: var(--oruga-variant-invert-primary, #000);
  color: var(--oruga-variant-primary, #bfa868);
}
.o-btn--inverted-primary:focus, .o-btn--inverted-primary:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  background-color: var(--oruga-variant-invert-info, #000);
  border-color: var(--oruga-variant-invert-info, #000);
  color: var(--oruga-variant-info, #7794ed);
}
.o-btn--inverted-info:focus, .o-btn--inverted-info:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  background-color: var(--oruga-variant-invert-success, #000);
  border-color: var(--oruga-variant-invert-success, #000);
  color: var(--oruga-variant-success, #00c800);
}
.o-btn--inverted-success:focus, .o-btn--inverted-success:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  background-color: var(--oruga-variant-invert-warning, #000);
  border-color: var(--oruga-variant-invert-warning, #000);
  color: var(--oruga-variant-warning, #ffd900);
}
.o-btn--inverted-warning:focus, .o-btn--inverted-warning:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn--inverted-danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  background-color: var(--oruga-variant-invert-danger, #000);
  border-color: var(--oruga-variant-invert-danger, #000);
  color: var(--oruga-variant-danger, #ff0000);
}
.o-btn--inverted-danger:focus, .o-btn--inverted-danger:hover {
  /* background-color: darken($color-invert, 5%)*/
  /* IE 11 needs polyfill*/
  filter: brightness(95%);
}
.o-btn {
  /* focus effect*/
}
.o-btn:focus, .o-btn:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
}

/* @docs */
/* @docs */
.o-car {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.o-car__overlay {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  max-height: 100vh;
  position: fixed;
  background-color: var(--oruga-carousel-overlay-background, hsla(0, 0%, 4%, 0.86));
  z-index: var(--oruga-carousel-overlay-zindex, 40);
}
.o-car__wrapper {
  position: relative;
  width: 100%;
}
.o-car__items {
  display: flex;
  width: 100%;
}
.o-car__items:not(.o-car__items--dragging) {
  transition: var(--oruga-carousel-items-transition, all var(--oruga-transition-duration) var(--oruga-transition-timing) 0s);
}
.o-car__item {
  border: var(--oruga-carousel-item-border, 2px solid transparent);
  flex-shrink: 0;
}
.o-car__item--clickable {
  cursor: pointer;
}
.o-car__indicators {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--oruga-carousel-indicators-padding, 0.5rem);
  background: var(--oruga-carousel-indicators-background, rgba(var(--oruga-white), 0.5));
}
.o-car__indicators--inside {
  position: absolute;
}
.o-car__indicators--inside--bottom {
  bottom: 0;
}
.o-car__indicators--inside--top {
  top: 0;
}
.o-car__indicator:not(:last-child) {
  margin: var(--oruga-carousel-indicator-margin, 0 0.5rem 0 0);
}
.o-car__indicator__item {
  display: block;
  border: var(--oruga-carousel-indicator-border, 1px solid var(--oruga-primary));
  background: var(--oruga-carousel-indicator-background, var(--oruga-white));
  transition: var(--oruga-carousel-indicator-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
}
.o-car__indicator__item--active,
.o-car__indicator__item :hover {
  background: var(--oruga-carousel-indicator-active-background, var(--oruga-primary));
  border: var(--oruga-carousel-indicator-active-border, 1px solid var(--oruga-primary));
}
.o-car__indicator__item--boxes {
  width: var(--oruga-carousel-indicator-size, 10px);
  height: var(--oruga-carousel-indicator-size, 10px);
}
.o-car__indicator__item--dots {
  border-radius: var(--oruga-carousel-indicator-dots-border-radius, var(--oruga-base-border-radius));
  width: var(--oruga-carousel-indicator-size, 10px);
  height: var(--oruga-carousel-indicator-size, 10px);
}
.o-car__indicator__item--lines {
  width: var(--oruga-carousel-indicator-lines-width, 25px);
  height: var(--oruga-carousel-indicator-lines-height, 5px);
}
.o-car__arrow__icon {
  cursor: pointer;
  background: var(--oruga-carousel-arrow-background, var(--oruga-white));
  color: var(--oruga-carousel-arrow-color, var(--oruga-primary));
  width: var(--oruga-carousel-arrow-size, 1.5rem);
  height: var(--oruga-carousel-arrow-size, 1.5rem);
  border-radius: var(--oruga-carousel-arrow-border-radius, var(--oruga-base-border-radius-rounded));
  border: var(--oruga-carousel-arrow-border, 1px solid var(--oruga-white));
  transition: var(--oruga-carousel-arrow-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
}
.o-car__arrow__icon-prev, .o-car__arrow__icon-next {
  position: absolute;
  top: var(--oruga-carousel-arrow-top, 50%);
  transform: translateY(var(--oruga-carousel-arrow-top, -50%));
  z-index: 1;
}
.o-car__arrow__icon-prev {
  left: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
}
.o-car__arrow__icon-next {
  right: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
}

/* @docs */
/* @docs */
.o-chk {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  line-height: var(--oruga-checkbox-line-height, 1.5);
  margin-right: var(--oruga-checkbox-margin-sibiling, 0.5em);
}
.o-chk__input {
  width: var(--oruga-checkbox-size, 1rem);
  height: var(--oruga-checkbox-size, 1rem);
  margin: 0;
  outline: none;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: var(--oruga-checkbox-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-checkbox-background-color, var(--oruga-primary));
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
  border-radius: var(--oruga-checkbox-border-radius, var(--oruga-base-border-radius));
  border-width: var(--oruga-checkbox-border-width, 2px);
  border-color: var(--oruga-checkbox-border-color, var(--oruga-primary));
  border-style: var(--oruga-checkbox-border-style, solid);
}
.o-chk__input--checked {
  background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk__input--indeterminate {
  background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk__label {
  padding: var(--oruga-checkbox-label-padding, 0 0 0 0.5em);
}
.o-chk--disabled {
  opacity: var(--oruga-checkbox-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-chk--small {
  font-size: var(--oruga-checkbox-font-size-small, 0.75rem);
}
.o-chk--small .o-chk__input {
  width: var(--oruga-checkbox-font-size-small, 0.75rem);
  height: var(--oruga-checkbox-font-size-small, 0.75rem);
}
.o-chk--medium {
  font-size: var(--oruga-checkbox-font-size-medium, 1.25rem);
}
.o-chk--medium .o-chk__input {
  width: var(--oruga-checkbox-font-size-medium, 1.25rem);
  height: var(--oruga-checkbox-font-size-medium, 1.25rem);
}
.o-chk--large {
  font-size: var(--oruga-checkbox-font-size-large, 1.5rem);
}
.o-chk--large .o-chk__input {
  width: var(--oruga-checkbox-font-size-large, 1.5rem);
  height: var(--oruga-checkbox-font-size-large, 1.5rem);
}
.o-chk--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
}
.o-chk--primary .o-chk__input {
  border-color: var(--oruga-variant-primary, #bfa868);
  background-color: var(--oruga-variant-primary, #bfa868);
}
.o-chk--primary .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--primary .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
}
.o-chk--info .o-chk__input {
  border-color: var(--oruga-variant-info, #7794ed);
  background-color: var(--oruga-variant-info, #7794ed);
}
.o-chk--info .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--info .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
}
.o-chk--success .o-chk__input {
  border-color: var(--oruga-variant-success, #00c800);
  background-color: var(--oruga-variant-success, #00c800);
}
.o-chk--success .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--success .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
}
.o-chk--warning .o-chk__input {
  border-color: var(--oruga-variant-warning, #ffd900);
  background-color: var(--oruga-variant-warning, #ffd900);
}
.o-chk--warning .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--warning .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
}
.o-chk--danger .o-chk__input {
  border-color: var(--oruga-variant-danger, #ff0000);
  background-color: var(--oruga-variant-danger, #ff0000);
}
.o-chk--danger .o-chk__input--checked {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk--danger .o-chk__input--indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.o-chk:focus .o-chk__input, .o-chk:focus-within .o-chk__input {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-clps {
  width: 100%;
}
.o-clps__trigger {
  cursor: pointer;
  display: inline-block;
}
.o-clps__content {
  display: inherit;
}

/* @docs */
/* @docs */
.o-dpck {
  font-size: var(--oruga-datepicker-font-size, var(--oruga-base-font-size));
}
.o-dpck--small {
  font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
}
.o-dpck--medium {
  font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
}
.o-dpck--large {
  font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
}
.o-dpck__dropdown {
  width: 100%;
}
.o-dpck__box {
  --oruga-dropdown-item-line-height: var(--oruga-base-line-height);
  --oruga-dropdown-item-padding: 0.375rem 1rem;
}
.o-dpck__header {
  padding: var(--oruga-datepicker-header-padding, 0 0 0.875rem 0);
  margin: var(--oruga-datepicker-header-margin, 0 0 0.875rem 0);
  border-bottom: var(--oruga-datepicker-header-border-bottom, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__header__buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.o-dpck__header__buttons--small {
  font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
}
.o-dpck__header__buttons--medium {
  font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
}
.o-dpck__header__buttons--large {
  font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
}
.o-dpck__header__previous {
  order: 1;
}
.o-dpck__header__next {
  order: 3;
}
.o-dpck__header__previous, .o-dpck__header__next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  line-height: var(--oruga-datepicker-btn-line-height, var(--oruga-base-line-height));
  border: var(--oruga-datepicker-btn-border, 1px solid transparent);
  border-radius: var(--oruga-datepicker-btn-border-radius, var(--oruga-base-border-radius));
  border-color: var(--oruga-datepicker-btn-border-color, var(--oruga-grey-lighter));
  color: var(--oruga-datepicker-btn-color, #363636);
  min-width: var(--oruga-datepicker-btn-min-width, 2.25em);
  height: var(--oruga-datepicker-btn-height, 2.25em);
  padding: var(--oruga-datepicker-btn-padding, 0.5em 0.5em);
  margin: var(--oruga-datepicker-btn-margin, 0.25rem);
}
.o-dpck__header__previous:hover, .o-dpck__header__next:hover {
  text-decoration: none;
  border-color: var(--oruga-datepicker-btn-hover-border-color, var(--oruga-grey-light));
  color: var(--oruga-datepicker-btn-hover-color, #363636);
}
.o-dpck__header__list {
  order: 2;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.o-dpck__header__list > * {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.o-dpck__footer {
  padding: var(--oruga-datepicker-header-padding, 0.875rem 0.5rem 0 0.5rem);
  margin: var(--oruga-datepicker-header-margin, 0.875rem 0 0.875rem 0);
  border-top: var(--oruga-datepicker-header-border-top, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__table, .o-dpck__month {
  display: table;
  margin: 0 auto 0 auto;
}
.o-dpck__table__head, .o-dpck__month__head {
  display: table-header-group;
  padding: var(--oruga-datepicker-table-head-padding, 0 0 0.875rem 0);
  margin: var(--oruga-datepicker-table-head-margin, 0 0 0.875rem 0);
  border-bottom: var(--oruga-datepicker-table-head-border-bottom, 1px solid var(--oruga-grey-lighter));
}
.o-dpck__table__body, .o-dpck__month__body {
  display: table-row-group;
}
.o-dpck__table__row, .o-dpck__month__row {
  display: table-row;
}
.o-dpck__table__head-cell, .o-dpck__month__head-cell {
  padding: var(--oruga-datepicker-table-head-item-padding, var(--oruga-grey));
  font-weight: var(--oruga-datepicker-table-head-item-font-weight, 600);
}
.o-dpck__table__cell, .o-dpck__month__cell {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  text-decoration: none;
  border-radius: var(--oruga-datepicker-item-border-radius, var(--oruga-base-border-radius));
  padding: var(--oruga-datepicker-item-padding, 0.5rem 0.75rem);
}
.o-dpck__table__cell--unselectable, .o-dpck__month__cell--unselectable {
  color: var(--oruga-datepicker-item-disabled-color, var(--oruga-grey-light));
}
.o-dpck__table__cell--today, .o-dpck__month__cell--today {
  border: var(--oruga-datepicker-item-today-border, solid 1px rgba(var(--oruga-primary), 0.5));
}
.o-dpck__table__cell--selectable, .o-dpck__month__cell--selectable {
  cursor: pointer;
  color: var(--oruga-datepicker-item-selectable-color, var(--oruga-grey-dark));
}
.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered {
  background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered {
  background-color: var(--oruga-datepicker-item-hovered-within-background-color, rgb(from var(--oruga-grey) r g b/50%));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered {
  background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
  color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
  border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
}
.o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
  border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-within-background-color, rgb(from var(--oruga-primary) r g b/50%));
  border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
  background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
  color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
  border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
  border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
}
.o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected), .o-dpck__month__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected) {
  color: var(--oruga-datepicker-item-nearby-color, var(--oruga-grey-light));
}
.o-dpck__table__cell--invisible, .o-dpck__month__cell--invisible {
  visibility: hidden;
}
.o-dpck__table__cell--events, .o-dpck__month__cell--events {
  position: relative;
  padding: var(--oruga-datepicker-events-item-padding, 0.3rem 0.75rem 0.75rem);
}
.o-dpck__table__events, .o-dpck__month__events {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15%;
}
.o-dpck__table__event, .o-dpck__month__event {
  background-color: var(--oruga-datepicker-event-background-color, var(--oruga-grey-light));
}
.o-dpck__table__event--primary, .o-dpck__month__event--primary {
  background-color: #bfa868;
  background-color: var(--oruga-variant-primary, #bfa868);
}
.o-dpck__table__event--info, .o-dpck__month__event--info {
  background-color: #7794ed;
  background-color: var(--oruga-variant-info, #7794ed);
}
.o-dpck__table__event--success, .o-dpck__month__event--success {
  background-color: #00c800;
  background-color: var(--oruga-variant-success, #00c800);
}
.o-dpck__table__event--warning, .o-dpck__month__event--warning {
  background-color: #ffd900;
  background-color: var(--oruga-variant-warning, #ffd900);
}
.o-dpck__table__event--danger, .o-dpck__month__event--danger {
  background-color: #ff0000;
  background-color: var(--oruga-variant-danger, #ff0000);
}
.o-dpck__table__event--dots, .o-dpck__month__event--dots {
  border-radius: 50%;
  margin: var(--oruga-datepicker-event-dots-margin, 0 0.1em);
  height: var(--oruga-datepicker-event-dots-size, 0.35em);
  width: var(--oruga-datepicker-event-dots-size, 0.35em);
}
.o-dpck__table__event--bars, .o-dpck__month__event--bars {
  height: var(--oruga-datepicker-event-bars-height, 0.25em);
  width: 100%;
}
.o-dpck__month__table {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 17rem;
}
.o-dpck__month__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  height: 2.5rem;
}
.o-dpck--expanded {
  width: 100%;
  flex-grow: 1;
}
.o-dpck--mobile .o-dpck__header__previous {
  order: 1;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-dpck--mobile .o-dpck__header__next {
  order: 3;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-dpck--mobile .o-dpck__header__list {
  order: 2;
  flex-grow: 1;
  flex-shrink: 1;
}

/* @docs */
/* @docs */
.o-dtpck__time {
  display: flex;
  justify-content: center;
  align-items: center;
  --oruga-dropdown-menu-box-shadow: 0,0,0,0;
}

/* @docs */
/* @docs */
.o-drop {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.o-drop__overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  display: none;
  background-color: var(--oruga-dropdown-mobile-overlay-color, rgba(0, 0, 0, 0.86));
  z-index: var(--oruga-dropdown-mobile-overlay-zindex, 55);
}
.o-drop__trigger {
  width: 100%;
}
.o-drop__menu {
  position: absolute;
  display: block;
  min-width: var(--oruga-dropdown-menu-width, 12rem);
  z-index: var(--oruga-dropdown-menu-zindex, 50);
  background-color: var(--oruga-dropdown-menu-background, #ffffff);
  border-radius: var(--oruga-dropdown-menu-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-dropdown-menu-box-shadow, 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02));
  padding: var(--oruga-dropdown-menu-padding, 0.5rem 0 0.5rem 0);
  margin: var(--oruga-dropdown-menu-margin, 0);
}
.o-drop__menu--bottom {
  left: 50%;
  right: auto;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
  transform: translateX(-50%);
}
.o-drop__menu--top {
  left: 50%;
  right: auto;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  transform: translateX(-50%);
}
.o-drop__menu--left {
  right: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.o-drop__menu--right {
  right: auto;
  left: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.o-drop__menu--top-right {
  right: 0;
  left: auto;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
}
.o-drop__menu--top-left {
  right: auto;
  left: 0;
  top: auto;
  bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
}
.o-drop__menu--bottom-right {
  right: 0;
  left: auto;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
}
.o-drop__menu--bottom-left {
  right: auto;
  left: 0;
  top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
  bottom: auto;
}
.o-drop__item {
  display: block;
  position: relative;
  color: var(--oruga-dropdown-item-color, #000000);
  font-size: var(--oruga-dropdown-item-font-size, var(--oruga-base-font-size));
  font-weight: var(--oruga-dropdown-item-font-weight, 400);
  line-height: var(--oruga-dropdown-item-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-dropdown-item-padding, 0.375rem 1rem);
}
.o-drop__item--disabled {
  opacity: var(--oruga-dropdown-item-disabled-opacity, var(--oruga-base-disabled-opacity));
  pointer-events: none;
}
.o-drop__item--active {
  background-color: var(--oruga-dropdown-item-active-background-color, var(--oruga-primary));
  color: var(--oruga-dropdown-item-active-color, var(--oruga-primary-invert));
}
.o-drop__item--clickable {
  cursor: pointer;
}
.o-drop__item--clickable:not(.o-drop__item--active):hover {
  background-color: var(--oruga-dropdown-item-hover-background-color, #f5f5f5);
  color: var(--oruga-dropdown-item-hover-color, #000000);
}
.o-drop--inline {
  display: inline;
}
.o-drop--inline .o-drop__menu {
  position: static;
  display: inline-block;
  padding: 0;
}
.o-drop--expanded {
  width: 100%;
}
.o-drop--expanded .o-drop__menu {
  width: 100%;
}
.o-drop--disabled, .o-acp__item-group-title, .o-acp__item--empty {
  opacity: var(--oruga-dropdown-disabled-opacity, var(--oruga-base-disabled-opacity));
  pointer-events: none;
}
.o-drop--mobile > .o-drop__menu {
  position: fixed;
  top: 25%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate3d(-50%, -25%, 0);
  overflow-y: auto;
  width: var(--oruga-dropdown-mobile-width, calc(100vw - 40px));
  max-width: var(--oruga-dropdown-mobile-max-width, 460px);
  max-height: var(--oruga-dropdown-mobile-max-height, calc(100vh - 120px));
  z-index: var(--oruga-dropdown-mobile-zindex, 60);
}
.o-drop--mobile > .o-drop__overlay {
  display: block;
}
.o-drop--teleport {
  width: unset;
}

/* @docs */
/* @docs */
.o-field {
  flex-grow: 1;
}
.o-field:not(:last-child) {
  margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
}
.o-field__label {
  display: block;
  color: var(--oruga-field-label-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  font-weight: var(--oruga-field-label-font-weight, 600);
}
.o-field__label-small {
  font-size: var(--oruga-field-font-size-small, 0.75rem);
}
.o-field__label-medium {
  font-size: var(--oruga-field-font-size-medium, 1.25rem);
}
.o-field__label-large {
  font-size: var(--oruga-field-font-size-large, 1.5rem);
}
.o-field__message {
  display: block;
  font-size: var(--oruga-field-message-font-size, 0.75rem);
  margin-top: var(--oruga-field-message-margin-top, 0.25rem);
}
.o-field__message-primary {
  color: var(--oruga-variant-primary, #bfa868);
}
.o-field__message-info {
  color: var(--oruga-variant-info, #7794ed);
}
.o-field__message-success {
  color: var(--oruga-variant-success, #00c800);
}
.o-field__message-warning {
  color: var(--oruga-variant-warning, #ffd900);
}
.o-field__message-danger {
  color: var(--oruga-variant-danger, #ff0000);
}
.o-field--addons {
  display: flex;
  justify-content: flex-start;
}
.o-field--addons > button:first-child,
.o-field--addons > *:first-child:not(:only-child) button,
.o-field--addons > input:first-child,
.o-field--addons > *:first-child:not(:only-child) input,
.o-field--addons > select:first-child,
.o-field--addons > *:first-child:not(:only-child) select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.o-field--addons > button:last-child,
.o-field--addons > *:last-child:not(:only-child) button,
.o-field--addons > input:last-child,
.o-field--addons > *:last-child:not(:only-child) input,
.o-field--addons > select:last-child,
.o-field--addons > *:last-child:not(:only-child) select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.o-field--addons > *:not(:first-child):not(:last-child) button,
.o-field--addons > button:not(:first-child):not(:last-child),
.o-field--addons > *:not(:first-child):not(:last-child) input,
.o-field--addons > input:not(:first-child):not(:last-child),
.o-field--addons > *:not(:first-child):not(:last-child) select,
.o-field--addons > select:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.o-field--grouped {
  display: flex;
  margin-left: -0.37rem;
  margin-right: -0.37rem;
}
.o-field--grouped > * {
  margin-left: 0.37rem;
  margin-right: 0.37rem;
}
.o-field--grouped-multiline {
  flex-wrap: wrap;
}
.o-field--grouped-multiline:last-child {
  margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
}
.o-field__horizontal-body {
  display: flex;
  flex-basis: 0;
  flex-grow: 5;
  flex-shrink: 1;
  margin-left: -0.37rem;
  margin-right: -0.37rem;
}
.o-field__horizontal-body > * {
  margin-left: 0.37rem;
  margin-right: 0.37rem;
}
.o-field--horizontal {
  display: flex;
}
.o-field__horizontal-label {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 1.5rem 0 0;
  text-align: right;
}
.o-field--mobile.o-field--horizontal,
.o-field--mobile .o-field__horizontal-label,
.o-field--mobile .o-field__horizontal-body {
  display: block;
  text-align: inherit;
}

/* @docs */
/* @docs */
@keyframes icon-spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
.o-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: transform 150ms ease-out, opacity 300ms ease-out;
}
.o-icon--small {
  font-size: var(--oruga-icon-font-size-small, 0.75rem);
}
.o-icon--medium {
  font-size: var(--oruga-icon-font-size-medium, 1.25rem);
}
.o-icon--large {
  font-size: var(--oruga-icon-font-size-large, 1.5rem);
}
.o-icon--primary {
  color: var(--oruga-variant-primary, #bfa868);
}
.o-icon--info {
  color: var(--oruga-variant-info, #7794ed);
}
.o-icon--success {
  color: var(--oruga-variant-success, #00c800);
}
.o-icon--warning {
  color: var(--oruga-variant-warning, #ffd900);
}
.o-icon--danger {
  color: var(--oruga-variant-danger, #ff0000);
}
.o-icon--clickable {
  pointer-events: auto;
  cursor: pointer;
}
.o-icon--spin {
  animation-name: icon-spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--oruga-icon-spin-duration, 2s);
}

/* @docs */
/* @docs */
.o-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-input-background-color, #ffffff);
  border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
  border-style: var(--oruga-input-border-style, solid);
  border-width: var(--oruga-input-border-width, 1px);
  border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-input-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  height: var(--oruga-input-height, 2.25em);
  line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-input-padding, calc(0.375em - 1px) calc(0.625em - 1px));
  margin: var(--oruga-input-margin, 0);
}
.o-input__wrapper {
  display: inline-block;
  position: relative;
}
.o-input__wrapper--expanded {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.o-input__wrapper--expanded .o-input {
  width: 100%;
}
.o-input__textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  resize: vertical;
  padding: var(--oruga-input-textarea-padding, 0.625em);
}
.o-input__textarea:not([rows]) {
  max-height: var(--oruga-input-textarea-max-height, 600px);
  min-height: var(--oruga-input-textarea-min-height, 120px);
}
.o-input__counter {
  display: block;
  float: right;
  font-size: var(--oruga-input-counter-font-size, 0.75rem);
  margin: var(--oruga-input-counter-margin, 0.25rem 0 0 0.5rem);
}
.o-input__icon-left, .o-input__icon-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--oruga-input-height, 2.25em);
  z-index: var(--oruga-input-icon-zindex, 4);
}
.o-input__icon-right {
  right: 0;
}
.o-input__icon-left {
  left: 0;
}
.o-input--iconspace-left {
  padding-left: var(--oruga-input-height, 2.25em);
}
.o-input--iconspace-right {
  padding-right: var(--oruga-input-height, 2.25em);
}
.o-input--rounded {
  border-radius: var(--oruga-input-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-input--small {
  font-size: var(--oruga-input-font-size-small, 0.75rem);
}
.o-input--medium {
  font-size: var(--oruga-input-font-size-medium, 1.25rem);
}
.o-input--large {
  font-size: var(--oruga-input-font-size-large, 1.5rem);
}
.o-input--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  border-color: var(--oruga-variant-primary, #bfa868);
}
.o-input--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  border-color: var(--oruga-variant-info, #7794ed);
}
.o-input--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  border-color: var(--oruga-variant-success, #00c800);
}
.o-input--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  border-color: var(--oruga-variant-warning, #ffd900);
}
.o-input--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  border-color: var(--oruga-variant-danger, #ff0000);
}
.o-input:focus, .o-input:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-load {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: var(--oruga-loading-zindex, 29);
}
.o-load--fullpage {
  position: fixed;
  z-index: var(--oruga-loading-fullpage-zindex, 999);
}
.o-load__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: var(--oruga-loading-overlay-legacy, #7f7f7f);
  background: var(--oruga-loading-overlay, rgba(255, 255, 255, 0.5));
}

/* @docs */
/* @docs */
.o-menu--small {
  font-size: var(--oruga-menu-font-size-small, 0.75rem);
}
.o-menu--medium {
  font-size: var(--oruga-menu-font-size-medium, 1.25rem);
}
.o-menu--large {
  font-size: var(--oruga-menu-font-size-large, 1.5rem);
}
.o-menu__list, .o-menu__item__wrapper {
  list-style: none;
}
.o-menu__list {
  line-height: var(--oruga-menu-list-line-height, 1.25em);
}
.o-menu__item__submenu {
  border-left: var(--oruga-menu-list-border-left, 1px solid var(--oruga-primary));
  padding-left: var(--oruga-menu-nested-list-padding-left, 0.75em);
  margin: var(--oruga-menu-nested-list-margin, 0.75em);
}
.o-menu__label {
  text-transform: uppercase;
  color: var(--oruga-menu-label-color, #7a7a7a);
  font-size: var(--oruga-menu-label-font-size, 0.75em);
}
.o-menu__label:not(:first-child) {
  margin-top: var(--oruga-menu-label-spacing, 1em);
}
.o-menu__label:not(:last-child) {
  margin-bottom: var(--oruga-menu-label-spacing, 1em);
}
.o-menu__item {
  display: block;
  list-style: none;
  color: var(--oruga-menu-item-color, var(--oruga-grey-dark));
  padding: var(--oruga-menu-item-padding, 0.5em 0.75em);
  font-size: var(--oruga-menu-item-size, 1rem);
}
.o-menu__item:hover:not(.o-menu__item--active):not(.o-menu__item--disabled) {
  color: var(--oruga-menu-item-hover-color, var(--oruga-black));
  background-color: var(--oruga-menu-item-hover-background-color, var(--oruga-grey-light));
}
.o-menu__item--icon-text .o-icon {
  margin-right: var(--oruga-menu-icon-spacer, 0.5rem);
}
.o-menu__item--active {
  color: var(--oruga-menu-item-active-color, var(--oruga-primary-invert));
  background-color: var(--oruga-menu-item-active-background-color, var(--oruga-primary));
}
.o-menu__item--disabled {
  color: var(--oruga-menu-item-disabled-color, var(--oruga-grey-light));
}

/* @docs */
/* @docs */
.o-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--oruga-modal-zindex, 40);
}
.o-modal__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--oruga-modal-overlay-background-color, hsla(0, 0%, 4%, 0.86));
}
.o-modal__content {
  overflow: auto;
  position: relative;
  margin: var(--oruga-modal-content-margin, 0 auto);
  max-height: var(--oruga-modal-content-max-height, calc(100vh - 160px));
  background-color: var(--oruga-modal-content-background-color, var(--oruga-white));
  border-radius: var(--oruga-modal-content-border-radius, var(--oruga-base-border-radius));
}
.o-modal__content--full-screen {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  margin: 0;
  background-color: var(--oruga-modal-content-fullscreen-background-color, #f5f5f5);
}
.o-modal__close {
  background: none;
  position: fixed;
  border: none;
  display: inline-block;
  vertical-align: top;
  border-radius: var(--oruga-modal-close-border-radius, var(--oruga-base-border-radius-rounded));
  right: var(--oruga-modal-close-right, 20px);
  top: var(--oruga-modal-close-top, 20px);
  height: var(--oruga-modal-close-size, 32px);
  width: var(--oruga-modal-close-size, 32px);
  color: var(--oruga-modal-close-color, var(--oruga-white));
}
.o-modal--mobile .o-modal__content {
  width: 100%;
}

/* @docs */
/* @docs */
.o-notification {
  position: relative;
  transform-origin: 50% 0;
  background-color: var(--oruga-notification-background-color, var(--oruga-primary));
  color: var(--oruga-notification-color, var(--oruga-white));
  border-radius: var(--oruga-notification-border-radius, 4px);
  padding: var(--oruga-notification-padding, 1.75em 1.75em);
  margin-bottom: var(--oruga-notification-margin-bottom, 1.5rem);
}
.o-notification__content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
  overflow-y: hidden;
  overflow-x: auto;
}
.o-notification__wrapper {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
  padding-top: 0;
  border: 0;
}
.o-notification__icon {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: var(--oruga-notification-icon-margin-right, 1rem);
}
.o-notification__close {
  position: absolute;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: top;
  background-color: var(--oruga-notification-close-background-color, hsla(0, 0%, 4%, 0.2));
  border-radius: var(--oruga-notification-close-border-radius, var(--oruga-base-border-radius-rounded));
  right: var(--oruga-notification-close-right, 0.5rem);
  top: var(--oruga-notification-close-top, 0.5rem);
  height: var(--oruga-notification-close-size, 20px);
  width: var(--oruga-notification-close-size, 20px);
  color: var(--oruga-notification-close-color, var(--oruga-white));
}
.o-notification--primary {
  border-color: transparent;
  background-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-invert-primary, #000);
}
.o-notification--primary:hover {
  filter: brightness(97.5%);
}
.o-notification--info {
  border-color: transparent;
  background-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-invert-info, #000);
}
.o-notification--info:hover {
  filter: brightness(97.5%);
}
.o-notification--success {
  border-color: transparent;
  background-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-invert-success, #000);
}
.o-notification--success:hover {
  filter: brightness(97.5%);
}
.o-notification--warning {
  border-color: transparent;
  background-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-invert-warning, #000);
}
.o-notification--warning:hover {
  filter: brightness(97.5%);
}
.o-notification--danger {
  border-color: transparent;
  background-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-invert-danger, #000);
}
.o-notification--danger:hover {
  filter: brightness(97.5%);
}
.o-notices {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  padding: var(--oruga-notification-notices-padding, 2em);
  z-index: var(--oruga-notification-notices-zindex, 1000);
}
.o-notices .o-notification {
  pointer-events: stroke;
  max-width: 600px;
  animation: var(--oruga-notification-animantion, append-animate 0.3s linear);
}
.o-notices .o-notification--top, .o-notices .o-notification--bottom {
  align-self: center;
}
.o-notices .o-notification--top-right, .o-notices .o-notification--bottom-right {
  align-self: flex-end;
}
.o-notices .o-notification--top-left, .o-notices .o-notification--bottom-left {
  align-self: flex-start;
}
.o-notices--top {
  flex-direction: column;
}
.o-notices--bottom {
  flex-direction: column-reverse;
}
.o-notices--bottom .o-notification {
  margin-bottom: 0;
}
.o-notices--bottom .o-notification:not(:first-child) {
  margin-bottom: 1.5rem;
}
.o-notices__custom-container {
  position: absolute;
}

/* @docs */
/* @docs */
.o-pag {
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: space-between;
  font-size: var(--oruga-base-font-size, 1rem);
  margin: var(--oruga-pagination-margin, -0.25rem);
}
.o-pag--small {
  font-size: var(--oruga-pagination-font-size-small, 0.75rem);
}
.o-pag--medium {
  font-size: var(--oruga-pagination-font-size-medium, 1.25rem);
}
.o-pag--large {
  font-size: var(--oruga-pagination-font-size-large, 1.5rem);
}
.o-pag__link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  position: relative;
  vertical-align: top;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  line-height: var(--oruga-pagination-link-line-height, var(--oruga-base-line-height));
  border: var(--oruga-pagination-link-border, 1px solid transparent);
  border-radius: var(--oruga-pagination-link-border-radius, var(--oruga-base-border-radius));
  border-color: var(--oruga-pagination-link-border-color, var(--oruga-grey-lighter));
  color: var(--oruga-pagination-link-color, #363636);
  min-width: var(--oruga-pagination-link-min-width, 2.25em);
  height: var(--oruga-pagination-link-height, 2.25em);
  padding: var(--oruga-pagination-link-padding, 0.5em 0.5em);
  margin: var(--oruga-pagination-link-margin, 0.25rem);
}
.o-pag__link:hover {
  text-decoration: none;
  border-color: var(--oruga-pagination-link-hover-border-color, var(--oruga-grey-light));
}
.o-pag__link--rounded {
  border-radius: var(--oruga-pagination-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-pag__link--disabled {
  pointer-events: none;
  opacity: var(--oruga-pagination-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-pag__link--current {
  pointer-events: none;
  background-color: var(--oruga-pagination-link-current-background-color, var(--oruga-primary));
  border-color: var(--oruga-pagination-link-current-border-color, var(--oruga-primary));
  color: var(--oruga-pagination-link-current-color, #fff);
}
.o-pag__ellipsis {
  justify-content: center;
  text-align: center;
  pointer-events: none;
  margin: var(--oruga-pagination-link-margin, 0.25rem);
  color: var(--oruga-pagination-ellipsis-color, var(--oruga-grey-light));
}
.o-pag__next {
  order: 3;
}
.o-pag__previous {
  order: 2;
}
.o-pag__list {
  align-items: center;
  display: flex;
  text-align: center;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-start;
  order: 1;
}
.o-pag--simple {
  justify-content: normal;
}
.o-pag--centered {
  justify-content: center;
}
.o-pag--centered .o-pag__previous {
  order: 1;
}
.o-pag--centered .o-pag__next {
  order: 3;
}
.o-pag--centered .o-pag__list {
  justify-content: center;
  order: 2;
}
.o-pag--right {
  justify-content: flex-end;
}
.o-pag--right .o-pag__previous {
  order: 1;
}
.o-pag--right .o-pag__next {
  order: 2;
}
.o-pag--right .o-pag__list {
  justify-content: flex-end;
  order: 2;
}
.o-pag--mobile {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.o-pag--mobile .o-pag__link {
  flex-grow: 1;
  flex-shrink: 1;
}
.o-pag--mobile .o-pag__previous {
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
}
.o-pag--mobile .o-pag__next {
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
}
.o-pag--mobile .o-pag__ellipsis {
  flex-grow: 1;
  flex-shrink: 1;
}
.o-pag--mobile .o-pag__list {
  order: 0;
}

/* @docs */
/* @docs */
.o-radio {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: var(--oruga-radio-line-height, 1.25);
  margin-right: var(--oruga-radio-margin-sibiling, 0.5em);
}
.o-radio__input {
  font-size: var(--oruga-radio-font-size, inherit);
  width: var(--oruga-radio-size, 1rem);
  height: var(--oruga-radio-size, 1rem);
  margin: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  cursor: pointer;
  box-shadow: var(--oruga-radio-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  border-radius: 50%;
  background: var(--oruga-radio-active-background-color, #bfa868);
  mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-image: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-radio__input--checked {
  mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23e11919' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3Ccircle cx='256' cy='256' r='144'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
.o-radio__label {
  padding: var(--oruga-radio-label-padding, 0 0 0 0.5em);
}
.o-radio--disabled {
  opacity: var(--oruga-radio-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-radio--small {
  --oruga-radio-font-size: 0.75rem;
  --oruga-radio-size: 0.75rem;
}
.o-radio--medium {
  --oruga-radio-font-size: 1.25rem;
  --oruga-radio-size: 1.25rem;
}
.o-radio--large {
  --oruga-radio-font-size: 1.5rem;
  --oruga-radio-size: 1.5rem;
}
.o-radio--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  --oruga-radio-active-background-color: #bfa868;
}
.o-radio--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  --oruga-radio-active-background-color: #7794ed;
}
.o-radio--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  --oruga-radio-active-background-color: #00c800;
}
.o-radio--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  --oruga-radio-active-background-color: #ffd900;
}
.o-radio--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  --oruga-radio-active-background-color: #ff0000;
}
.o-radio:focus .o-radio__input, .o-radio:focus-within .o-radio__input {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-ctrl-sel {
  display: inline-flex;
  position: relative;
}
.o-ctrl-sel--expanded {
  width: 100%;
  flex-grow: 1;
}
.o-ctrl-sel--expanded .o-sel {
  width: 100%;
}
.o-sel {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  box-shadow: var(--oruga-select-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-select-background-color, #fff);
  border-color: var(--oruga-select-border-color, var(--oruga-grey-lighter));
  border-width: var(--oruga-select-border-width, 1px);
  border-style: var(--oruga-select-border-style, solid);
  border-radius: var(--oruga-select-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-select-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  height: var(--oruga-select-height, 2.25em);
  line-height: var(--oruga-select-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
  margin: var(--oruga-select-margin, 0);
}
.o-sel-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:%23363636;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: var(--oruga-select-arrow-size, 1rem);
  background-position: calc(100% - var(--oruga-select-arrow-size, 1rem) * 0.5) center;
  padding-right: calc(var(--oruga-select-arrow-size, 1rem) * 2);
}
.o-sel-iconspace-left {
  padding-left: var(--oruga-select-height, 2.25em);
}
.o-sel-iconspace-right {
  padding-right: var(--oruga-select-height, 2.25em);
}
.o-sel--small {
  font-size: var(--oruga-select-font-size-small, 0.75rem);
}
.o-sel--medium {
  font-size: var(--oruga-select-font-size-medium, 1.25rem);
}
.o-sel--large {
  font-size: var(--oruga-select-font-size-large, 1.5rem);
}
.o-sel--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  border-color: var(--oruga-variant-primary, #bfa868);
}
.o-sel--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  border-color: var(--oruga-variant-info, #7794ed);
}
.o-sel--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  border-color: var(--oruga-variant-success, #00c800);
}
.o-sel--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  border-color: var(--oruga-variant-warning, #ffd900);
}
.o-sel--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  border-color: var(--oruga-variant-danger, #ff0000);
}
.o-sel--rounded {
  border-radius: var(--oruga-select-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-sel--multiple {
  height: auto;
  padding: 0;
}
.o-sel--placeholder {
  opacity: var(--oruga-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
}
.o-sel__icon-left, .o-sel__icon-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--oruga-select-height, 2.25em);
  z-index: var(--oruga-select-icon-zindex, 4);
}
.o-sel__icon-right {
  right: 0;
}
.o-sel__icon-left {
  left: 0;
}
.o-sel[disabled] {
  cursor: inherit;
}
.o-sel:focus, .o-sel:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
@keyframes skeleton-loading {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
.o-sklt {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  width: 100%;
}
.o-sklt__item {
  width: 100%;
  background: var(--oruga-skeleton-background, linear-gradient(90deg, #dbdbdb 25%, rgba(219, 219, 219, 0.5) 50%, #dbdbdb 75%));
  margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
  line-height: var(--oruga-skeleton-font-size, 1rem);
}
.o-sklt__item--small {
  line-height: var(--oruga-skeleton-font-size-small, 0.75rem);
}
.o-sklt__item--medium {
  line-height: var(--oruga-skeleton-font-size-medium, 1.25rem);
}
.o-sklt__item--large {
  line-height: var(--oruga-skeleton-font-size-large, 1.5rem);
}
.o-sklt__item--rounded {
  border-radius: var(--oruga-skeleton-border-radius, var(--oruga-base-border-radius));
}
.o-sklt__item--animated {
  background-size: 400% 100%;
  animation-name: skeleton-loading;
  animation-iteration-count: infinite;
  animation-duration: var(--oruga-skeleton-duration, 1.5s);
}
.o-sklt__item::after {
  content: " ";
}
.o-sklt--centered {
  align-items: center;
}
.o-sklt--right {
  align-items: flex-end;
  margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
}

/* @docs */
/* @docs */
.o-side {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}
.o-side__content {
  position: absolute;
  background-color: var(--oruga-sidebar-content-background-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-sidebar-border-radius, var(--oruga-base-border-radius));
  box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(var(--oruga-black), 0.1));
}
.o-side__content--primary {
  background-color: var(--oruga-variant-primary), #bfa868;
}
.o-side__content--info {
  background-color: var(--oruga-variant-info), #7794ed;
}
.o-side__content--success {
  background-color: var(--oruga-variant-success), #00c800;
}
.o-side__content--warning {
  background-color: var(--oruga-variant-warning), #ffd900;
}
.o-side__content--danger {
  background-color: var(--oruga-variant-danger), #ff0000;
}
.o-side__content--right, .o-side__content--left {
  transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
  width: var(--oruga-sidebar-width, 260px);
}
.o-side__content--top, .o-side__content--bottom {
  transition: height var(--oruga-transition-duration) var(--oruga-transition-timing);
  height: var(--oruga-sidebar-width, 260px);
}
.o-side__content--right {
  left: auto;
  right: 0;
  border-left: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--left {
  left: 0;
  right: auto;
  border-right: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--top {
  top: 0;
  bottom: auto;
  border-bottom: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--bottom {
  top: auto;
  bottom: 0;
  border-top: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
}
.o-side__content--reduced {
  width: var(--oruga-sidebar-reduced-width, 80px);
}
.o-side__content--reduced-expand:hover {
  transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
  width: var(--oruga-sidebar-width, 260px);
}
.o-side__content--fullwidth {
  width: 100%;
  max-width: 100%;
}
.o-side__content--fullheight {
  height: 100%;
  max-height: 100%;
}
.o-side__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, 0.86));
}
.o-side--active {
  display: block;
}
.o-side--inline {
  position: relative;
}
.o-side--inline .o-side__overlay {
  position: absolute;
}
.o-side--inline .o-side__content {
  position: relative;
}
.o-side:not(.o-side--inline) {
  z-index: var(--oruga-sidebar-zindex, 100);
}

/* @docs */
/* @docs */
.o-slide {
  width: 100%;
  margin: var(--oruga-slider-margin, 1em 0);
  background: var(--oruga-slider-background, transparent);
}
.o-slide__thumb {
  box-shadow: var(--oruga-slider-thumb-shadow, none);
  border: var(--oruga-slider-thumb-border, 1px solid var(--oruga-grey-light));
  border-radius: var(--oruga-slider-thumb-radius, var(--oruga-base-border-radius));
  background: var(--oruga-slider-thumb-background, var(--oruga-white));
}
.o-slide__thumb:focus {
  transform: var(--oruga-slider-thumb-transform, scale(1.25));
}
.o-slide__thumb--rounded {
  border-radius: var(--oruga-slider-rounded-borded-radius, var(--oruga-base-border-radius-rounded));
}
.o-slide__thumb--dragging {
  cursor: grabbing;
  filter: brightness(0.8);
}
.o-slide__track {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  background: var(--oruga-slider-track-background, var(--oruga-grey-lighter));
  border-radius: var(--oruga-slider-track-border-radius, var(--oruga-base-border-radius));
}
.o-slide__fill {
  position: absolute;
  height: 100%;
  box-shadow: var(--oruga-slider-track-shadow, 0px 0px 0px var(--oruga-grey));
  background: var(--oruga-slider-fill-background, var(--oruga-primary));
  border-radius: var(--oruga-slider-track-radius, var(--oruga-base-border-radius));
  border: var(--oruga-slider-track-border, 0px solid var(--oruga-grey));
  top: 50%;
  transform: translateY(-50%);
}
.o-slide__fill--primary {
  background: var(--oruga-variant-primary, #bfa868);
}
.o-slide__fill--primary + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(191, 168, 104, 0.25);
}
.o-slide__fill--info {
  background: var(--oruga-variant-info, #7794ed);
}
.o-slide__fill--info + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(119, 148, 237, 0.25);
}
.o-slide__fill--success {
  background: var(--oruga-variant-success, #00c800);
}
.o-slide__fill--success + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(0, 200, 0, 0.25);
}
.o-slide__fill--warning {
  background: var(--oruga-variant-warning, #ffd900);
}
.o-slide__fill--warning + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(255, 217, 0, 0.25);
}
.o-slide__fill--danger {
  background: var(--oruga-variant-danger, #ff0000);
}
.o-slide__fill--danger + .o-slide__thumb-wrapper {
  --oruga-focus: rgba(255, 0, 0, 0.25);
}
.o-slide .o-slide__track {
  height: var(--oruga-slider-track-height, calc(var(--oruga-base-font-size) / 2));
}
.o-slide .o-slide__thumb {
  height: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
  width: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
}
.o-slide .o-slide__tick {
  height: var(--oruga-slider-tick-height, calc(var(--oruga-base-font-size) / 2 * 0.5));
}
.o-slide .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-, calc(var(--oruga-base-font-size) / 2)) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--small .o-slide__track {
  height: var(--oruga-slider-track-height-small, 0.375rem);
}
.o-slide--small .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-small, 0.75rem);
  width: var(--oruga-slider-thumb-size-small, 0.75rem);
}
.o-slide--small .o-slide__tick {
  height: var(--oruga-slider-tick-height-small, 0.1875rem);
}
.o-slide--small .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-small, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-small, 0.375rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--medium .o-slide__track {
  height: var(--oruga-slider-track-height-medium, 0.625rem);
}
.o-slide--medium .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-medium, 1.25rem);
  width: var(--oruga-slider-thumb-size-medium, 1.25rem);
}
.o-slide--medium .o-slide__tick {
  height: var(--oruga-slider-tick-height-medium, 0.3125rem);
}
.o-slide--medium .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-medium, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-medium, 0.625rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide--large .o-slide__track {
  height: var(--oruga-slider-track-height-large, 0.75rem);
}
.o-slide--large .o-slide__thumb {
  height: var(--oruga-slider-thumb-size-large, 1.5rem);
  width: var(--oruga-slider-thumb-size-large, 1.5rem);
}
.o-slide--large .o-slide__tick {
  height: var(--oruga-slider-tick-height-large, 0.375rem);
}
.o-slide--large .o-slide__tick-label {
  font-size: var(--oruga-slider-mark-size-large, 0.75rem);
  position: absolute;
  top: calc(var(--oruga-slider-tick-label-top-large, 0.75rem) * 0.5 + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.o-slide__tick {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  width: var(--oruga-slider-tick-width, 3px);
  background: var(--oruga-slider-tick-background, var(--oruga-primary));
  border-radius: var(--oruga-slider-tick-radius, var(--oruga-base-border-radius));
}
.o-slide__tick--hidden {
  background: transparent;
}
.o-slide__thumb-wrapper {
  display: inline-flex;
  align-items: center;
  position: absolute;
  cursor: grab;
  transform: translate(-50%, -50%);
  top: 50%;
  flex-direction: column;
}
.o-slide--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: var(--oruga-slider-track-disabled, 0.5);
}
.o-slide:active .o-slide__thumb, .o-slide:focus .o-slide__thumb, .o-slide:focus-within .o-slide__thumb {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-steps {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: var(--oruga-steps-size, var(--oruga-base-font-size));
  min-height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
}
.o-steps .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-steps-size, var(--oruga-base-font-size));
}
.o-steps .o-steps__marker {
  height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
  width: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
}
.o-steps .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-steps-size, var(--oruga-base-font-size));
}
.o-steps .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small {
  font-size: var(--oruga-size-small, 0.75rem);
  min-height: calc(var(--oruga-size-small, 0.75rem) * 2);
}
.o-steps--small .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-small, 0.75rem);
}
.o-steps--small .o-steps__marker {
  height: calc(var(--oruga-size-small, 0.75rem) * 2);
  width: calc(var(--oruga-size-small, 0.75rem) * 2);
}
.o-steps--small .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-small, 0.75rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-small, 0.75rem);
}
.o-steps--small .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium {
  font-size: var(--oruga-size-medium, 1.25rem);
  min-height: calc(var(--oruga-size-medium, 1.25rem) * 2);
}
.o-steps--medium .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-medium, 1.25rem);
}
.o-steps--medium .o-steps__marker {
  height: calc(var(--oruga-size-medium, 1.25rem) * 2);
  width: calc(var(--oruga-size-medium, 1.25rem) * 2);
}
.o-steps--medium .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-medium, 1.25rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-medium, 1.25rem);
}
.o-steps--medium .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large {
  font-size: var(--oruga-size-large, 1.5rem);
  min-height: calc(var(--oruga-size-large, 1.5rem) * 2);
}
.o-steps--large .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-size-large, 1.5rem);
}
.o-steps--large .o-steps__marker {
  height: calc(var(--oruga-size-large, 1.5rem) * 2);
  width: calc(var(--oruga-size-large, 1.5rem) * 2);
}
.o-steps--large .o-steps__title {
  text-align: center;
  z-index: 1;
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
  padding: var(--oruga-steps-details-padding, 0.2em);
  font-size: calc(var(--oruga-size-large, 1.5rem) * 1.2);
  height: var(--oruga-steps-details-title-font-weight, 600);
  line-height: var(--oruga-size-large, 1.5rem);
}
.o-steps--large .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
  left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
  left: auto;
  right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
}
.o-steps__nav-item {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-basis: 1em;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0;
  line-height: var(--oruga-steps-item-line-height, var(--oruga-base-line-height));
}
.o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-primary, #000);
  border-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-primary, #bfa868);
}
.o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #bfa868) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-primary, #000);
  background-color: var(--oruga-variant-primary, #bfa868);
}
.o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #bfa868) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--info.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-info, #000);
  border-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-info, #7794ed);
}
.o-steps__nav-item--info.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #7794ed) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-info, #000);
  background-color: var(--oruga-variant-info, #7794ed);
}
.o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #7794ed) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--success.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-success, #000);
  border-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-success, #00c800);
}
.o-steps__nav-item--success.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #00c800) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-success, #000);
  background-color: var(--oruga-variant-success, #00c800);
}
.o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #00c800) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-warning, #000);
  border-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-warning, #ffd900);
}
.o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #ffd900) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-warning, #000);
  background-color: var(--oruga-variant-warning, #ffd900);
}
.o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #ffd900) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-variant-invert-danger, #000);
  border-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-danger, #ff0000);
}
.o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #ff0000) 50%);
  background-size: 200% 100%;
}
.o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-variant-invert-danger, #000);
  background-color: var(--oruga-variant-danger, #ff0000);
}
.o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #ff0000) 50%);
  background-size: 200% 100%;
}
.o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color, var(--oruga-primary)) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: -50%;
  width: 100%;
}
.o-steps__content {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: var(--oruga-steps-content-padding, 1rem);
}
.o-steps__content-transitioning {
  overflow: hidden;
}
.o-steps--animated .o-steps__divider {
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-steps__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: transparent;
  border: transparent;
  cursor: pointer;
  text-decoration: none;
  color: var(--oruga-steps-link-color, hsl(0, 0%, 29%));
}
.o-steps__link-label-right {
  flex-direction: row;
}
.o-steps__link-label-left {
  flex-direction: row-reverse;
}
.o-steps__link:hover {
  text-decoration: none;
}
.o-steps__link:not(.o-steps__link-clickable) {
  cursor: not-allowed;
}
.o-steps__marker {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
  font-weight: var(--oruga-steps-marker-font-weight, 700);
  background: var(--oruga-steps-marker-background, var(--oruga-grey-light));
  color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  border: var(--oruga-steps-marker-border, 0.2em solid #fff);
}
.o-steps__marker--rounded {
  border-radius: var(--oruga-steps-marker-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-steps__details {
  text-align: center;
  z-index: 1;
  padding: var(--oruga-steps-details-padding, 0.2em);
  background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
}
.o-steps__nav-item-active .o-steps__link {
  cursor: default;
}
.o-steps__nav-item-active .o-steps__marker {
  background-color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  border-color: var(--oruga-steps-active-color, var(--oruga-primary));
  color: var(--oruga-steps-active-color, var(--oruga-primary));
}
.o-steps__nav-item-active .o-steps__divider {
  background-position: left bottom;
}
.o-steps__nav-item-previous .o-steps__marker {
  color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
  background-color: var(--oruga-steps-previous-color, var(--oruga-primary));
}
.o-steps__nav-item-previous .o-steps__divider {
  background-position: left bottom;
}
.o-steps__item {
  flex-shrink: 0;
  flex-basis: auto;
}
.o-steps__wrapper-vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.o-steps__wrapper-vertical .o-steps {
  height: 100%;
  flex-direction: column;
}
.o-steps__wrapper-vertical .o-steps__divider {
  height: 100%;
  width: var(--oruga-steps-divider-height, 0.2em);
  top: -50%;
  left: calc(50% - 0.1em);
}
.o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,
.o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider {
  background-position: right top;
}
.o-steps__wrapper-vertical .o-steps__nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--oruga-steps-vertical-padding, 1em 0);
}
.o-steps__wrapper-vertical .o-steps__nav-item--primary .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #bfa868) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--info .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #7794ed) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--success .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #00c800) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--warning .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #ffd900) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__nav-item--danger .o-steps__divider {
  background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #ff0000) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.o-steps__wrapper-vertical .o-steps__content {
  flex-grow: 1;
  flex-basis: 70%;
}
.o-steps__wrapper-vertical .o-steps__navigation {
  flex-basis: 100%;
}
.o-steps__wrapper-vertical.o-steps__wrapper-position-right {
  flex-direction: row-reverse;
}
.o-steps--mobile .o-steps__title {
  display: none;
  padding: 0;
}
.o-steps--mobile .o-steps__divider {
  height: var(--oruga-steps-divider-height, 0.2em);
  top: var(--oruga-steps-divider-top, var(--oruga-base-font-size));
}
.o-steps--mobile .o-steps__divider .o-steps--small {
  top: var(--oruga-size-small, 0.75rem);
}
.o-steps--mobile .o-steps__divider .o-steps--medium {
  top: var(--oruga-size-medium, 1.25rem);
}
.o-steps--mobile .o-steps__divider .o-steps--large {
  top: var(--oruga-size-large, 1.5rem);
}

/* @docs */
/* @docs */
.o-switch {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 50rem;
}
.o-switch--small {
  font-size: var(--oruga-font-size-name, 0.75rem);
}
.o-switch--medium {
  font-size: var(--oruga-font-size-name, 1.25rem);
}
.o-switch--large {
  font-size: var(--oruga-font-size-name, 1.5rem);
}
.o-switch--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
}
.o-switch--primary .o-switch__check--checked {
  background: var(--oruga-variant-primary, #bfa868);
}
.o-switch--primary-passive {
  --oruga-focus: rgba(191, 168, 104, 0.25);
}
.o-switch--primary-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-primary, #bfa868);
}
.o-switch--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
}
.o-switch--info .o-switch__check--checked {
  background: var(--oruga-variant-info, #7794ed);
}
.o-switch--info-passive {
  --oruga-focus: rgba(119, 148, 237, 0.25);
}
.o-switch--info-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-info, #7794ed);
}
.o-switch--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
}
.o-switch--success .o-switch__check--checked {
  background: var(--oruga-variant-success, #00c800);
}
.o-switch--success-passive {
  --oruga-focus: rgba(0, 200, 0, 0.25);
}
.o-switch--success-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-success, #00c800);
}
.o-switch--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
}
.o-switch--warning .o-switch__check--checked {
  background: var(--oruga-variant-warning, #ffd900);
}
.o-switch--warning-passive {
  --oruga-focus: rgba(255, 217, 0, 0.25);
}
.o-switch--warning-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-warning, #ffd900);
}
.o-switch--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
}
.o-switch--danger .o-switch__check--checked {
  background: var(--oruga-variant-danger, #ff0000);
}
.o-switch--danger-passive {
  --oruga-focus: rgba(255, 0, 0, 0.25);
}
.o-switch--danger-passive .o-switch__check:not(.o-switch__check--checked) {
  background: var(--oruga-variant-danger, #ff0000);
}
.o-switch__label {
  margin-left: var(--oruga-switch-margin-label, 0.5em);
}
.o-switch--left {
  flex-direction: row-reverse;
}
.o-switch--left .o-switch__label {
  margin-left: 0;
  margin-right: var(--oruga-switch-margin-label, 0.5em);
}
.o-switch__check-switch {
  content: "";
  display: block;
  height: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
  width: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
  background: var(--oruga-switch-action-background, #f5f5f5);
  box-shadow: var(--oruga-switch-box-shadow, 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05));
  transition: transform var(--oruga-transition-duration) var(--oruga-transition-timing);
  will-change: transform;
  transform-origin: left;
}
.o-switch__check {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: var(--oruga-switch-width, 2.75em);
  height: calc(var(--oruga-switch-width, 2.75em) * 0.5 + var(--oruga-switch-padding, 0.2em));
  padding: var(--oruga-switch-padding, 0.2em);
  background: var(--oruga-switch-background, var(--oruga-grey-light));
  border-radius: var(--oruga-switch-border-radius, var(--oruga-base-border-radius));
  transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
}
.o-switch__check--checked {
  background: var(--oruga-switch-active-background-color, var(--oruga-primary));
}
.o-switch__check--checked .o-switch__check-switch {
  transform: translate3d(100%, 0, 0);
}
.o-switch__input {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.o-switch--rounded {
  border-radius: var(--oruga-switch-rounded-border-radius, var(--oruga-base-border-radius-rounded));
}
.o-switch--disabled {
  opacity: var(--oruga-switch-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-switch:focus .o-switch__check, .o-switch:focus-within .o-switch__check {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
}

/* @docs */
/* @docs */
.o-table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--oruga-table-boder, 1px solid transparent);
  border-radius: var(--oruga-table-border-radius, var(--oruga-base-border-radius));
  background-color: var(--oruga-table-background-color, #fff);
  color: var(--oruga-table-color, black);
}
.o-table__root {
  position: relative;
}
.o-table__wrapper {
  transition: opacity 300ms ease-out;
  position: relative;
}
.o-table__wrapper--sticky-header {
  height: var(--oruga-table-sticky-header-height, 300px);
  overflow-y: auto;
}
.o-table__wrapper--sticky-header th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background: var(--oruga-table-background-color, #fff);
  z-index: calc(var(--oruga-table-sticky-zindex, 1) + 1);
}
.o-table__wrapper--scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  max-width: 100%;
}
.o-table__wrapper--mobile {
  overflow-x: auto;
}
.o-table__wrapper--mobile .o-table__mobile-sort {
  display: block;
}
.o-table__wrapper--mobile .o-table {
  background-color: transparent;
}
.o-table__wrapper--mobile thead tr {
  box-shadow: none;
  border-width: 0;
}
.o-table__wrapper--mobile thead tr th {
  display: none;
}
.o-table__wrapper--mobile thead tr .o-table-th-checkbox {
  display: block;
  width: 100%;
  text-align: right;
  border: 0;
}
.o-table__wrapper--mobile tfoot th {
  border: 0;
  display: inherit;
}
.o-table__wrapper--mobile tr {
  box-shadow: var(--oruga-table-card-box-shadow, 0 2px 3px rgba(var(--oruga-black), 0.1), 0 0 0 1px rgba(var(--oruga-black), 0.1));
  max-width: 100%;
  position: relative;
  display: block;
}
.o-table__wrapper--mobile tr td {
  border: 0;
  display: inherit;
}
.o-table__wrapper--mobile tr td:last-child {
  border-bottom: 0;
}
.o-table__wrapper--mobile tr:not(:last-child) {
  margin: var(--oruga-table-card-margin, 0 0 1rem 0);
}
.o-table__wrapper--mobile tr:not(.o-table__tr--selected) {
  background: inherit;
  background: #fff;
}
.o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover {
  background-color: inherit;
  background-color: #fff;
}
.o-table__wrapper--mobile tr.o-table--detailed {
  margin: var(--oruga-table-card-detail-margin, -1rem 0 0 0);
}
.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td {
  display: flex;
  width: auto;
  justify-content: space-between;
  text-align: right;
  border-bottom: var(--oruga-table-background, #f5f5f5 1px solid);
}
.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before {
  content: attr(data-label);
  font-weight: var(--oruga-table-card-cell-font-weight, 600);
  padding-right: var(--oruga-table-card-cell-padding, 0 0.5em 0 0);
  text-align: var(--oruga-table-card-cell-text-align, left);
}
.o-table__mobile-sort {
  display: none;
}
.o-table__th {
  vertical-align: top;
  text-align: left;
  position: relative;
  font-weight: var(--oruga-table-th-font-weight, 600);
  color: var(--oruga-table-th-color, #363636);
  border-bottom: var(--oruga-table-th-border, 2px solid var(--oruga-grey-lighter));
  padding: var(--oruga-table-th-padding, 0.5em 0.75em);
}
.o-table__th--centered {
  text-align: center;
}
.o-table__th--right {
  text-align: right;
}
.o-table__th__sort-icon {
  position: absolute;
  right: 0;
}
.o-table__th-checkbox {
  width: var(--oruga-table-th-checkbox-width, 40px);
}
.o-table__th-current-sort {
  border-color: var(--oruga-table-current-sort-border-color, var(--oruga-grey));
  font-weight: var(--oruga-table-current-sort-font-weight, 700);
}
.o-table__th--sortable {
  cursor: pointer;
}
.o-table__th--sortable:hover {
  border-color: var(--oruga-table-current-sort-hover-border-color, var(--oruga-grey));
}
.o-table__th--sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: var(--oruga-table-sticky-zindex, 1);
  background: var(--oruga-table-background-color, #fff);
}
.o-table__th--unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.o-table__th--detailed {
  width: var(--oruga-table-th-detail-width, 14px);
}
.o-table__td {
  vertical-align: top;
  text-align: left;
  border-bottom: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
  padding: var(--oruga-table-td-padding, 0.5em 0.75em);
}
.o-table__td--sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: var(--oruga-table-sticky-zindex, 1);
  background: var(--oruga-table-background-color, #fff);
}
.o-table__td--right {
  text-align: right;
}
.o-table__td--centered {
  text-align: center;
}
.o-table__td-chevron {
  vertical-align: middle;
  width: var(--oruga-table-detail-chevron-width, 40px);
  color: var(--oruga-table-detail-chevron-color, var(--oruga-primary));
}
.o-table:focus {
  border-color: var(--oruga-table-focus-border-color, var(--oruga-primary));
  box-shadow: var(--oruga-table-focus-box-shadow, 0 0 0 0.125em rgba(var(--oruga-primary), 0.25));
}
.o-table--bordered tr:last-child td,
.o-table--bordered tr:last-child th {
  border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
}
.o-table--bordered td,
.o-table--bordered th {
  border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
}
.o-table--striped tbody tr:not(.o-table__tr--selected):nth-child(2n) {
  background-color: var(--oruga-table-striped-background-color, #fafafa);
}
.o-table--narrowed td,
.o-table--narrowed th {
  padding: var(--oruga-table-narrow-padding, 0.25em 0.5em);
}
.o-table--hoverable tbody tr:not(.o-table__tr--selected):hover {
  background-color: var(--oruga-table-hoverable-background-color, #fafafa);
}
.o-table__detail {
  box-shadow: var(--oruga-table-detail-box-shadow, inset 0 1px 3px var(--oruga-grey));
  background: var(--oruga-table-detail-background, #fafafa);
}
.o-table__detail td {
  padding: var(--oruga-table-detail-padding, 1rem);
}
.o-table__tr--selected {
  background-color: var(--oruga-primary);
  color: var(--oruga-primary-invert);
}
.o-table__tr--selected-primary {
  background-color: #bfa868;
  color: #000;
}
.o-table__tr--selected-info {
  background-color: #7794ed;
  color: #000;
}
.o-table__tr--selected-success {
  background-color: #00c800;
  color: #000;
}
.o-table__tr--selected-warning {
  background-color: #ffd900;
  color: #000;
}
.o-table__tr--selected-danger {
  background-color: #ff0000;
  color: #000;
}
.o-table__pagination {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.o-table__pagination > div {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.o-table__pagination > div:first-child {
  align-items: center;
  justify-content: flex-start;
}
.o-table__pagination > div:last-child {
  align-items: center;
  justify-content: flex-end;
}
.o-table__pagination > div:last-child > div {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

/* @docs */
/* @docs */
.o-tabs--fullwidth {
  width: 100%;
}
.o-tabs--fullwidth .o-tabs__nav-item-wrapper {
  flex-grow: 1;
  flex-shrink: 0;
}
.o-tabs--fullwidth .o-tabs__nav-item-default,
.o-tabs--fullwidth .o-tabs__nav-item-boxed,
.o-tabs--fullwidth .o-tabs__nav-item-toggle {
  height: 100%;
}
.o-tabs--vertical {
  display: flex;
  flex-direction: row;
}
.o-tabs--vertical .o-tabs__nav {
  flex-direction: column;
  align-items: stretch;
  flex-grow: 0;
  border-bottom: none;
}
.o-tabs--vertical .o-tabs__nav-item-default {
  border-radius: 0;
}
.o-tabs--vertical .o-tabs__nav-item-boxed {
  border-bottom-color: transparent;
  border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) 0 0 var(--oruga-base-border-radius));
}
.o-tabs--vertical .o-tabs__nav-item-boxed--active {
  border-right-color: transparent;
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
}
.o-tabs--right {
  flex-direction: row-reverse;
}
.o-tabs--right .o-tabs__nav-item-boxed {
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-radius: var(--oruga-tabs-border-bottom-color, 0 var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0);
}
.o-tabs--right .o-tabs__nav-item-boxed--active {
  border-left-color: transparent;
  border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
}
.o-tabs__nav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  padding-bottom: var(--oruga-tabs-border-bottom-width, 1px);
  font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
}
.o-tabs__nav--small {
  font-size: var(--oruga-tabs-font-size-small, 0.75rem);
}
.o-tabs__nav--medium {
  font-size: var(--oruga-tabs-font-size-medium, 1.25rem);
}
.o-tabs__nav--large {
  font-size: var(--oruga-tabs-font-size-large, 1.5rem);
}
.o-tabs__nav--centered {
  justify-content: center;
}
.o-tabs__nav--right {
  justify-content: flex-end;
}
.o-tabs__nav-item {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  background-color: transparent;
  align-items: center;
  line-height: var(--oruga-base-line-height);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  vertical-align: top;
  cursor: pointer;
  text-decoration: none;
  font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
  border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
  border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
  border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
  color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
  padding: var(--oruga-tabs-link-padding, 0.5em 1em);
}
.o-tabs__nav-item-icon {
  margin-right: var(--oruga-tabs-icon-margin, 0.5em);
}
.o-tabs__nav-item:focus, .o-tabs__nav-item:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
  border-radius: var(--oruga-base-border-radius);
}
.o-tabs__nav-item-default--active {
  border-bottom-color: var(--oruga-tabs-link-active-border-bottom-color, var(--oruga-primary));
  color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
}
.o-tabs__nav-item-default--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-default:hover:not(.o-tabs__nav-item-default--active) {
  background-color: var(--oruga-tabs-link-hover-background-color, hsl(0, 0%, 96%));
  border-bottom-color: var(--oruga-tabs-link-hover-border-bottom-color, hsl(0, 0%, 86%));
}
.o-tabs__nav-item-boxed {
  border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0 0);
}
.o-tabs__nav-item-boxed--active {
  color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
  background-color: var(--oruga-tabs-boxed-link-active-background-color, hsl(0, 0%, 100%));
  border-color: var(--oruga-tabs-boxed-link-active-border-color, hsl(0, 0%, 86%));
  border-bottom-color: var(--oruga-tabs-boxed-link-active-border-bottom-color, transparent);
}
.o-tabs__nav-item-boxed--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-boxed:hover:not(.o-tabs__nav-item-boxed--active) {
  background-color: var(--oruga-tabs-boxed-link-hover-background-color, hsl(0, 0%, 96%));
}
.o-tabs__nav-item-toggle {
  border-color: var(--oruga-tabs-toggle-link-border-color, hsl(0, 0%, 86%));
  border-style: var(--oruga-tabs-toggle-link-border-style, solid);
  border-width: var(--oruga-tabs-toggle-link-border-width, 1px);
}
.o-tabs__nav-item-toggle--active {
  background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
  border-color: var(--oruga-tabs-toggle-link-active-border-color, var(--oruga-primary));
  color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
}
.o-tabs__nav-item-toggle--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
}
.o-tabs__nav-item-toggle:hover:not(.o-tabs__nav-item-toggle--active) {
  background-color: var(--oruga-tabs-toggle-link-hover-background-color, hsl(0, 0%, 96%));
  border-color: var(--oruga-tabs-toggle-link-hover-border-color, hsl(0, 0%, 71%));
}
.o-tabs__nav-item-pills {
  border-radius: var(--oruga-tabs-boxed-link-radius, var(--oruga-base-border-radius));
  border-color: transparent;
}
.o-tabs__nav-item-pills--active {
  background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
  color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
}
.o-tabs__content {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--oruga-tabs-content-padding, 1rem);
}
.o-tabs__content--transitioning {
  overflow: hidden;
}
.o-tabs:not(:last-child) {
  margin-bottom: var(--oruga-tabs-margin-bottom, 1.5rem);
}

/* @docs */
/* @docs */
.o-taginput {
  display: flex;
}
.o-taginput__container {
  display: flex;
  flex-wrap: wrap;
  box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
  background-color: var(--oruga-input-background-color, #ffffff);
  border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
  border-style: var(--oruga-input-border-style, solid);
  border-width: var(--oruga-input-border-width, 1px);
  border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
  color: var(--oruga-input-color, #363636);
  font-size: var(--oruga-base-font-size, 1rem);
  line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
  margin: var(--oruga-input-margin, 0);
  width: var(--oruga-taginput-width, inherit);
}
.o-taginput__container--small {
  font-size: var(--oruga-taginput-font-size-small, 0.75rem);
}
.o-taginput__container--medium {
  font-size: var(--oruga-taginput-font-size-medium, 1.25rem);
}
.o-taginput__container--large {
  font-size: var(--oruga-taginput-font-size-large, 1.5rem);
}
.o-taginput__autocomplete {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
}
.o-taginput__input {
  border: none;
  box-shadow: none;
  width: 100%;
}
.o-taginput__item {
  display: inline-flex;
  margin: var(--oruga-taginput-item-margin, 0.275em);
  padding: var(--oruga-taginput-item-padding, 0 0.75em 0 0.75em);
  color: var(--oruga-taginput-item-color, var(--oruga-primary-invert));
  background-color: var(--oruga-taginput-item-background-color, var(--oruga-primary));
  border-radius: var(--oruga-taginput-item-border-radius, var(--oruga-base-border-radius));
}
.o-taginput__item--primary {
  --oruga-focus: rgba(191, 168, 104, 0.25);
  background-color: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-invert-primary, #000);
}
.o-taginput__item--info {
  --oruga-focus: rgba(119, 148, 237, 0.25);
  background-color: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-invert-info, #000);
}
.o-taginput__item--success {
  --oruga-focus: rgba(0, 200, 0, 0.25);
  background-color: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-invert-success, #000);
}
.o-taginput__item--warning {
  --oruga-focus: rgba(255, 217, 0, 0.25);
  background-color: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-invert-warning, #000);
}
.o-taginput__item--danger {
  --oruga-focus: rgba(255, 0, 0, 0.25);
  background-color: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-invert-danger, #000);
}
.o-taginput__item:focus, .o-taginput__item:focus-within {
  box-shadow: 0 0 0 0.25rem var(--oruga-focus);
  outline: 0;
}
.o-taginput__counter {
  display: block;
  float: right;
  font-size: var(--oruga-taginput-counter-font-size, 0.75rem);
  margin: var(--oruga-taginput-counter-margin, 0.25rem 0 0 0.5rem);
}
.o-taginput--expanded {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

/* @docs */
/* @docs */
.o-tpck {
  font-size: var(--oruga-timepicker-font-size, var(--oruga-base-font-size));
}
.o-tpck--small {
  font-size: var(--oruga-timepicker-font-size-small, 0.75rem);
}
.o-tpck--medium {
  font-size: var(--oruga-timepicker-font-size-medium, 1.25rem);
}
.o-tpck--large {
  font-size: var(--oruga-timepicker-font-size-large, 1.5rem);
}
.o-tpck__dropdown {
  width: 100%;
}
.o-tpck__box {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: var(--oruga-timepicker-box-line-height, var(--oruga-base-line-height));
  padding: var(--oruga-timepicker-box-padding, 0.375rem 1rem);
}
.o-tpck__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  border: 0;
  font-size: inherit;
  font-weight: var(--oruga-timepicker-select-font-weight, 600);
  line-height: var(--oruga-timepicker-select-line-height, var(--oruga-base-line-height));
  color: var(--oruga-timepicker-select-color, #363636);
  padding: var(--oruga-timepicker-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
}
.o-tpck__select-placeholder {
  opacity: var(--oruga-timepicker-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
}
.o-tpck__separator {
  font-weight: var(--oruga-timepicker-separator-font-weight, 600);
}
.o-tpck__footer {
  padding: var(--oruga-timepicker-header-padding, 0 0.5rem);
  margin: var(--oruga-timepicker-header-margin, 0.875rem 0 0 0);
}

/* @docs */
/* @docs */
.o-tip {
  position: relative;
  display: inline-flex;
}
.o-tip__arrow {
  position: absolute;
  content: "";
  pointer-events: none;
  z-index: var(--oruga-tooltip-content-zindex, 38);
  color: var(--oruga-tooltip-background-color, var(--oruga-primary));
}
.o-tip__arrow--primary {
  color: var(--oruga-variant-primary, #bfa868);
}
.o-tip__arrow--info {
  color: var(--oruga-variant-info, #7794ed);
}
.o-tip__arrow--success {
  color: var(--oruga-variant-success, #00c800);
}
.o-tip__arrow--warning {
  color: var(--oruga-variant-warning, #ffd900);
}
.o-tip__arrow--danger {
  color: var(--oruga-variant-danger, #ff0000);
}
.o-tip__arrow--bottom {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--top {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  transform: translateY(-50%);
  border-left-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: var(--oruga-tooltip-arrow-size, 5px);
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--right {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  border-right-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-right-width: var(--oruga-tooltip-arrow-size, 5px);
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
}
.o-tip__arrow--top-right {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-left-width: 0;
}
.o-tip__arrow--top-left {
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-right-width: 0;
}
.o-tip__arrow--bottom-left {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-right-width: 0;
}
.o-tip__arrow--bottom-right {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
  border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
  border-left-width: 0;
}
.o-tip__content {
  position: absolute;
  white-space: nowrap;
  max-width: var(--oruga-tooltip-content-max-width, 300px);
  padding: var(--oruga-tooltip-content-padding, 0.35rem 0.75rem);
  border-radius: var(--oruga-tooltip-content-radius-large, 6px);
  font-size: var(--oruga-tooltip-content-font-size, 0.85rem);
  font-weight: var(--oruga-tooltip-content-weight-normal, 400);
  box-shadow: var(--oruga-tooltip-content-box-shadow, 0px 1px 2px 1px rgba(0, 1, 0, 0.2));
  z-index: var(--oruga-tooltip-content-zindex, 38);
  background-color: var(--oruga-tooltip-background-color, var(--oruga-primary));
  color: var(--oruga-tooltip-color, var(--oruga-primary-invert));
}
.o-tip__content--primary {
  background: var(--oruga-variant-primary, #bfa868);
  color: var(--oruga-variant-invert-primary, #000);
}
.o-tip__content--info {
  background: var(--oruga-variant-info, #7794ed);
  color: var(--oruga-variant-invert-info, #000);
}
.o-tip__content--success {
  background: var(--oruga-variant-success, #00c800);
  color: var(--oruga-variant-invert-success, #000);
}
.o-tip__content--warning {
  background: var(--oruga-variant-warning, #ffd900);
  color: var(--oruga-variant-invert-warning, #000);
}
.o-tip__content--danger {
  background: var(--oruga-variant-danger, #ff0000);
  color: var(--oruga-variant-invert-danger, #000);
}
.o-tip__content--top {
  top: auto;
  right: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  left: 50%;
  transform: translateX(-50%);
}
.o-tip__content--bottom {
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
.o-tip__content--right {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateY(-50%);
}
.o-tip__content--left {
  top: 50%;
  right: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
.o-tip__content--top-right {
  left: auto;
  top: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(50%);
}
.o-tip__content--top-left {
  right: auto;
  top: auto;
  bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(-50%);
}
.o-tip__content--bottom-right {
  left: auto;
  bottom: auto;
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(50%);
}
.o-tip__content--bottom-left {
  left: auto;
  bottom: auto;
  top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
  transform: translateX(-50%);
}
.o-tip__content--always {
  opacity: 1;
  visibility: visible;
}
.o-tip__content--multiline {
  text-align: center;
  white-space: normal;
  width: var(--oruga-tooltip-content-multiline-width, 300px);
}
.o-tip--teleport .o-tip__content--top, .o-tip--teleport .o-tip__content--top-left, .o-tip--teleport .o-tip__content--top-right {
  margin-top: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
}
.o-tip--teleport .o-tip__content--bottom, .o-tip--teleport .o-tip__content--bottom-left, .o-tip--teleport .o-tip__content--bottom-right {
  margin-top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
}
.o-tip--teleport .o-tip__content--right {
  margin-left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
}
.o-tip--teleport .o-tip__content--left {
  margin-left: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
}
.o-tip__trigger {
  width: 100%;
}

/* @docs */
/* @docs */
.o-upl {
  position: relative;
  display: inline-flex;
}
.o-upl--disabled {
  opacity: var(--oruga-upload-draggable-disabled-opacity, var(--oruga-base-disabled-opacity));
  cursor: not-allowed;
}
.o-upl--expanded {
  width: 100%;
}
.o-upl__draggable {
  cursor: pointer;
  width: 100%;
  padding: var(--oruga-upload-draggable-padding, 0.25em);
  border: var(--oruga-upload-draggable-border, 1px dashed var(--oruga-grey-light));
  border-radius: var(--oruga-upload-draggable-border-radius, var(--oruga-base-border-radius));
}
.o-upl__draggable--hovered {
  border-color: var(--oruga-upload-draggable-hover-border-color, var(--oruga-grey));
}
.o-upl__draggable--hovered-primary {
  border-color: var(--oruga-variant-primary, #bfa868);
}
.o-upl__draggable--hovered-info {
  border-color: var(--oruga-variant-info, #7794ed);
}
.o-upl__draggable--hovered-success {
  border-color: var(--oruga-variant-success, #00c800);
}
.o-upl__draggable--hovered-warning {
  border-color: var(--oruga-variant-warning, #ffd900);
}
.o-upl__draggable--hovered-danger {
  border-color: var(--oruga-variant-danger, #ff0000);
}
.o-upl input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
:root {
  --white: #fff;
  --black: #000;
  --grey-light: rgb(229.5, 229.5, 229.5);
  --blue-tchibo: #0054ae;
  --blue-tchibo-dark: #003b7b;
  --primary: #bfa868;
  --primary-invert: #000;
  --primary-invert-alternative: #fff;
  --info: #7794ed;
  --info-invert: #000;
  --success: #00c800;
  --success-invert: #000;
  --warning: #ffd900;
  --warning-invert: #000;
  --danger: #ff0000;
  --danger-invert: #000;
  --danger-dark: #8d0000;
  --oruga-variant-primary: #0054ae;
  --oruga-variant-invert-primary: var(--primary-invert-alternative);
  --oruga-button-background-color: var(--blue-tchibo);
  --oruga-button-color: var(--white);
  --oruga-tooltip-background-color: var(--grey-light);
  --oruga-tooltip-color: var(--primary-invert);
  --oruga-select-background-color: var(--blue-tchibo);
  --oruga-select-color: var(--white);
  --oruga-dropdown-item-active-background-color: var(--grey-light);
  --oruga-dropdown-item-active-color: var(--primary-invert);
  --oruga-checkbox-active-background-color: var(--white);
  --oruga-checkbox-background-color: var(--white);
  --oruga-variant-warning: var(--white);
  --oruga-checkbox-border-color: var(--black);
  --oruga-checkbox-checkmark-color: var(--oruga-variant-primary);
  --oruga-checkbox-margin-sibiling: 16px;
  --oruga-base-font-size: var(--app-fontsize);
  --oruga-autocomplete-item-font-size: var(--app-fontsize);
  --oruga-switch-active-background-color: var(--oruga-variant-primary);
  --oruga-notification-close-size: 36px;
  --oruga-radio-active-background-color: var(--oruga-variant-primary);
  --oruga-tabs-link-active-border-bottom-color: var(--oruga-variant-primary);
  --oruga-tabs-link-active-color: var(--oruga-variant-primary);
  --antd-wave-shadow-color: var(--oruga-variant-primary);
  --app-bg: #f5f5f5;
  --app-fg: #000;
  --app-fontsize: 14px;
  --sidebar-bg: #36332f;
  --sidebar-fg: #f3e5d3;
  --sidebar-width: calc(228 + 2 * 16);
  --table-bg: #fff;
  --table-bg-accent: rgb(229.5, 229.5, 229.5);
  --modal-bg: #fff;
  --modal-header-bg: rgb(229.5, 229.5, 229.5);
  --modal-footer-bg: rgb(229.5, 229.5, 229.5);
  --modal-accent: rgb(254.49, 254.49, 254.49);
  --original: 1;
  --dark: 0;
  --tchibo-bean: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.0'%20viewBox='0%200%20100%20100'%20height='100'%20width='100'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20fill='%23fff'%20d='m13.013%2091.703c-0.10846%200.78038-0.35769%202.8938-2.7123%205.2703-1.3333%201.3484-3.3031%202.5913-5.0619%202.9116-1.4721%200.26926-3.2%200.16855-4.2978-1.42-1.4311-2.0641-0.47862-5.9286%201.0978-8.1194%201.6573-2.2939%204.1326-4.0622%206.8936-4.2301%202.0116-0.1249%203.421%200.46388%204.1555%201.1719%200.08125-0.03004%201.2104-0.34408%202.8175-0.54003%202.5363-0.31348%205.0632-1.2615%205.1403-2.7257%200.07709-1.4404-1.8259-1.6042-3.5017-1.4313-3.4707%200.36166-8.099%202.2525-11.594%202.5687-2.0356%200.18555-5.6337%200.33672-5.9339-1.8417-0.23941-1.7157%202.1794-2.9859%204.257-3.3534%203.0197-0.53569%206.3033-1.0032%207.6944-1.7594%200.70556-0.38074%201.017-0.71557%201.017-1.3187%200-0.36242-0.23846-0.71803-0.52964-0.88544%200.08616%200.03836%202.5426%200.29647%202.5399%201.758%200%200.86617-0.61278%202.4439-4.551%202.8339-2.3616%200.236-5.2758%200.438-5.2048%201.6088%200.047048%200.76149%201.3758%201.0353%202.984%200.73428%202.6331-0.49279%204.4059-1.5812%206.666-2.2404%204.0461-1.18%208.1037-0.36279%208.1234%203.364%200.0094%202.1454-1.2785%203.6362-2.679%204.5523-1.4026%200.90396-3.5282%201.9209-6.5972%202.1943-0.84709%200.089-1.6558%200.17856-2.4524%200.27436-1.2082%200.13113-2.6769%200.46634-4.116%201.6176%200.39057-0.95063%201.156-2.5159%201.4194-3.0312%200.37678-0.74826%200.78719-2.196-0.43119-1.6392-0.76187%200.34276-0.68458%203.2604-1.8767%205.0472-0.25698%200.38396-3.2521%204.3565-2.141%204.9287%200.76716%200.39813%201.0561-0.9085%201.2679-1.536%200.89659-2.6459%202.1839-3.366%202.4891-3.5524%200.81647-0.50149%202.0851-0.92588%203.1283-1.0453%200.715-0.07917%201.0657-0.18744%201.9895-0.16628'/%3e%3c/defs%3e%3cuse%20x='10'%20y='-10'%20width='100%25'%20height='100%25'%20xlink:href='%23a'/%3e%3cuse%20x='60'%20y='-60'%20width='100%25'%20height='100%25'%20xlink:href='%23a'/%3e%3c/svg%3e");
  --elevation-z3:
    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);
  --elevation-z6:
    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);
  --elevation-z10:
    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);
  --grid-gutter-width: 20px;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--app-fontsize);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app {
  display: flex;
  flex-flow: row;
  text-align: center;
  color: var(--app-fg);
  background-color: var(--app-bg);
}
.app .sidebar {
  flex: 1 0 calc(1px * var(--sidebar-width));
  min-width: calc(1px * var(--sidebar-width));
}
.app__container {
  height: 100vh;
  flex-grow: 999;
  display: flex;
  flex-flow: column;
}
.app__view-container {
  z-index: 1;
  flex-grow: 999;
  overflow: auto;
}
.app__bg {
  display: none;
}
#nav {
  padding: 30px;
}
#nav a {
  font-weight: bold;
  color: #2c3e50;
}
#nav a.router-link-exact-active {
  color: #42b983;
}
[disabled=false] {
  opacity: 1 !important;
}
.icon {
  height: 24px;
}

/* Positions Icons on the same height as text */
.o-icon {
  vertical-align: bottom;
}
.o-tooltip-content .o-icon {
  vertical-align: middle;
}
.o-input[disabled],
.o-checkbox-disabled {
  cursor: not-allowed;
}
.o-chk--warning .o-chk__check {
  border-color: var(--oruga-checkbox-border-color) !important;
}
.o-btn--primary:hover {
  background-color: var(--blue-tchibo-dark) !important;
}
.o-btn--danger:hover {
  background-color: var(--danger-dark) !important;
}
.ant-modal-header {
  background-color: var(--grey-light);
}
.o-load__overlay {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
button + .o-load .spinner-modern,
.search-dropdown + .o-load .spinner-modern,
div.ant-select + .o-load .spinner-modern {
  transform: scale(0.6);
}
.o-drop__menu.o-drop__menu--active {
  z-index: 1050;
}
:not(.o-field).loading-container {
  position: relative;
  display: inline-block;
  height: fit-content;
}
.o-field.loading-container .o-field__body {
  position: relative;
}
.o-field.loading-container .o-field__body .o-field--addons {
  display: unset;
}
.ant-modal-header {
  background-color: var(--grey-light);
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: var(--oruga-variant-primary) !important;
  border-color: var(--oruga-variant-primary) !important;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: var(--oruga-variant-primary) !important;
}
.ant-select {
  color: var(--oruga-button-color) !important;
}
.ant-select-dropdown {
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px 0px !important;
}
.ant-select-selection-item {
  color: var(--oruga-button-color) !important;
}
.ant-select-selector {
  border: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  background-color: var(--blue-tchibo) !important;
}
.ant-select-selector:hover {
  background-color: var(--blue-tchibo-dark) !important;
}
.ant-select-arrow {
  color: var(--oruga-button-color) !important;
}
.ant-select-selection-placeholder {
  color: var(--oruga-button-color) !important;
  top: 60% !important;
  display: flex;
  justify-content: space-between !important;
  padding: 0 !important;
}
.ant-select-selection-placeholder::after {
  vertical-align: top;
  padding-left: 10px !important;
  content: url("../../../public/img/chevron-down.svg");
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(221deg) brightness(109%) contrast(101%) !important;
}
.ant-table-placeholder {
  display: none;
}.ciq-panel--alerts-legacy {
  --oruga-field-label-font-size: 1rem;
  --oruga-base-font-size: 1rem;
}.ciq-panel--invoice-details-legacy {
  --oruga-field-label-font-size: 1rem;
  --oruga-base-font-size: 1rem;
}