/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
/*base*/
:root {
  --scrollbar-color: rgba(255, 255, 255, 0.25);
}

html {
  position: fixed;
  height: 100vh;
  overflow: hidden;
  font-size: 62.5%;
}

body {
  position: fixed;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  color: #0a0a0a;
}

::-webkit-scrollbar {
  height: 20px;
  width: 20px;
  border: 0;
}

::-webkit-scrollbar-button {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--scrollbar-color);
}

::-webkit-scrollbar-thumb:vertical {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

::-webkit-scrollbar-thumb:horizontal {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
  border: 0;
  display: none;
}

::-webkit-resizer {
  display: none;
}

/* layout */
.ident {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.main {
  display: flex;
  flex-flow: column;
  position: fixed;
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
}
.main_split-horizontal {
  box-sizing: border-box;
  position: relative;
  display: flex;
  width: 100%;
  position: relative;
  flex: auto;
  overflow: hidden;
}
.main_side {
  --side-width: 300px;
  box-sizing: border-box;
  position: relative;
  background-color: rgba(10, 10, 10, 0.4);
  width: 0;
  flex: none;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  transition: 200ms;
}
.main_side-open {
  width: var(--side-width);
}
.main_side-left {
  order: 0;
}
.main_side-right {
  order: 2;
}
.main_header {
  box-sizing: border-box;
  position: relative;
  flex: none;
  margin: 0;
  height: 60px;
  background: linear-gradient(90deg, #0098d6 0%, transparent 100%);
  display: flex;
  padding: 0 20px;
}
.main_filter {
  box-sizing: border-box;
  position: relative;
  flex: none;
  margin: 0;
  height: 80px;
  display: flex;
  padding: 0 20px;
  align-items: center;
}
.main_menu {
  box-sizing: border-box;
  position: relative;
  padding: 0 20px;
  margin: 0;
  flex: none;
  height: 40px;
  line-height: 40px;
  background-color: rgba(10, 10, 10, 0.25);
  display: flex;
}
.main_content {
  box-sizing: border-box;
  flex: auto;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  flex-flow: column;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
}
.main_content.current {
  left: 0;
}
.main_content.old {
  pointer-events: none;
  left: -100vw;
}
.main_content.new {
  pointer-events: none;
  left: 100vw;
}
.main_wrapper {
  position: relative;
  flex: auto;
  overflow: hidden;
}
.main_hero {
  --hero-size: 80vh;
  position: absolute;
  z-index: 0;
  left: calc((100vw - var(--hero-size)) / 2);
  top: calc((100vh - var(--hero-size)) / 2 + 60px);
  height: var(--hero-size);
  width: var(--hero-size);
  --hero-end: #fbb41f;
  --hero-blur: calc(var(--hero-size) / 10);
  --hero-start: #13b5ea;
  --chevron-size: calc(var(--hero-size) * 0.9);
  --chevron-position: calc((var(--hero-size) * 0.1) / 2) !important;
  --chevron-position: 0px;
  opacity: 0.5;
}
.main_hero:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 25%;
  display: block;
  background: linear-gradient(180deg, var(--hero-start) 20%, var(--hero-end) 95%);
  width: 50%;
  height: 90%;
  border-radius: 80% 80% 50% 50%;
  transform: rotate(-30deg);
  filter: blur(var(--hero-blur));
}
.main_hero:after {
  content: "";
  position: absolute;
  width: var(--chevron-size);
  height: var(--chevron-size);
  top: var(--chevron-position);
  left: var(--chevron-position);
  background-size: var(--chevron-size);
  z-index: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgo8cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjE1IiBkPSJNMTE1LjcsMEwyMjQsMTI4TDExNS43LDI1Nkg0OGwxMTEuMS0xMjhMNDgsMEgxMTUuN3oiLz4KPC9zdmc+Cg==");
}

/* align */
.rn-child_alignV-center {
  align-items: center;
}
.rn-flex-column.rn-child_alignV-center {
  justify-content: center;
}

.rn-child_alignV-start {
  align-items: flex-start;
}
.rn-flex-column.rn-child_alignV-start {
  justify-content: flex-start;
}

.rn-child_alignV-end {
  align-items: flex-end;
}
.rn-flex-column.rn-child_alignV-end {
  justify-content: flex-end;
}

.rn-child_alignH-center {
  justify-content: center;
}
.rn-flex-column.rn-child_alignH-center {
  align-items: center;
}

.rn-child_alignH-start {
  justify-content: flex-start;
}
.rn-flex-column.rn-child_alignH-start {
  align-items: flex-start;
}

.rn-child_alignH-end {
  justify-content: flex-end;
}
.rn-flex-column.rn-child_alignH-end {
  align-items: flex-end;
}

.rn-alignV-center {
  align-self: center;
}
.rn-flex-column.rn-alignV-center {
  justify-self: center;
}

.rn-alignV-start {
  align-self: flex-start;
}
.rn-flex-column.rn-alignV-start {
  justify-self: flex-start;
}

.rn-alignV-end {
  align-self: flex-end;
}
.rn-flex-column.rn-alignV-end {
  justify-self: flex-end;
}

.rn-alignH-center {
  justify-self: center;
}
.rn-flex-column.rn-alignH-center {
  align-self: center;
}

.rn-alignH-start {
  justify-self: flex-start;
}
.rn-flex-column.rn-alignH-start {
  align-self: flex-start;
}

.rn-alignH-end {
  justify-self: flex-end;
  margin-left: auto;
}
.rn-alignH-end + .rn-alignH-end {
  margin-left: 0;
}
.rn-flex-column.rn-alignH-end {
  align-self: flex-end;
}

/* header layout CSS*/
.header {
  --border-color: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color);
  padding: 0 10px;
  height: 50px;
  display: flex;
  align-items: center;
  background: transparent;
  color: #ffffff;
  flex: none;
  box-sizing: border-box;
  position: relative;
}
.header_border-none {
  box-shadow: none !important;
}
.header_border-feature {
  --border-color: rgba(247, 137, 9, 0.5);
}
.header-large {
  height: 100px;
  padding: 0 20px;
}
.header:first-child {
  box-shadow: inset 0 -1px 0 0 var(--border-color);
}
.header + .header {
  box-shadow: inset 0 -1px 0 0 var(--border-color);
}
.header-primary {
  background: rgba(0, 152, 214, 0.25);
  color: #ffffff;
}
.header-secondary {
  background: rgba(0, 152, 214, 0.5);
  color: #ffffff;
}
.header-info {
  background: rgba(152, 202, 72, 0.35);
  color: #ffffff;
}
.header-meta {
  color: #13b5ea;
}
.header_align-center {
  justify-content: center;
}
.header_align-left {
  justify-content: flex-start;
}
.header_align-right {
  justify-content: flex-end;
}
.header .label {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
}

/* footer layout CSS*/
.footer {
  padding: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  flex: none;
  column-gap: 20px;
  margin-top: auto;
}
.footer-left {
  justify-content: flex-start;
}
.footer-center {
  justify-content: center;
}
.footer-right {
  justify-content: flex-end;
}

/* sizes */
:root {
  --size-small: 0.8rem;
  --size-normal: 1.6rem;
  --size-medium: 2.4rem;
  --size-large: 3.2rem;
  --size-xlarge: 4.8rem;
  --size-auto: auto;
}

/* padding */
.rn-padding {
  padding: var(--size-normal);
}
.rn-padding-left {
  padding-left: var(--size-normal);
}
.rn-padding-right {
  padding-right: var(--size-normal);
}
.rn-padding-top {
  padding-top: var(--size-normal);
}
.rn-padding-bottom {
  padding-bottom: var(--size-normal);
}

.rn-padding-small {
  padding: var(--size-small);
}
.rn-padding-left-small {
  padding-left: var(--size-small);
}
.rn-padding-right-small {
  padding-right: var(--size-small);
}
.rn-padding-top-small {
  padding-top: var(--size-small);
}
.rn-padding-bottom-small {
  padding-bottom: var(--size-small);
}

.rn-padding-normal {
  padding: var(--size-normal);
}
.rn-padding-left-normal {
  padding-left: var(--size-normal);
}
.rn-padding-right-normal {
  padding-right: var(--size-normal);
}
.rn-padding-top-normal {
  padding-top: var(--size-normal);
}
.rn-padding-bottom-normal {
  padding-bottom: var(--size-normal);
}

.rn-padding-medium {
  padding: var(--size-medium);
}
.rn-padding-left-medium {
  padding-left: var(--size-medium);
}
.rn-padding-right-medium {
  padding-right: var(--size-medium);
}
.rn-padding-top-medium {
  padding-top: var(--size-medium);
}
.rn-padding-bottom-medium {
  padding-bottom: var(--size-medium);
}

.rn-padding-large {
  padding: var(--size-large);
}
.rn-padding-left-large {
  padding-left: var(--size-large);
}
.rn-padding-right-large {
  padding-right: var(--size-large);
}
.rn-padding-top-large {
  padding-top: var(--size-large);
}
.rn-padding-bottom-large {
  padding-bottom: var(--size-large);
}

.rn-padding-xlarge {
  padding: var(--size-xlarge);
}
.rn-padding-left-xlarge {
  padding-left: var(--size-xlarge);
}
.rn-padding-right-xlarge {
  padding-right: var(--size-xlarge);
}
.rn-padding-top-xlarge {
  padding-top: var(--size-xlarge);
}
.rn-padding-bottom-xlarge {
  padding-bottom: var(--size-xlarge);
}

/* margin */
.rn-margin {
  margin: var(--size-normal);
}
.rn-margin-left {
  margin-left: var(--size-normal);
}
.rn-margin-right {
  margin-right: var(--size-normal);
}
.rn-margin-top {
  margin-top: var(--size-normal);
}
.rn-margin-bottom {
  margin-bottom: var(--size-normal);
}

.rn-margin-small {
  margin: var(--size-small);
}
.rn-margin-left-small {
  margin-left: var(--size-small);
}
.rn-margin-right-small {
  margin-right: var(--size-small);
}
.rn-margin-top-small {
  margin-top: var(--size-small);
}
.rn-margin-bottom-small {
  margin-bottom: var(--size-small);
}

.rn-margin-normal {
  margin: var(--size-normal);
}
.rn-margin-left-normal {
  margin-left: var(--size-normal);
}
.rn-margin-right-normal {
  margin-right: var(--size-normal);
}
.rn-margin-top-normal {
  margin-top: var(--size-normal);
}
.rn-margin-bottom-normal {
  margin-bottom: var(--size-normal);
}

.rn-margin-medium {
  margin: var(--size-medium);
}
.rn-margin-left-medium {
  margin-left: var(--size-medium);
}
.rn-margin-right-medium {
  margin-right: var(--size-medium);
}
.rn-margin-top-medium {
  margin-top: var(--size-medium);
}
.rn-margin-bottom-medium {
  margin-bottom: var(--size-medium);
}

.rn-margin-large {
  margin: var(--size-large);
}
.rn-margin-left-large {
  margin-left: var(--size-large);
}
.rn-margin-right-large {
  margin-right: var(--size-large);
}
.rn-margin-top-large {
  margin-top: var(--size-large);
}
.rn-margin-bottom-large {
  margin-bottom: var(--size-large);
}

.rn-margin-xlarge {
  margin: var(--size-xlarge);
}
.rn-margin-left-xlarge {
  margin-left: var(--size-xlarge);
}
.rn-margin-right-xlarge {
  margin-right: var(--size-xlarge);
}
.rn-margin-top-xlarge {
  margin-top: var(--size-xlarge);
}
.rn-margin-bottom-xlarge {
  margin-bottom: var(--size-xlarge);
}

.rn-margin-auto {
  margin: var(--size-auto);
}
.rn-margin-left-auto {
  margin-left: var(--size-auto);
}
.rn-margin-right-auto {
  margin-right: var(--size-auto);
}
.rn-margin-top-auto {
  margin-top: var(--size-auto);
}
.rn-margin-bottom-auto {
  margin-bottom: var(--size-auto);
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
@font-face {
  font-family: "rn-icon-line";
  src: url("fonts/rn-icon.woff2?3.3") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "rn-icon-overlay";
  src: url("fonts/rn-icon-overlay.woff2?3.3") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.rn-icon {
  /* icon styling */
  /** inherited color mapping **/
  --rn-icon-color-inherit: currentcolor;
  /* default colors */
  --icon-primary: var(--rn-icon-color-inherit);
  --icon-secondary: var(--rn-icon-color-inherit);
  --icon-status: var(--color-neutral, #6f6f6f);
  --icon-duo: var(--rn-icon-duo-default);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--rn-icon-width);
  height: var(--rn-icon-height);
  user-select: none;
  /* currency icon */
  /* primary icon */
  /* duo icon */
  /* secondary icon */
  /* status icon */
  /* size */
  /* exceptions */
}
.rn-icon-styling-tint {
  background-color: var(--rn-icon-tint-default);
}
.rn-icon-styling-background {
  background-color: var(--rn-icon-color-default);
}
.rn-icon-styling-background text,
.rn-icon-styling-background path {
  --icon-primary: var(--rn-icon-color-contrast);
  --icon-secondary: var(--rn-icon-color-contrast);
  --icon-duo: var(--rn-icon-duo-contrast);
}
.rn-icon-color-inherit {
  --icon-primary: currentcolor;
  --icon-secondary: currentcolor;
}
.rn-icon-inline {
  display: inline-flex;
  vertical-align: text-bottom;
}
.rn-icon-secondary-pos-tl {
  --rn-icon-secondary-pos-x: var(--rn-icon-secondary-tl-x);
  --rn-icon-secondary-pos-y: var(--rn-icon-secondary-tl-y);
}
.rn-icon-secondary-pos-tr {
  --rn-icon-secondary-pos-x: var(--rn-icon-secondary-tr-x);
  --rn-icon-secondary-pos-y: var(--rn-icon-secondary-tr-y);
}
.rn-icon-secondary-pos-br {
  --rn-icon-secondary-pos-x: var(--rn-icon-secondary-br-x);
  --rn-icon-secondary-pos-y: var(--rn-icon-secondary-br-y);
}
.rn-icon-status-pos-tl {
  --rn-icon-status-pos-x: var(--rn-icon-status-tl-x);
  --rn-icon-status-pos-y: var(--rn-icon-status-tl-y);
}
.rn-icon-status-pos-tr {
  --rn-icon-status-pos-x: var(--rn-icon-status-tr-x);
  --rn-icon-status-pos-y: var(--rn-icon-status-tr-y);
}
.rn-icon-status-pos-bl {
  --rn-icon-status-pos-x: var(--rn-icon-status-bl-x);
  --rn-icon-status-pos-y: var(--rn-icon-status-bl-y);
}
.rn-icon-svg {
  --icon-primary: var(--rn-icon-color-inherit);
  --icon-secondary: var(--rn-icon-color-inherit);
  --icon-status: var(--color-neutral, #6f6f6f);
  font-family: var(--rn-icon-font);
  width: var(--rn-icon-width);
  height: var(--rn-icon-height);
  flex: none;
  display: block;
  align-self: center;
  justify-self: center;
  pointer-events: none;
  user-select: none;
}
.rn-icon-svg mask text {
  dominant-baseline: central;
  text-anchor: middle;
  stroke: black;
}
.rn-icon-type-line {
  --rn-icon-font: "rn-icon-line";
}
.rn-icon-type-fill {
  --rn-icon-font: "rn-icon-fill";
}
.rn-icon-shape-square {
  width: var(--rn-icon-shape-square);
  height: var(--rn-icon-shape-square);
  margin: var(--rn-icon-shape-square-outer);
  border-radius: 4px;
  flex: none;
}
.rn-icon-shape-circle {
  width: var(--rn-icon-shape-circle);
  height: var(--rn-icon-shape-circle);
  border-radius: 50%;
  flex: none;
}
.rn-icon-shape-triangle {
  width: var(--rn-icon-shape-circle);
  height: var(--rn-icon-shape-circle);
  clip-path: var(--rn-status-shape-tiangle, none);
  flex: none;
}
.rn-icon-shape-triangle .rn-icon-svg {
  margin-top: 2px;
}
.rn-icon-currency {
  font-size: var(--rn-icon-font-size-currency);
  font-family: var(--rn-icon-font-currency);
  dominant-baseline: central;
  text-anchor: middle;
}
.rn-icon-currency-primary {
  transform: translate(var(--rn-icon-currency-pos-x), var(--rn-icon-currency-pos-y));
}
.rn-icon-currency-secondary {
  transform: translate(var(--rn-icon-currency-br-x), var(--rn-icon-currency-br-y));
}
.rn-icon-currency-secondary + .rn-icon-currency-primary {
  transform: translate(var(--rn-icon-currency-tl-x), var(--rn-icon-currency-tl-y));
}
.rn-icon-primary {
  font-size: var(--rn-icon-font-size);
  transform: translate(var(--rn-icon-primary-pos-x), var(--rn-icon-primary-pos-y));
  dominant-baseline: central;
  text-anchor: middle;
}
.rn-icon-primary-emoji {
  font-family: "Noto Color Emoji";
}
.rn-icon-duo {
  font-family: var(--rn-icon-font-duo);
  font-size: var(--rn-icon-font-size);
  transform: translate(var(--rn-icon-primary-pos-x), var(--rn-icon-primary-pos-y));
  dominant-baseline: central;
  text-anchor: middle;
}
.rn-icon-secondary {
  font-family: var(--rn-icon-font-secondary);
  font-size: var(--rn-icon-font-size-secondary);
  transform: translate(var(--rn-icon-secondary-pos-x), var(--rn-icon-secondary-pos-y));
  dominant-baseline: central;
  text-anchor: middle;
}
.rn-icon-secondary-mask {
  font-family: var(--rn-icon-overlay);
  font-size: var(--rn-icon-font-size-secondary);
  stroke-width: var(--rn-icon-font-width);
  transform: translate(var(--rn-icon-secondary-pos-x), var(--rn-icon-secondary-pos-y));
}
.rn-icon-status {
  font-family: var(--rn-icon-font-status);
  font-size: var(--rn-icon-font-size-status);
  transform: translate(var(--rn-icon-status-pos-x), var(--rn-icon-status-pos-y));
  dominant-baseline: central;
  text-anchor: middle;
}
.rn-icon-status-mask {
  transform: translate(var(--rn-icon-status-pos-x), var(--rn-icon-status-pos-y));
  font-family: var(--rn-icon-font-status);
  font-size: var(--rn-icon-font-size-status);
  stroke-width: var(--rn-icon-font-width-status);
}
.rn-icon-size-xsmall {
  --rn-icon-font-size: 1.2rem;
  --rn-icon-font-size-currency: 0.6rem;
  --rn-icon-shape-circle: 1.6rem;
  --rn-icon-shape-square: 1.6rem;
  --rn-icon-shape-square-outer: 0rem;
}
.rn-icon-size-small {
  --rn-icon-font-size: 1.5rem;
  --rn-icon-font-size-currency: 0.8rem;
  --rn-icon-shape-circle: 2.4rem;
  --rn-icon-shape-square: 2.4rem;
  --rn-icon-shape-square-outer: 0rem;
}
.rn-icon-size-medium {
  --rn-icon-font-size: 2rem;
  --rn-icon-font-size-currency: 1.2rem;
  --rn-icon-shape-circle: 4rem;
  --rn-icon-shape-square: 3.2rem;
  --rn-icon-shape-square-outer: 0.4rem;
  --rn-icon-font-secondary: rn-icon-overlay;
  --rn-icon-font-size-secondary: 1rem;
  --rn-icon-font-width: 4;
  --rn-icon-font-status: rn-icon-overlay;
  --rn-icon-font-size-status: 1rem;
  --rn-icon-font-width-status: 4;
}
.rn-icon-size-large {
  --rn-icon-font-size: 3.2rem;
  --rn-icon-font-size-currency: 1.6rem;
  --rn-icon-shape-circle: 4.8rem;
  --rn-icon-shape-square: 4rem;
  --rn-icon-shape-square-outer: 0.4rem;
  --rn-icon-font-secondary: rn-icon-fill;
  --rn-icon-font-size-secondary: 1.6rem;
  --rn-icon-font-width: 4;
  --rn-icon-font-status: rn-icon-fill;
  --rn-icon-font-size-status: 10px;
  --rn-icon-font-width-status: 4;
}
.rn-icon-size-xlarge {
  --rn-icon-font-size: 4.8rem;
  --rn-icon-font-size-currency: 2.4rem;
  --rn-icon-shape-circle: 6.4rem;
  --rn-icon-shape-square: 5.6rem;
  --rn-icon-shape-square-outer: 0.4rem;
  --rn-icon-font-secondary: rn-icon-fill;
  --rn-icon-font-size-secondary: 2rem;
  --rn-icon-font-width: 6;
  --rn-icon-font-status: rn-icon-fill;
  --rn-icon-font-size-status: 1rem;
  --rn-icon-font-width-status: 6;
}
.rn-icon[icon=receipt] .rn-icon-currency-primary {
  transform: translate(var(--rn-icon-currency-br-x), var(--rn-icon-currency-pos-y)) !important;
}
.rn-icon[icon=receipt] .rn-icon-currency-secondary {
  display: none;
}
.rn-icon[icon=invoice] .rn-icon-currency-primary {
  transform: translate(var(--rn-icon-currency-br-x), var(--rn-icon-currency-pos-y)) !important;
}
.rn-icon[icon=invoice] .rn-icon-currency-secondary {
  display: none;
}
.rn-icon[icon=unit-switch] .rn-icon-currency-primary {
  transform: translate(var(--rn-icon-currency-tl-x), var(--rn-icon-currency-tl-y)) !important;
}
.rn-icon[icon=unit-switch] .rn-icon-currency-secondary {
  display: none;
}

/* variables selector */
.rn-icon {
  /** icon font **/
  --rn-icon-font: "rn-icon-line";
  --rn-icon-font-duo: "rn-icon-fill";
  --rn-icon-font-currency: "rn-icon-overlay";
  /** icon positions **/
  --rn-icon-secondary-pos-x: var(--rn-icon-secondary-bl-x);
  --rn-icon-secondary-pos-y: var(--rn-icon-secondary-bl-y);
  --rn-icon-status-pos-x: var(--rn-icon-status-br-x);
  --rn-icon-status-pos-y: var(--rn-icon-status-br-y);
  /** color mapping with defaults **/
  --rn-icon-tint-alpha: var(--icon-tint-alpha, 0.2);
  --rn-icon-duo-alpha: var(--icon-duo-alpha, 0.3);
  --rn-icon-rgb-light: var(--rgb-light, 255, 255, 255);
  --rn-icon-rgb-dark: var(--rgb-dark, 10, 10, 10);
  --rn-status-shape-tiangle: polygon(
    100% 90%,
    55% 0%,
    45% 0%,
    0% 90%,
    5% 100%,
    95% 100%,
    100% 90%
  );
  --rn-icon-width:24px;
  --rn-icon-height:24px;
  --rn-icon-primary-pos-x: calc(var(--rn-icon-width) / 2);
  --rn-icon-primary-pos-y: calc(var(--rn-icon-height) / 2);
  --rn-icon-currency-pos-x: var(--rn-icon-primary-pos-x);
  --rn-icon-currency-pos-y: var(--rn-icon-primary-pos-y);
  --rn-icon-currency-min: calc(var(--rn-icon-font-size-currency) / 2);
  --rn-icon-currency-tl-x: var(--rn-icon-currency-min);
  --rn-icon-currency-tl-y: var(--rn-icon-currency-min);
  --rn-icon-currency-br-x: calc(var(--rn-icon-width) - (var(--rn-icon-font-size-currency) / 2));
  --rn-icon-currency-br-y: calc(var(--rn-icon-height) - (var(--rn-icon-font-size-currency) / 2));
  --rn-secondary-min: calc(var(--rn-icon-font-size-secondary) / 2);
  --rn-secondary-max-width: calc(var(--rn-icon-width) - (var(--rn-icon-font-size-secondary) / 2));
  --rn-secondary-max-height: calc(var(--rn-icon-height) - (var(--rn-icon-font-size-secondary) / 2));
  --rn-icon-secondary-tl-x: var(--rn-secondary-min);
  --rn-icon-secondary-tl-y: var(--rn-secondary-min);
  --rn-icon-secondary-tr-x: var(--rn-secondary-max-width);
  --rn-icon-secondary-tr-y: var(--rn-secondary-min);
  --rn-icon-secondary-br-x: var(--rn-secondary-max-width);
  --rn-icon-secondary-br-y: var(--rn-secondary-max-height);
  --rn-icon-secondary-bl-x: var(--rn-secondary-min);
  --rn-icon-secondary-bl-y: var(--rn-secondary-max-height);
  --rn-status-min: calc(var(--rn-icon-font-size-status) / 2);
  --rn-status-max-width: calc(var(--rn-icon-width) - (var(--rn-icon-font-size-status) / 2));
  --rn-status-max-height: calc(var(--rn-icon-height) - (var(--rn-icon-font-size-status) / 2));
  --rn-icon-status-tl-x: var(--rn-status-min);
  --rn-icon-status-tl-y: var(--rn-status-min);
  --rn-icon-status-tr-x: var(--rn-status-max-width);
  --rn-icon-status-tr-y: var(--rn-status-min);
  --rn-icon-status-br-x: var(--rn-status-max-width);
  --rn-icon-status-br-y: var(--rn-status-max-height);
  --rn-icon-status-bl-x: var(--rn-status-min);
  --rn-icon-status-bl-y: var(--rn-status-max-height);
  /** color mapping loop **/
  --rn-icon-color-contrast: white;
  --rn-icon-tint-contrast: rgba(
    var(--rn-icon-color-contrast),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-contrast: rgba(
    var(--rn-icon-color-contrast),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-default: #0a0a0a;
  --rn-icon-tint-default: rgba(
    var(--rn-icon-color-default),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-default: rgba(
    var(--rn-icon-color-default),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-primary: #0274b6;
  --rn-icon-tint-primary: rgba(
    var(--rn-icon-color-primary),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-primary: rgba(
    var(--rn-icon-color-primary),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-secondary: #8856cb;
  --rn-icon-tint-secondary: rgba(
    var(--rn-icon-color-secondary),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-secondary: rgba(
    var(--rn-icon-color-secondary),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-tertiary: #816d4d;
  --rn-icon-tint-tertiary: rgba(
    var(--rn-icon-color-tertiary),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-tertiary: rgba(
    var(--rn-icon-color-tertiary),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-positive: #70c2ac;
  --rn-icon-tint-positive: rgba(
    var(--rn-icon-color-positive),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-positive: rgba(
    var(--rn-icon-color-positive),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-negative: #eb6348;
  --rn-icon-tint-negative: rgba(
    var(--rn-icon-color-negative),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-negative: rgba(
    var(--rn-icon-color-negative),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-highlight: #d6bf57;
  --rn-icon-tint-highlight: rgba(
    var(--rn-icon-color-highlight),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-highlight: rgba(
    var(--rn-icon-color-highlight),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-attention: #eb9448;
  --rn-icon-tint-attention: rgba(
    var(--rn-icon-color-attention),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-attention: rgba(
    var(--rn-icon-color-attention),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-info: #6092c0;
  --rn-icon-tint-info: rgba(
    var(--rn-icon-color-info),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-info: rgba(
    var(--rn-icon-color-info),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-system: #9170b8;
  --rn-icon-tint-system: rgba(
    var(--rn-icon-color-system),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-system: rgba(
    var(--rn-icon-color-system),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-neutral: #a0aaba;
  --rn-icon-tint-neutral: rgba(
    var(--rn-icon-color-neutral),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-neutral: rgba(
    var(--rn-icon-color-neutral),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-light: white;
  --rn-icon-tint-light: rgba(
    var(--rn-icon-color-light),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-light: rgba(
    var(--rn-icon-color-light),
    var(--rn-icon-duo-alpha)
  );
  --rn-icon-color-dark: #0a0a0a;
  --rn-icon-tint-dark: rgba(
    var(--rn-icon-color-dark),
    var(--rn-icon-tint-alpha)
  );
  --rn-icon-duo-dark: rgba(
    var(--rn-icon-color-dark),
    var(--rn-icon-duo-alpha)
  );
}
.rn-icon-color-contrast {
  --icon-primary: var(--rn-icon-color-contrast);
  --icon-duo: var(--rn-icon-duo-contrast);
  --icon-secondary: var(--rn-icon-color-contrast);
  --icon-status: var(--rn-icon-color-contrast);
}
.rn-icon-duo-contrast {
  --icon-duo: var(--rn-icon-duo-contrast);
}
.rn-icon-styling-tint-contrast {
  background-color: var(--rn-icon-tint-contrast);
}
.rn-icon-styling-background-contrast {
  background-color: var(--rn-icon-color-contrast);
}
.rn-icon-color-default {
  --icon-primary: var(--rn-icon-color-default);
  --icon-duo: var(--rn-icon-duo-default);
  --icon-secondary: var(--rn-icon-color-default);
  --icon-status: var(--rn-icon-color-default);
}
.rn-icon-duo-default {
  --icon-duo: var(--rn-icon-duo-default);
}
.rn-icon-styling-tint-default {
  background-color: var(--rn-icon-tint-default);
}
.rn-icon-styling-background-default {
  background-color: var(--rn-icon-color-default);
}
.rn-icon-color-primary {
  --icon-primary: var(--rn-icon-color-primary);
  --icon-duo: var(--rn-icon-duo-primary);
  --icon-secondary: var(--rn-icon-color-primary);
  --icon-status: var(--rn-icon-color-primary);
}
.rn-icon-duo-primary {
  --icon-duo: var(--rn-icon-duo-primary);
}
.rn-icon-styling-tint-primary {
  background-color: var(--rn-icon-tint-primary);
}
.rn-icon-styling-background-primary {
  background-color: var(--rn-icon-color-primary);
}
.rn-icon-color-secondary {
  --icon-primary: var(--rn-icon-color-secondary);
  --icon-duo: var(--rn-icon-duo-secondary);
  --icon-secondary: var(--rn-icon-color-secondary);
  --icon-status: var(--rn-icon-color-secondary);
}
.rn-icon-duo-secondary {
  --icon-duo: var(--rn-icon-duo-secondary);
}
.rn-icon-styling-tint-secondary {
  background-color: var(--rn-icon-tint-secondary);
}
.rn-icon-styling-background-secondary {
  background-color: var(--rn-icon-color-secondary);
}
.rn-icon-color-tertiary {
  --icon-primary: var(--rn-icon-color-tertiary);
  --icon-duo: var(--rn-icon-duo-tertiary);
  --icon-secondary: var(--rn-icon-color-tertiary);
  --icon-status: var(--rn-icon-color-tertiary);
}
.rn-icon-duo-tertiary {
  --icon-duo: var(--rn-icon-duo-tertiary);
}
.rn-icon-styling-tint-tertiary {
  background-color: var(--rn-icon-tint-tertiary);
}
.rn-icon-styling-background-tertiary {
  background-color: var(--rn-icon-color-tertiary);
}
.rn-icon-color-positive {
  --icon-primary: var(--rn-icon-color-positive);
  --icon-duo: var(--rn-icon-duo-positive);
  --icon-secondary: var(--rn-icon-color-positive);
  --icon-status: var(--rn-icon-color-positive);
}
.rn-icon-duo-positive {
  --icon-duo: var(--rn-icon-duo-positive);
}
.rn-icon-styling-tint-positive {
  background-color: var(--rn-icon-tint-positive);
}
.rn-icon-styling-background-positive {
  background-color: var(--rn-icon-color-positive);
}
.rn-icon-color-negative {
  --icon-primary: var(--rn-icon-color-negative);
  --icon-duo: var(--rn-icon-duo-negative);
  --icon-secondary: var(--rn-icon-color-negative);
  --icon-status: var(--rn-icon-color-negative);
}
.rn-icon-duo-negative {
  --icon-duo: var(--rn-icon-duo-negative);
}
.rn-icon-styling-tint-negative {
  background-color: var(--rn-icon-tint-negative);
}
.rn-icon-styling-background-negative {
  background-color: var(--rn-icon-color-negative);
}
.rn-icon-color-highlight {
  --icon-primary: var(--rn-icon-color-highlight);
  --icon-duo: var(--rn-icon-duo-highlight);
  --icon-secondary: var(--rn-icon-color-highlight);
  --icon-status: var(--rn-icon-color-highlight);
}
.rn-icon-duo-highlight {
  --icon-duo: var(--rn-icon-duo-highlight);
}
.rn-icon-styling-tint-highlight {
  background-color: var(--rn-icon-tint-highlight);
}
.rn-icon-styling-background-highlight {
  background-color: var(--rn-icon-color-highlight);
}
.rn-icon-color-attention {
  --icon-primary: var(--rn-icon-color-attention);
  --icon-duo: var(--rn-icon-duo-attention);
  --icon-secondary: var(--rn-icon-color-attention);
  --icon-status: var(--rn-icon-color-attention);
}
.rn-icon-duo-attention {
  --icon-duo: var(--rn-icon-duo-attention);
}
.rn-icon-styling-tint-attention {
  background-color: var(--rn-icon-tint-attention);
}
.rn-icon-styling-background-attention {
  background-color: var(--rn-icon-color-attention);
}
.rn-icon-color-info {
  --icon-primary: var(--rn-icon-color-info);
  --icon-duo: var(--rn-icon-duo-info);
  --icon-secondary: var(--rn-icon-color-info);
  --icon-status: var(--rn-icon-color-info);
}
.rn-icon-duo-info {
  --icon-duo: var(--rn-icon-duo-info);
}
.rn-icon-styling-tint-info {
  background-color: var(--rn-icon-tint-info);
}
.rn-icon-styling-background-info {
  background-color: var(--rn-icon-color-info);
}
.rn-icon-color-system {
  --icon-primary: var(--rn-icon-color-system);
  --icon-duo: var(--rn-icon-duo-system);
  --icon-secondary: var(--rn-icon-color-system);
  --icon-status: var(--rn-icon-color-system);
}
.rn-icon-duo-system {
  --icon-duo: var(--rn-icon-duo-system);
}
.rn-icon-styling-tint-system {
  background-color: var(--rn-icon-tint-system);
}
.rn-icon-styling-background-system {
  background-color: var(--rn-icon-color-system);
}
.rn-icon-color-neutral {
  --icon-primary: var(--rn-icon-color-neutral);
  --icon-duo: var(--rn-icon-duo-neutral);
  --icon-secondary: var(--rn-icon-color-neutral);
  --icon-status: var(--rn-icon-color-neutral);
}
.rn-icon-duo-neutral {
  --icon-duo: var(--rn-icon-duo-neutral);
}
.rn-icon-styling-tint-neutral {
  background-color: var(--rn-icon-tint-neutral);
}
.rn-icon-styling-background-neutral {
  background-color: var(--rn-icon-color-neutral);
}
.rn-icon-color-light {
  --icon-primary: var(--rn-icon-color-light);
  --icon-duo: var(--rn-icon-duo-light);
  --icon-secondary: var(--rn-icon-color-light);
  --icon-status: var(--rn-icon-color-light);
}
.rn-icon-duo-light {
  --icon-duo: var(--rn-icon-duo-light);
}
.rn-icon-styling-tint-light {
  background-color: var(--rn-icon-tint-light);
}
.rn-icon-styling-background-light {
  background-color: var(--rn-icon-color-light);
}
.rn-icon-color-dark {
  --icon-primary: var(--rn-icon-color-dark);
  --icon-duo: var(--rn-icon-duo-dark);
  --icon-secondary: var(--rn-icon-color-dark);
  --icon-status: var(--rn-icon-color-dark);
}
.rn-icon-duo-dark {
  --icon-duo: var(--rn-icon-duo-dark);
}
.rn-icon-styling-tint-dark {
  background-color: var(--rn-icon-tint-dark);
}
.rn-icon-styling-background-dark {
  background-color: var(--rn-icon-color-dark);
}

.rn-carousel {
  --carousel-item-size: 0;
}

.rn-carousel {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  flex: auto;
}
.rn-carousel_prev {
  flex: none;
  height: var(--carousel-item-size);
  display: flex;
  user-select: none;
  align-items: center;
  justify-content: center;
  cursor: n-resize;
}
.rn-carousel_prev .rn-icon {
  user-select: none;
}
.rn-carousel_next {
  flex: none;
  height: var(--carousel-item-size);
  display: flex;
  user-select: none;
  align-items: center;
  justify-content: center;
  cursor: s-resize;
}
.rn-carousel_next .rn-icon {
  user-select: none;
}
.rn-carousel_container {
  flex: auto;
  overflow-y: hidden;
  position: relative;
}
.rn-carousel_item {
  display: block;
  position: absolute;
  top: var(--carousel-item-offset);
  width: 100%;
  height: var(--carousel-item-size);
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
/* form */
.rn-form {
  display: block;
  position: relative;
}

/* field */
.rn-field {
  display: grid;
  column-gap: 0.8rem;
  --label-height: 2.4rem;
}
.rn-field_orientation-top {
  flex-flow: column;
  margin-bottom: 1.6rem;
}
.rn-field_orientation-side {
  flex-flow: row;
  flex-wrap: wrap;
  --label-height: 3.2rem;
  margin-bottom: 1.6rem;
}
.rn-field_notification {
  grid-are: notification;
  height: var(--label-height);
  width: var(--label-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rn-field_label {
  grid-area: label;
  display: flex;
  align-items: center;
  height: var(--label-height);
  line-height: var(--label-height);
}

.rn-validator {
  display: flex;
  flex-flow: column;
  min-height: var(--input-height);
  line-height: 1.6rem;
}
.rn-validator_error {
  display: flex;
  gap: 0.4rem;
  color: #eb6348;
  min-height: 2.4rem;
  align-items: center;
}
.rn-validator_warning {
  display: flex;
  gap: 0.4rem;
  color: #eb9448;
  min-height: 2.4rem;
  align-items: center;
}
.rn-validator_valid {
  display: flex;
  gap: 0.4rem;
  color: #70c2ac;
  min-height: 2.4rem;
  align-items: center;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
:root {
  --input-border: #a7a6a7;
  --input-background: #ffffff;
  --input-prefix: #0a0a0a;
  --input-suffix: #0a0a0a;
  --input-color: #0a0a0a;
  --input-action: #0a0a0a;
  --input-clear: #0a0a0a;
}

.rn-input {
  --input-border-width: 0.2rem;
  --input-indent: 0.4rem;
  --input-font-size: 1.4rem;
  --input-height: 3.2rem;
  --input-indent: 0.4rem;
  --input-main-indent: 0;
  --input-prefix-indent: 0.4rem;
  --input-width: calc(100% - var(--input-indent));
  --input-min-width: 4.8rem;
  --border-radius: 0.6rem;
  --input-action-width: 2.4rem;
  --input-step-font-size: 1rem;
  --input-placeholder: rgba(10, 10, 10, 0.25);
  --input-font: Roboto;
  --input-align: left;
  --input-right-padding: 0;
  --input-validation-position: 1 / -1;
  --input-indent-validation: 0rem;
  --input-grid-area: "prefix input clear action suffix validation";
  --input-grid-columns: max-content 1fr max-content max-content max-content;
}
.rn-input.rn-density-high {
  --input-border-width: 0.1rem;
  --input-indent: 0.4rem;
  --input-font-size: 1.4rem;
  --input-height: 2.4rem;
  --input-indent: 0.4rem;
  --input-width: calc(100% - var(--input-indent));
  --input-min-width: 4.8rem;
  --border-radius: 0.4rem;
  --input-action-width: 1.6rem;
  --input-step-font-size: 0.8rem;
}
.rn-input-embedded {
  --border-radius: 0 !important;
  --input-right-padding: 0 !important;
  --input-indent: 0 !important;
}

.rn-input {
  display: grid;
  grid-template-areas: var(--input-grid-area) "inline inline inline inline inline inline" "hint hint hint hint hint hint";
  grid-template-columns: var(--input-grid-columns);
  grid-template-rows: var(--input-height) auto;
  overflow: hidden;
  grid-template-rows: var(--input-height) auto;
  overflow: hidden;
  min-height: var(--input-height);
  box-sizing: border-box;
}
.rn-input:has(INPUT:focus) {
  --input-border: #13b5ea;
}
.rn-input:has(INPUT:focus) .rn-input_validation.error {
  --input-border: #eb6348;
}
.rn-input:has(INPUT:focus) .rn-input_validation.warning {
  --input-border: #eb9448;
}
.rn-input:has(INPUT:focus) .rn-input_validation.valid {
  --input-border: #70c2ac;
}
.rn-input:has(INPUT:focus) .rn-input_clear {
  cursor: pointer !important;
  visibility: visible !important;
}
.rn-input:has(INPUT[value=""]) .rn-input_clear {
  cursor: default !important;
  visibility: hidden !important;
}
.rn-input:has(INPUT:not(:focus)) .rn-input_clear, .rn-input:has(INPUT:placeholder-shown) .rn-input_clear {
  cursor: default;
  visibility: hidden;
}
.rn-input:has(INPUT:not(:focus)) .rn-input_prefix-hide, .rn-input:has(INPUT:placeholder-shown) .rn-input_prefix-hide {
  width: 2.4rem;
  opacity: 1;
}
.rn-input:has(.rn-input_background + input) {
  --input-main-indent: 0.4rem;
}
.rn-input > :last-child {
  margin-right: var(--input-indent);
}
.rn-input input {
  grid-area: input;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  width: var(--input-width);
  height: inherit;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  padding-right: var(--input-right-padding);
  text-indent: var(--input-indent);
  font-family: var(--input-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--input-font-size);
  line-height: var(--input-height);
  margin-left: var(--input-main-indent);
  color: var(--input-color);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  text-align: var(--input-align);
  min-width: var(--input-min-width);
  z-index: 2;
}
.rn-input input::placeholder {
  color: var(--input-placeholder);
}
.rn-input input:focus-visible {
  outline: none;
}
.rn-input input::-webkit-search-cancel-button {
  display: none;
}
.rn-input input[type=number] {
  -moz-appearance: textfield;
}
.rn-input input[type=number]::-webkit-outer-spin-button, .rn-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rn-input-error {
  --input-border: #eb6348;
}
.rn-input-warning {
  --input-border: #eb9448;
}
.rn-input-valid {
  --input-border: #70c2ac;
}
.rn-input-mono {
  --input-font: Roboto Mono;
}
.rn-input_background {
  z-index: 0;
  grid-column: var(--input-validation-position);
  grid-row: 1;
  background-color: var(--input-background);
  border-radius: var(--border-radius);
  min-height: var(--input-height);
  line-height: inherit;
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border);
}
.rn-input_mask {
  z-index: 1;
  grid-area: input;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  width: var(--input-width);
  height: inherit;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  padding-right: var(--input-right-padding);
  text-indent: var(--input-indent);
  font-family: var(--input-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--input-font-size);
  line-height: var(--input-height);
  margin-left: var(--input-main-indent);
}
.rn-input_mask-existing {
  visibility: hidden;
  white-space: pre;
}
.rn-input_mask-remaining {
  color: var(--input-placeholder);
  white-space: pre;
}
.rn-input_hint {
  grid-area: hint;
  margin-top: 0.4rem;
  min-height: 2rem;
  line-height: inherit;
  white-space: pre-line;
}
.rn-input_action {
  z-index: 2;
  grid-area: action;
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--input-action-width);
  color: var(--input-action);
}
.rn-input_step {
  flex-direction: column;
}
.rn-input_step > * {
  height: calc(50% - var(--input-border-width));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.rn-input_step > *:before {
  font-family: "rn-icon-overlay";
  font-size: var(--input-step-font-size);
  display: block;
}
.rn-input_step-up:before {
  content: "\e9ac";
}
.rn-input_step-down:before {
  content: "\e9ab";
}
.rn-input_clear {
  z-index: 2;
  grid-area: clear;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  width: 2.4rem;
  color: var(--input-clear);
  position: relative;
}
.rn-input_clear:hover, .rn-input_clear:focus, .rn-input_clear:active {
  visibility: visible !important;
}
.rn-input_validation {
  z-index: 2;
  grid-area: validation;
  max-width: 2.4rem;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.rn-input_validation-outer {
  --input-validation-position: 1 / -2;
  --input-indent: 0rem;
  --input-indent-validation: 0.8rem;
}
.rn-input_validation-outer .rn-input_validation {
  margin-left: 0.8rem;
}
.rn-input_validation-outer:has(.rn-input_validation) > :nth-last-child(2) {
  padding-right: var(--input-indent-validation);
}
.rn-input_prefix {
  z-index: 2;
  grid-area: prefix;
  min-width: 2.4rem;
  height: inherit;
  cursor: default;
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  background: var(--input-prefix-bg);
  color: var(--input-prefix);
  margin-left: var(--input-prefix-indent);
  text-indent: var(--input-indent);
  font-family: var(--input-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--input-font-size);
  line-height: var(--input-height);
}
.rn-input_prefix-icon {
  background: transparent;
}
.rn-input_prefix-hide {
  padding-left: 0;
  width: 0;
  min-width: 0;
  opacity: 0;
  justify-content: center;
  transition: 100ms;
}
.rn-input_suffix {
  z-index: 2;
  grid-area: suffix;
  height: inherit;
  cursor: default;
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  color: var(--input-suffix);
  background: var(--input-suffix-bg);
  padding-right: 0.4rem;
  text-indent: var(--input-indent);
  font-family: var(--input-font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--input-font-size);
  line-height: var(--input-height);
}
.rn-input.rn-open-bottom input {
  border-radius: var(--border-radius) 0 0 0;
}
.rn-input.rn-open-bottom .rn-input_action {
  border-radius: 0 var(--border-radius) 0 0;
}
.rn-input.rn-open-bottom .rn-input_action:before {
  transform: rotate(180deg);
}
.rn-input.rn-open-top input {
  border-radius: 0 0 0 var(--border-radius);
}
.rn-input.rn-open-top .rn-input_action {
  border-radius: 0 0 var(--border-radius) 0;
}
.rn-input.rn-open-top .rn-input_action:before {
  transform: rotate(180deg);
}
.rn-input-right {
  --input-align: right;
  --input-right-padding: 0.8rem;
  --input-grid-area: "prefix clear input action suffix validation";
  --input-grid-columns: max-content max-content 1fr max-content max-content;
}
.rn-input-right:has(.rn-input_suffix, .rn-input_validation) {
  --input-right-padding: 0.4rem;
}
.rn-input_search[advanced] > input {
  text-indent: 0 !important;
  border-radius: 0 !important;
}
.rn-input_search[advanced] .rn-input_select {
  width: var(--input-height);
  min-width: var(--input-height);
  flex: none;
}
.rn-input_search[advanced] .rn-input_select input {
  text-align: center !important;
  text-indent: 0 !important;
}
.rn-input_search[advanced] .rn-input_select .rn-input_action {
  display: none;
}
.rn-input_select {
  cursor: pointer;
}
.rn-input_select input {
  pointer-events: none;
}
.rn-input_dropdown input {
  user-select: none;
  cursor: pointer;
}
.rn-input_dropdown .rn-input_action .rn-icon {
  transition: 100ms;
}
.rn-input_dropdown .rn-input_action.open .rn-icon {
  transform: rotate(180deg);
}
.rn-input_switch {
  --border-radius: calc(var(--input-height) / 2);
  --switch-button: calc(var(--input-height) - 0.4rem);
  --switch-width: calc(var(--input-height) * 2);
  min-width: auto;
  margin: 0;
  width: var(--switch-width);
  height: var(--input-height);
}
.rn-input_switch input {
  background-color: #a7a6a7;
  border-radius: var(--border-radius);
  position: relative;
  transition: 200ms;
  overflow: visible;
  text-indent: 0;
}
.rn-input_switch input:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  display: block;
  width: var(--switch-button);
  height: var(--switch-button);
  background-color: #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
  transition: 100ms;
}
.rn-input_switch input.rn-on {
  background-color: #98ca48;
}
.rn-input_switch input.rn-on:before {
  left: calc(var(--switch-width) - var(--switch-button) - 2px);
  box-shadow: 0px 0.4rem -0.4rem rgba(0, 0, 0, 0.25);
}
.rn-input_date_dropdown {
  display: flex;
  position: relative;
  overflow: hidden;
  gap: 1.6rem;
}
.rn-input_date_inline {
  display: flex;
  position: relative;
  overflow: hidden;
  gap: 1.6rem;
  grid-area: inline;
  z-index: 2;
  background-color: var(--input-background);
  border-radius: var(--border-radius);
  min-height: var(--input-height);
  line-height: inherit;
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border);
  margin-top: 0.8rem;
  padding: 0.8rem;
}

.rn-option {
  --option-height: 2.4rem;
  --option-max: 10;
  --scrollbar-color: rgba(10, 10, 10, 0.25);
  background-color: var(--option-background);
  position: relative;
  display: flex;
  flex-flow: column;
}
.rn-option-clear {
  box-shadow: inset 0 1px 0 0 var(--scrollbar-color);
}
.rn-option-clear .rn-option_name {
  font-style: italic;
}
.rn-option_list {
  flex: auto;
  max-height: calc(var(--option-max) * var(--option-height));
  overflow: hidden;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rn-option_item {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: var(--option-height);
  line-height: var(--option-height);
  color: var(--option-color);
  font-size: var(--option-font-size);
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  flex: none;
}
.rn-option_item-selected {
  background-color: rgba(0, 152, 214, 0.25);
}
.rn-option_item:hover, .rn-option_item-focus {
  background-color: #0098d6;
  color: #ffffff;
}
.rn-option_item-name {
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
  padding-left: 0.4rem;
}
.rn-option_item-icon {
  width: 2.4rem;
  color: inherit;
  height: var(--option-height);
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
:root {
  --range-label-color: #0a0a0a;
  --range-label-current-color: #13b5ea;
  --range-label-hover-color: #0098d6;
  --range-track-color: #dadee0;
  --range-mask: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0.75) 25%,
    rgba(255, 255, 255, 0.25) 25%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0.75) 50%
  );
  --range-thumb-tip-bg-color: #804a98;
  --range-track-range-color: #13b5ea;
  --range-thumb-color: #13b5ea;
}

.rn-range {
  --range-padding: 0 1.6rem;
  --range-justify: end;
  --range-border-radius: 0.4rem;
  --range-container-height: 3.2rem;
  --range-container-width: 100%;
  --range-track-height: 0.8rem;
  --range-track-width: 100%;
  --range-track-range-height: 0.4rem;
  --range-labels-offset: 0.8rem;
  --range-label-font-size: 1.2rem;
  --range-label-font: Roboto Condensed;
  --range-label-align: center;
  --range-thumb-position-bottom: 0;
  --range-thumb-position-left: 0;
  --range-thumb-tip-color: white;
  --range-thumb-tip-height: 1.6rem;
  --range-thumb-tip-width: 2.8rem;
  --range-thumb-transform: translate(-50%, -50%);
  --range-tip-font-size: 1.1rem;
  --range-tip-font: Roboto Condensed;
  --range-transition: 100ms;
  --range-border-radius-start: var(--range-border-radius) 0 0
    var(--range-border-radius);
  --range-border-radius-end: 0 var(--range-border-radius)
    var(--range-border-radius) 0;
  --range-position-start: left top;
  --range-position-end: right top;
  --range-container-flex: row;
  --range-flex: column;
  --range-track-range-width: auto;
  --range-labels-min-height: 2.4rem;
  --range-labels-max-height: 3.2rem;
  --range-labels-min-width: 100%;
  --range-labels-max-width: 100%;
  --range-labels-offset-v: calc(-1 * var(--range-labels-offset));
  --range-labels-offset-h: 0;
  --range-labels-padding-v: var(--range-labels-offset);
  --range-labels-offset-h: 0;
  --range-labels-tick-h: calc(50% - 0.1rem);
  --range-labels-tick-v: 0;
  --range-labels-tick-width: 0.2rem;
  --range-labels-tick-height: 0.4rem;
  --range-labels-transform: translateX(-50%);
  --range-container-order: 1;
  --range-labels-order: 2;
  --range-tip-indent: 2.4rem;
  --range-tip-outdent: -0.8rem;
  --range-tip-arrow-indent: 2rem;
  --range-tip-arrow-size: 0.4rem;
  --range-tip-arrow-half: calc(var(--range-thumb-tip-width) / -4);
  --range-tip-arrow-border: 0.4rem 0.4rem 0.4rem 0;
  --range-tip-arrow-border-color: transparent var(--range-thumb-tip-bg-color) transparent;
}
.rn-range-vertical {
  --range-padding: 1.7rem 0;
  --range-track-width: 0.8rem;
  --range-track-height: 100%;
  --range-container-width: 3.2rem;
  --range-container-height: 100%;
  --range-track-range-height: auto;
  --range-track-range-width: 0.4rem;
  --range-border-radius-start: var(--range-border-radius) var(--range-border-radius) 0 0;
  --range-border-radius-end: 0 0 var(--range-border-radius) var(--range-border-radius);
  --range-position-start: bottom left;
  --range-position-end: top left;
  --range-thumb-position-left: 50%;
  --range-thumb-position-bottom: 50%;
  --range-thumb-transform: translate(-50%, 50%);
  --range-container-flex: column;
  --range-labels-max-width: 4.0rem;
  --range-labels-min-width: 2.4rem;
  --range-labels-max-height: 100%;
  --range-labels-min-height: 100%;
  --range-flex: row;
  --range-labels-offset-h: calc(-1 * var(--range-labels-offset));
  --range-labels-offset-v: 0;
  --range-labels-padding-h: var(--range-labels-offset);
  --range-labels-padding-v: 0;
  --range-labels-transform: translateY(50%);
  --range-labels-tick-v: calc(50% - 0.1rem);
  --range-labels-tick-h: 0;
  --range-labels-tick-height: 0.2rem;
  --range-labels-tick-width: 0.4rem;
  --range-label-align: right;
}
.rn-range-vertical.rn-density-high {
  --range-padding: 1.3rem 0;
}
.rn-range:has(.rn-range_labels.swap) {
  --range-justify: start;
}
.rn-range:has(.rn-range_labels.swap).rn-range-vertical {
  --range-label-align: left;
}

.rn-range {
  display: flex;
  flex-direction: var(--range-flex);
  padding: var(--range-padding);
  align-items: center;
  justify-content: var(--range-justify);
  position: relative;
}
.rn-range_container {
  position: relative;
  display: flex;
  flex-direction: var(--range-container-flex);
  align-items: center;
  width: var(--range-container-width);
  height: var(--range-container-height);
  z-index: 1;
  flex: none;
  order: 2;
  cursor: pointer;
}
.rn-range_container:hover .rn-range_thumb:after {
  content: attr(data-value);
}
.rn-range_container:hover .rn-range_thumb:before {
  content: "";
}
.rn-range_color-positive {
  background-color: #70c2ac !important;
}
.rn-range_color-negative {
  background-color: #eb6348 !important;
}
.rn-range_color-highlight {
  background-color: #d6bf57 !important;
}
.rn-range_color-attention {
  background-color: #eb9448 !important;
}
.rn-range_color-info {
  background-color: #6092c0 !important;
}
.rn-range_color-neutral {
  background-color: white !important;
}
.rn-range_track {
  position: relative;
  display: flex;
  flex-direction: var(--range-container-flex);
  align-items: center;
  width: var(--range-track-width);
  height: var(--range-track-height);
  background-color: var(--range-track-color);
  border-radius: var(--range-border-radius);
  overflow: hidden;
}
.rn-range_track-range {
  display: block;
  position: absolute;
  height: var(--range-track-range-height);
  width: var(--range-track-range-width);
  background-color: var(--range-track-range-color);
  transition: var(--range-transition);
  z-index: 2;
}
.rn-range_track-color {
  display: block;
  position: absolute;
  width: var(--range-track-width);
  height: var(--range-track-height);
  z-index: 0;
}
.rn-range_track-mask {
  display: block;
  position: absolute;
  width: var(--range-track-width);
  height: var(--range-track-height);
  transition: var(--range-transition);
  z-index: 1;
  background-size: 0.4rem 0.4rem;
  background-position: var(--range-position-end);
  background-image: var(--range-mask);
  border-radius: var(--range-border-radius-start);
}
.rn-range_track-mask ~ .rn-range_track-mask {
  background-position: var(--range-position-start);
  border-radius: var(--range-border-radius-end);
}
.rn-range_thumb {
  position: absolute;
  bottom: var(--range-thumb-position-bottom);
  left: var(--range-thumb-position-left);
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--range-thumb-color);
  border-radius: 50%;
  transform: var(--range-thumb-transform);
  cursor: pointer;
  transition: var(--range-transition);
  z-index: 2;
}
.rn-range_thumb-tip:after {
  width: var(--range-thumb-tip-width);
  height: var(--range-thumb-tip-height);
  background-color: var(--range-thumb-tip-bg-color);
  color: var(--range-thumb-tip-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  position: absolute;
  font-family: var(--range-tip-font);
  font-size: var(--range-tip-font-size);
  z-index: 2;
}
.rn-range_thumb-tip:before {
  position: absolute;
  border-style: solid;
  z-index: 2;
}
.rn-range_thumb-tip:hover:after, .rn-range_thumb-tip.on:after {
  content: attr(data-value);
}
.rn-range_thumb-tip:hover:before, .rn-range_thumb-tip.on:before {
  content: "";
}
.rn-range_thumb-tip.right:after {
  left: var(--range-tip-indent);
  right: auto;
  top: auto;
  bottom: auto;
}
.rn-range_thumb-tip.right:before {
  left: var(--range-tip-arrow-indent);
  right: auto;
  top: var(--range-tip-arrow-size);
  bottom: auto;
  border-width: var(--range-tip-arrow-size) var(--range-tip-arrow-size) var(--range-tip-arrow-size) 0;
  border-color: transparent var(--range-thumb-tip-bg-color) transparent transparent;
}
.rn-range_thumb-tip.left:after {
  left: auto;
  right: var(--range-tip-indent);
  top: auto;
  bottom: auto;
}
.rn-range_thumb-tip.left:before {
  left: auto;
  right: var(--range-tip-arrow-indent);
  top: var(--range-tip-arrow-size);
  bottom: auto;
  border-width: var(--range-tip-arrow-size) 0 var(--range-tip-arrow-size) var(--range-tip-arrow-size);
  border-color: transparent transparent transparent var(--range-thumb-tip-bg-color);
}
.rn-range_thumb-tip.top:after {
  left: var(--range-tip-arrow-half);
  right: auto;
  top: auto;
  bottom: var(--range-tip-indent);
}
.rn-range_thumb-tip.top:before {
  left: var(--range-tip-arrow-size);
  right: auto;
  top: var(--range-tip-outdent);
  bottom: auto;
  border-width: var(--range-tip-arrow-size) var(--range-tip-arrow-size) 0 var(--range-tip-arrow-size);
  border-color: var(--range-thumb-tip-bg-color) transparent transparent transparent;
}
.rn-range_thumb-tip.bottom:after {
  left: var(--range-tip-arrow-half);
  right: auto;
  bottom: auto;
  top: var(--range-tip-indent);
}
.rn-range_thumb-tip.bottom:before {
  left: var(--range-tip-arrow-size);
  right: auto;
  bottom: var(--range-tip-outdent);
  top: auto;
  border-width: 0 var(--range-tip-arrow-size) var(--range-tip-arrow-size) var(--range-tip-arrow-size);
  border-color: transparent transparent var(--range-thumb-tip-bg-color) transparent;
}
.rn-range_labels {
  position: relative;
  max-height: var(--range-labels-max-height);
  max-width: var(--range-labels-max-width);
  min-height: var(--range-labels-min-height);
  min-width: var(--range-labels-min-width);
  line-height: calc(var(--range-labels-height) - var(--range-labels-offset));
  margin-top: var(--range-labels-offset-v);
  margin-bottom: 0;
  margin-left: var(--range-labels-offset-h);
  margin-right: 0;
  order: 3;
}
.rn-range_labels-item {
  position: absolute;
  width: auto;
  transform: var(--range-labels-transform);
  cursor: pointer;
  user-select: none;
  padding-top: var(--range-labels-padding-v);
  padding-bottom: 0;
  padding-left: var(--range-labels-padding-h);
  padding-right: 0;
  font-family: var(--range-label-font);
  font-size: var(--range-label-font-size);
  transition: 100ms;
  color: var(--range-label-color);
  text-align: var(--range-label-align);
}
.rn-range_labels-item:before {
  content: "";
  display: block;
  position: absolute;
  width: var(--range-labels-tick-width);
  height: var(--range-labels-tick-height);
  background-color: var(--range-label-color);
  top: var(--range-labels-tick-v);
  bottom: auto;
  left: var(--range-labels-tick-h);
  right: auto;
}
.rn-range_labels-item:hover {
  --range-label-color: var(--range-label-hover-color);
}
.rn-range_labels-item.current {
  --range-label-color: var(--range-label-current-color);
}
.rn-range_labels.swap {
  margin-bottom: var(--range-labels-offset-v);
  margin-top: 0;
  margin-right: var(--range-labels-offset-h);
  margin-left: 0;
  order: 1;
}
.rn-range_labels.swap .rn-range_labels-item {
  padding-bottom: var(--range-labels-padding-v);
  padding-top: 0;
  padding-right: var(--range-labels-padding-h);
  padding-left: 0;
  right: 0;
}
.rn-range_labels.swap .rn-range_labels-item:before {
  bottom: var(--range-labels-tick-v);
  top: auto;
  right: var(--range-labels-tick-h);
  left: auto;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
.rn-calendar {
  --day-width: 3.2rem;
  --day-height: 2.4rem;
  --calendar-header-height: 2.4rem;
  --calendar-week-height: 2.4rem;
  --calendar-year-width: 6.4rem;
  --calendar-today-size: 0.2rem;
  --calendar-header-font-size: 1.6rem;
  --calendar-font-size: inherit;
  --calendar-cell-gap: 1px;
  --calendar-columns: 7;
  --calendar-grid: repeat(var(--calendar-columns), 1fr);
  --calendar-width: calc((var(--calendar-columns) * var(--day-width)) + ((var(--calendar-columns) - 1) * var(--calendar-cell-gap)));
  --calendar-height: calc((var(--day-height) * 6) + (5 * var(--calendar-cell-gap)) + var(--calendar-header-height) + var(--calendar-week-height) + (var(--calendar-cell-gap) * 2));
  --calendar-color: black;
  --calendar-color-bg: white;
  --calendar-color-outside: #dadee0;
  --calendar-color-weekend: #a4e3ed;
  --calendar-color-grid: #a7a6a7;
  --calendar-color-week-number: #804a98;
  --calendar-color-bg-noselect: #dadee0;
  --calendar-color-noselect: #a7a6a7;
  --calendar-color-today: #0098d6;
  --calendar-color-select: #98ca48;
  --calendar-color-range: #98ca48;
  --calendar-color-range-between: rgba(152, 202, 72, 0.5);
  --calendar-border-noselect: 0 0 0 1px #dadee0;
  --calendar-border: 0 0 0 1px #a7a6a7;
  --calendar-border-range: 0 0 0 1px #98ca48;
  --calendar-border-range-between: 0 0 0 1px rgba(152, 202, 72, 0.5);
  --calendar-range-mask: repeating-linear-gradient(-45deg,
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0.75) 25%,
    rgba(255, 255, 255, 0.25) 25%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0.75) 50%);
}
.rn-calendar.rn-density-low {
  --day-width: 4rem;
  --day-height: 3.2rem;
  --calendar-header-height: 3.2rem;
  --calendar-week-height: 3.2rem;
  --calendar-year-width: 7.2rem;
  --calendar-today-size: 0.4rem;
  --calendar-header-font-size: 2rem;
}
.rn-calendar.rn-density-high {
  --day-width: 2.4rem;
  --day-height: 2rem;
  --calendar-header-height: 2.4rem;
  --calendar-week-height: 2rem;
  --calendar-year-width: 4.6rem;
  --calendar-today-size: 0.2rem;
  --calendar-header-font-size: 1.3rem;
  --calendar-font-size: 1.1rem;
}

.rn-calendar {
  width: var(--calendar-width);
  max-height: var(--calendar-height);
  flex: none;
  display: flex;
  flex-flow: column;
  row-gap: var(--calendar-cell-gap);
  background-color: var(--calendar-color-bg);
  color: var(--calendar-color);
  margin: 0 var(--calendar-cell-gap) var(--calendar-cell-gap) var(--calendar-cell-gap);
}
.rn-calendar-inline {
  height: var(--calendar-height);
}
.rn-calendar.weekNumbers {
  --calendar-columns: 8;
}
.rn-calendar_header {
  flex: none;
  display: flex;
  align-items: center;
  height: var(--calendar-header-height);
}
.rn-calendar_header_home {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rn-calendar_header_year {
  flex: none;
  max-width: var(--calendar-year-width);
  margin-left: 0.8rem;
}
.rn-calendar_header_year .rn-input_number {
  --input-font-size: var(--calendar-header-font-size);
  --input-min-width: 0;
}
.rn-calendar_header_year .rn-input_number:not(:hover) .rn-input_step {
  display: none;
}
.rn-calendar_header_month {
  flex: auto;
}
.rn-calendar_header_month .rn-input_dropdown {
  --input-font-size: var(--calendar-header-font-size);
  --input-min-width: 0;
}
.rn-calendar_header_month .rn-input_dropdown:not(:hover) .rn-input_action:not(.open) {
  display: none;
}
.rn-calendar_header_month-prev, .rn-calendar_header_month-next {
  height: inherit;
  flex: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rn-calendar_week-grid {
  flex: none;
  height: var(--calendar-week-height);
  display: grid;
  grid-template-columns: var(--calendar-grid);
  column-gap: var(--calendar-cell-gap);
}
.rn-calendar_week-day {
  width: var(--day-width);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--calendar-font-size);
}
.rn-calendar_week-number {
  width: var(--day-width);
  display: flex;
  background-color: white;
  align-items: center;
  justify-content: center;
  user-select: none;
  color: var(--calendar-color-week-number);
  font-size: var(--calendar-font-size);
}
.rn-calendar_week-number.selectable {
  cursor: pointer;
}
.rn-calendar_days-grid {
  flex: none;
  display: grid;
  grid-template-columns: var(--calendar-grid);
  gap: var(--calendar-cell-gap);
}

.rn-day {
  width: var(--day-width);
  height: var(--day-height);
  flex: none;
  cursor: pointer;
  display: flex;
  background-color: var(--calendar-color-bg);
  color: var(--calendar-color);
  align-items: center;
  justify-content: center;
  user-select: none;
  position: relative;
  font-size: var(--calendar-font-size);
  z-index: 3;
}
.rn-day:not(.rn-day_outside) {
  box-shadow: var(--calendar-border);
}
.rn-day_today:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--calendar-today-size);
  right: var(--calendar-today-size);
  bottom: var(--calendar-today-size);
  height: var(--calendar-today-size);
  border-radius: var(--calendar-today-size);
  background-color: var(--calendar-color-today);
}
.rn-day_selected {
  box-shadow: inset 0 0 0 1px var(--calendar-color-select), 0 0 0 1px var(--calendar-color-select) !important;
  z-index: 4 !important;
}
.rn-day_outside {
  color: var(--calendar-color-outside);
  z-index: 1;
}
.rn-day_weekend:not(.rn-day_outside) {
  background-color: var(--calendar-color-weekend);
}
.rn-day_range-start {
  background-color: var(--calendar-color-range) !important;
  box-shadow: var(--calendar-border-range) !important;
  z-index: 2;
}
.rn-day_range-start.rn-day_not-selectable {
  background-image: var(--calendar-range-mask);
  background-size: 0.4rem 0.4rem;
  background-position: left top;
  color: var(--calendar-color-range) !important;
}
.rn-day_range-start.rn-day_outside {
  color: var(--calendar-color-bg) !important;
}
.rn-day_range-between {
  background-color: var(--calendar-color-range-between) !important;
  box-shadow: var(--calendar-border-range) !important;
  z-index: 1;
}
.rn-day_range-between.rn-day_not-selectable {
  background-image: var(--calendar-range-mask);
  background-size: 0.4rem 0.4rem;
  background-position: left top;
  color: var(--calendar-color-range) !important;
}
.rn-day_range-between.rn-day_outside {
  color: var(--calendar-color-range) !important;
}
.rn-day_range-end {
  background-color: var(--calendar-color-range) !important;
  box-shadow: var(--calendar-border-range) !important;
  z-index: 2;
}
.rn-day_range-end.rn-day_not-selectable {
  background-image: var(--calendar-range-mask);
  background-size: 0.4rem 0.4rem;
  background-position: left top;
  color: var(--calendar-color-range) !important;
}
.rn-day_range-end.rn-day_outside {
  color: var(--calendar-color-bg) !important;
}
.rn-day_not-selectable {
  background-color: var(--calendar-color-bg-noselect);
  color: var(--calendar-color-noselect);
  cursor: not-allowed;
}
.rn-day_not-selectable.rn-day_outside {
  box-shadow: var(--calendar-border-noselect);
  z-index: 0;
}
.rn-day_number {
  pointer-events: none;
  user-select: none;
}

.rn-time {
  --time-direction: column;
  --time-direction-opposite: row;
  --time-height: 25.3rem;
  --time-width: 11.2rem;
  --time-header-height: 2.4rem;
  --time-header-font-size: 1.6rem;
  --time-color-grid: #a7a6a7;
  --time-color-start: #0098d6;
  --time-color-hover: rgba(0, 152, 214, 0.25);
  --time-color-select: #98ca48;
  --time-color-bg: white;
  --time-font-size: 1.2rem;
  --time-only-font-size: 1.6rem;
}
.rn-time.rn-density-high {
  --time-header-height: 2.4rem;
  --time-header-font-size: 1.6rem;
  --time-height: 22.5rem;
  --time-width: 9.6rem;
  --time-only-font-size: 1.4rem;
}
.rn-time.rn-density-low {
  --time-header-height: 3.2rem;
  --time-header-font-size: 2rem;
  --time-height: 29.7rem;
  --time-width: 12.8rem;
}

.rn-time {
  width: var(--time-width);
  display: flex;
  flex-flow: var(--time-direction);
  position: relative;
  box-sizing: border-box;
  align-items: center;
  flex: none;
}
.rn-time-only {
  --time-font-size: var(--time-only-font-size);
  height: var(--time-height);
}
.rn-time_header {
  flex: none;
  height: var(--time-header-height);
  display: flex;
  flex-flow: var(--time-direction-opposite);
  align-items: center;
  position: relative;
  width: var(--time-width);
  gap: 0.8rem;
  user-select: none;
  cursor: pointer;
}
.rn-time_header-time {
  font-size: var(--time-header-font-size);
  user-select: none;
}
.rn-time_header svg {
  flex: none;
  user-select: none;
}
.rn-time_timezone {
  flex: none;
  height: calc(var(--time-header-height) + 1px);
  display: flex;
  flex-flow: var(--time-direction-opposite);
  align-items: center;
  gap: 0.8rem;
  width: var(--time-width);
  position: relative;
  user-select: none;
}
.rn-time_timezone-display {
  font-size: var(--time-header-font-size);
  position: relative;
}
.rn-time_timezone .rn-icon {
  flex: none;
  user-select: none;
}
.rn-time_carousel {
  width: 100%;
}
.rn-time_carousel:not(.scrolling) .rn-carousel_item:hover {
  background-color: var(--time-color-hover);
}
.rn-time_carousel .rn-carousel_item {
  top: calc(var(--carousel-item-offset) + 1px);
}
.rn-time_carousel .rn-carousel_prev {
  box-shadow: 0 1px 0 0 var(--time-color-grid);
}
.rn-time_carousel .rn-carousel_container {
  padding: 0 1px;
}
.rn-time_item {
  width: calc(100% - 2px);
  height: calc(var(--carousel-item-size) - 1px);
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--time-font-size);
  box-shadow: 0 -1px 0 0 var(--time-color-grid), 0 1px 0 0 var(--time-color-grid);
  user-select: none;
}
.rn-time_item-first:not(.selected) {
  box-shadow: 0 -1px 0 0 var(--time-color-start), 0 1px 0 0 var(--time-color-grid);
  z-index: 2;
}
.rn-time_item-first:not(.selected):before {
  position: absolute;
  content: "";
  right: 0;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent var(--time-color-start) transparent;
}
.rn-time_item-first:not(.selected):after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: var(--time-color-start) transparent transparent transparent;
}
.rn-time_item.selected {
  box-shadow: inset 0 0 0 1px var(--time-color-select), 0 0 0 1px var(--time-color-select) !important;
  background-color: var(--time-color-bg);
  z-index: 4 !important;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
.rn-tooltip {
  --rn-tooltip-frame-radius-TL: 8px;
  --rn-tooltip-frame-radius-TR: 8px;
  --rn-tooltip-frame-radius-BR: 8px;
  --rn-tooltip-frame-radius-BL: 8px;
  --rn-tooltip-frame-radius: var(--rn-tooltip-frame-radius-TL) var(--rn-tooltip-frame-radius-TR) var(--rn-tooltip-frame-radius-BR) var(--rn-tooltip-frame-radius-BL);
  --rn-tooltip-content-radius-TL: 4px;
  --rn-tooltip-content-radius-TR: 4px;
  --rn-tooltip-content-radius-BR: 4px;
  --rn-tooltip-content-radius-BL: 4px;
  --rn-tooltip-content-radius: var(--rn-tooltip-content-radius-TL) var(--rn-tooltip-content-radius-TR) var(--rn-tooltip-content-radius-BR) var(--rn-tooltip-content-radius-BL);
  --rn-tooltip-color-frame: rgba(255, 255, 255, 0.5);
  --rn-tooltip-color-content: white;
  --rn-tooltip-frame-width: 4px;
  --rn-tooltip-indent-width: 0;
  --rn-tooltip-indent-height: 0;
  --rn-tooltip-indent-radius: 0;
  --rn-tooltip-flip: 1;
  --rn-tooltip-posX: 0;
  --rn-tooltip-posY: 0;
  --rn-tooltip-height: 40px;
  --rn-tooltip-height: auto;
  --rn-tooltip-width: auto;
  --rn-tooltip-offset: 0px;
  --rn-tooltip-inset: 0px;
  --rn-tooltip-shadow: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.rn-tooltip {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0, 0.5, 0.5, 2);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  overflow: visible;
  display: flex;
  max-width: calc(100vw - var(--rn-tooltip-inset) * 2);
}
.rn-tooltip-close {
  transition-timing-function: ease-in;
}
.rn-tooltip-offset {
  --rn-tooltip-offset: 4px;
}
.rn-tooltip-orientationV-above {
  bottom: calc(100vh - var(--rn-tooltip-posY));
  margin-bottom: 8px;
  align-items: end;
  --rn-tooltip-frame-arrow-width: 8px 8px 0 8px;
  --rn-tooltip-frame-arrow-color: var(--rn-tooltip-color-frame) transparent transparent transparent;
  --rn-tooltip-content-arrow-width: 6px 6px 0 6px;
  --rn-tooltip-content-arrow-color: var(--rn-tooltip-color-content) transparent transparent transparent;
  --rn-tooltip-frame-arrow-bottom: -8px;
  --rn-tooltip-frame-arrow-top: auto;
  --rn-tooltip-content-arrow-bottom: -2px;
  --rn-tooltip-content-arrow-top: auto;
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-center {
  right: auto;
  left: var(--rn-tooltip-posX);
  justify-content: center;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) -
      (6px + var(--rn-tooltip-offset))
  );
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-center.rn-tooltip-offset {
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-right {
  right: auto;
  left: calc(var(--rn-tooltip-posX) - 6px);
  justify-content: start;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-left {
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-start {
  right: auto;
  left: var(--rn-tooltip-posX);
  justify-content: start;
  --rn-tooltip-frame-arrow-left: 0;
  --rn-tooltip-content-arrow-left: 4px;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-indent-width: var(--rn-tooltip-frame-width);
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-end {
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-frame-arrow-right: 0;
  --rn-tooltip-content-arrow-right: 4px;
  --rn-tooltip-frame-arrow-left: auto;
  --rn-tooltip-content-arrow-left: auto;
  --rn-tooltip-indent-width: var(--rn-tooltip-frame-width);
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-start {
  --rn-tooltip-frame-radius-BL: 0;
  --rn-tooltip-content-radius-BL: 0;
  --rn-tooltip-frame-arrow-width: 8px 8px 0 0;
  --rn-tooltip-content-arrow-width: 6px 6px 0 0;
  --rn-tooltip-indent-radius: 0 0 0 var(--rn-tooltip-frame-width);
}
.rn-tooltip-orientationV-above.rn-tooltip-orientationH-end {
  --rn-tooltip-frame-radius-BR: 0;
  --rn-tooltip-content-radius-BR: 0;
  --rn-tooltip-frame-arrow-width: 8px 8px 0 0;
  --rn-tooltip-content-arrow-width: 6px 6px 0 0;
  --rn-tooltip-indent-radius: 0 0 var(--rn-tooltip-frame-width) 0;
  --rn-tooltip-flip: -1, 1;
}
.rn-tooltip-orientationV-below {
  top: var(--rn-tooltip-posY);
  margin-top: 8px;
  align-items: start;
  --rn-tooltip-frame-arrow-width: 0 8px 8px 8px;
  --rn-tooltip-frame-arrow-color: transparent transparent var(--rn-tooltip-color-frame) transparent;
  --rn-tooltip-content-arrow-width: 0 6px 6px 6px;
  --rn-tooltip-content-arrow-color: transparent transparent var(--rn-tooltip-color-content) transparent;
  --rn-tooltip-frame-arrow-top: -8px;
  --rn-tooltip-frame-arrow-bottom: auto;
  --rn-tooltip-content-arrow-top: -2px;
  --rn-tooltip-content-arrow-bottom: auto;
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-center {
  right: auto;
  left: var(--rn-tooltip-posX);
  justify-content: center;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) -
      (6px + var(--rn-tooltip-offset))
  );
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-center.rn-tooltip-offset {
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-right {
  right: auto;
  left: calc(var(--rn-tooltip-posX) - 6px);
  justify-content: start;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-left {
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 8px
  );
  --rn-tooltip-content-arrow-left: calc(
    var(--rn-tooltip-offsetX) - 6px +
      0px
  );
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-start {
  right: auto;
  left: var(--rn-tooltip-posX);
  justify-content: start;
  --rn-tooltip-frame-arrow-left: 0;
  --rn-tooltip-content-arrow-left: 4px;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-indent-width: var(--rn-tooltip-frame-width);
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-end {
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-frame-arrow-right: 0;
  --rn-tooltip-content-arrow-right: 4px;
  --rn-tooltip-frame-arrow-left: auto;
  --rn-tooltip-content-arrow-left: auto;
  --rn-tooltip-indent-width: var(--rn-tooltip-frame-width);
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-start {
  --rn-tooltip-frame-radius-TL: 0;
  --rn-tooltip-content-radius-TL: 0;
  --rn-tooltip-frame-arrow-width: 0 0 8px 8px;
  --rn-tooltip-content-arrow-width: 0 0 6px 6px;
  --rn-tooltip-indent-radius: 0 var(--rn-tooltip-frame-width) 0 0 ;
  --rn-tooltip-flip: -1, 1;
}
.rn-tooltip-orientationV-below.rn-tooltip-orientationH-end {
  --rn-tooltip-frame-radius-TR: 0;
  --rn-tooltip-content-radius-TR: 0;
  --rn-tooltip-frame-arrow-width: 0 0 8px 8px;
  --rn-tooltip-content-arrow-width: 0 0 6px 6px;
  --rn-tooltip-indent-radius: var(--rn-tooltip-frame-width) 0 0 0 ;
}
.rn-tooltip-orientationV-center {
  top: var(--rn-tooltip-posY);
  align-items: center;
  --rn-tooltip-frame-arrow-top: calc(
    var(--rn-tooltip-offsetY) - 8px
  );
  --rn-tooltip-content-arrow-top: calc(
    var(--rn-tooltip-offsetY) -
      (6px + var(--rn-tooltip-offset))
  );
  --rn-tooltip-frame-arrow-bottom: auto;
  --rn-tooltip-content-arrow-bottom: auto;
}
.rn-tooltip-orientationV-center.rn-tooltip-offset {
  --rn-tooltip-content-arrow-top: calc(
    var(--rn-tooltip-offsetY) -
      (
        2px + var(--rn-tooltip-offset)
      )
  );
}
.rn-tooltip-orientationV-center.rn-tooltip-orientationH-right {
  margin-left: 8px;
  justify-content: start;
  right: auto;
  left: var(--rn-tooltip-posX);
  --rn-tooltip-frame-arrow-left: -8px;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-frame-arrow-width: 8px 8px
    8px 0;
  --rn-tooltip-frame-arrow-color: transparent
    var(--rn-tooltip-color-frame) transparent transparent;
  --rn-tooltip-content-arrow-left: -2px;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-content-arrow-width: 6px 6px
    6px 0;
  --rn-tooltip-content-arrow-color: transparent
    var(--rn-tooltip-color-content) transparent transparent;
}
.rn-tooltip-orientationV-center.rn-tooltip-orientationH-left {
  margin-right: 8px;
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-frame-arrow-left: auto;
  --rn-tooltip-frame-arrow-right: -8px;
  --rn-tooltip-frame-arrow-width: 8px 0 8px
    8px;
  --rn-tooltip-frame-arrow-color: transparent transparent transparent
    var(--rn-tooltip-color-frame);
  --rn-tooltip-content-arrow-left: auto;
  --rn-tooltip-content-arrow-right: -2px;
  --rn-tooltip-content-arrow-width: 6px 0 6px
    6px;
  --rn-tooltip-content-arrow-color: transparent transparent
    transparent var(--rn-tooltip-color-content);
}
.rn-tooltip-orientationV-end {
  bottom: calc(100vh - var(--rn-tooltip-posY));
  top: auto;
  margin-bottom: 0;
  align-items: end;
}
.rn-tooltip-orientationV-end.rn-tooltip-orientationH-left {
  margin-right: 8px;
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-indent-height: var(--rn-tooltip-frame-width);
  --rn-tooltip-frame-arrow-bottom: 0;
  --rn-tooltip-frame-arrow-top: auto;
  --rn-tooltip-content-arrow-bottom: 4px;
  --rn-tooltip-content-arrow-top: auto;
  --rn-tooltip-frame-radius-BR: 0;
  --rn-tooltip-content-radius-BR: 0;
  --rn-tooltip-indent-radius: 0 0 var(--rn-tooltip-frame-width) 0;
  --rn-tooltip-frame-arrow-left: auto;
  --rn-tooltip-frame-arrow-right: -8px;
  --rn-tooltip-content-arrow-left: auto;
  --rn-tooltip-content-arrow-right: -2px;
  --rn-tooltip-frame-arrow-width: 8px 0 0 8px;
  --rn-tooltip-frame-arrow-color: transparent transparent transparent var(--rn-tooltip-color-frame);
  --rn-tooltip-content-arrow-width: 6px 0 0 6px;
  --rn-tooltip-content-arrow-color: transparent transparent transparent var(--rn-tooltip-color-content);
}
.rn-tooltip-orientationV-end.rn-tooltip-orientationH-right {
  margin-left: 8px;
  justify-content: start;
  right: auto;
  left: var(--rn-tooltip-posX);
  --rn-tooltip-indent-height: var(--rn-tooltip-frame-width);
  --rn-tooltip-frame-arrow-bottom: 0;
  --rn-tooltip-frame-arrow-top: auto;
  --rn-tooltip-content-arrow-bottom: 4px;
  --rn-tooltip-content-arrow-top: auto;
  --rn-tooltip-frame-radius-BL: 0;
  --rn-tooltip-content-radius-BL: 0;
  --rn-tooltip-indent-radius: var(--rn-tooltip-frame-width) 0 0 0;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: -8px;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-content-arrow-left: -2px;
  --rn-tooltip-frame-arrow-width: 0 8px 8px 0;
  --rn-tooltip-frame-arrow-color: transparent var(--rn-tooltip-color-frame) transparent transparent;
  --rn-tooltip-content-arrow-width: 0 6px 6px 0;
  --rn-tooltip-content-arrow-color: transparent var(--rn-tooltip-color-content) transparent transparent;
  --rn-tooltip-flip: 1, -1;
}
.rn-tooltip-orientationV-start {
  top: var(--rn-tooltip-posY);
  margin-top: 0;
  align-items: start;
}
.rn-tooltip-orientationV-start.rn-tooltip-orientationH-left {
  margin-right: 8px;
  justify-content: end;
  right: calc(100vw - var(--rn-tooltip-posX));
  left: auto;
  --rn-tooltip-indent-height: var(--rn-tooltip-frame-width);
  --rn-tooltip-frame-arrow-top: 0;
  --rn-tooltip-frame-arrow-bottom: auto;
  --rn-tooltip-content-arrow-top: 4px;
  --rn-tooltip-content-arrow-bottom: auto;
  --rn-tooltip-frame-radius-TR: 0;
  --rn-tooltip-content-radius-TR: 0;
  --rn-tooltip-indent-radius: 0 0 var(--rn-tooltip-frame-width) 0;
  --rn-tooltip-frame-arrow-left: auto;
  --rn-tooltip-frame-arrow-right: -8px;
  --rn-tooltip-content-arrow-left: auto;
  --rn-tooltip-content-arrow-right: -2px;
  --rn-tooltip-frame-arrow-width: 8px 0 0 8px;
  --rn-tooltip-frame-arrow-color: transparent transparent transparent var(--rn-tooltip-color-frame);
  --rn-tooltip-content-arrow-width: 6px 0 0 6px;
  --rn-tooltip-content-arrow-color: transparent transparent transparent var(--rn-tooltip-color-content);
  --rn-tooltip-flip: 1, -1;
}
.rn-tooltip-orientationV-start.rn-tooltip-orientationH-right {
  margin-left: 8px;
  justify-content: start;
  right: auto;
  left: var(--rn-tooltip-posX);
  --rn-tooltip-indent-height: var(--rn-tooltip-frame-width);
  --rn-tooltip-frame-arrow-top: 0;
  --rn-tooltip-frame-arrow-bottom: auto;
  --rn-tooltip-content-arrow-top: 4px;
  --rn-tooltip-content-arrow-bottom: auto;
  --rn-tooltip-frame-radius-TL: 0;
  --rn-tooltip-content-radius-TL: 0;
  --rn-tooltip-indent-radius: var(--rn-tooltip-frame-width) 0 0 0 ;
  --rn-tooltip-frame-arrow-right: auto;
  --rn-tooltip-frame-arrow-left: -8px;
  --rn-tooltip-content-arrow-right: auto;
  --rn-tooltip-content-arrow-left: -2px;
  --rn-tooltip-frame-arrow-width: 0 8px 8px 0;
  --rn-tooltip-frame-arrow-color: transparent var(--rn-tooltip-color-frame) transparent transparent;
  --rn-tooltip-content-arrow-width: 0 6px 6px 0;
  --rn-tooltip-content-arrow-color: transparent var(--rn-tooltip-color-content) transparent transparent;
}
.rn-tooltip_cover {
  position: absolute;
  cursor: pointer;
}
.rn-tooltip_outer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
}
.rn-tooltip_frame {
  position: relative;
  background-color: var(--rn-tooltip-color-frame);
  border-radius: var(--rn-tooltip-frame-radius);
  box-sizing: border-box;
  padding: var(--rn-tooltip-frame-width);
  filter: var(--rn-tooltip-shadow);
}
.rn-tooltip_frame:before {
  content: "";
  position: absolute;
  bottom: var(--rn-tooltip-frame-arrow-bottom);
  top: var(--rn-tooltip-frame-arrow-top);
  left: var(--rn-tooltip-frame-arrow-left);
  right: var(--rn-tooltip-frame-arrow-right);
  width: var(--rn-tooltip-indent-width);
  height: var(--rn-tooltip-indent-height);
  border-style: solid;
  border-width: var(--rn-tooltip-frame-arrow-width);
  border-color: var(--rn-tooltip-frame-arrow-color);
  border-radius: var(--rn-tooltip-indent-radius);
  transform: rotate(360deg) scale(var(--rn-tooltip-flip));
}
.rn-tooltip_frame:after {
  content: "";
  position: absolute;
  bottom: var(--rn-tooltip-content-arrow-bottom);
  top: var(--rn-tooltip-content-arrow-top);
  left: var(--rn-tooltip-content-arrow-left);
  right: var(--rn-tooltip-content-arrow-right);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: var(--rn-tooltip-content-arrow-width);
  border-color: var(--rn-tooltip-content-arrow-color);
  transform: rotate(360deg) scale(var(--rn-tooltip-flip));
}
.rn-tooltip_close {
  cursor: pointer;
}
.rn-tooltip_content {
  position: relative;
  background-color: var(--rn-tooltip-color-content);
  border-radius: var(--rn-tooltip-content-radius);
  box-sizing: border-box;
  height: var(--rn-tooltip-height);
  width: var(--rn-tooltip-width);
  max-height: 51.2rem;
  max-width: 60rem;
  min-width: 8rem;
  font-size: 1.2rem;
  line-height: normal;
  color: black;
  overflow: auto;
  padding: 8px;
  white-space: pre-line;
}

.rn-dropdown {
  --rn-dropdown-color-frame: #cacaca;
  --rn-dropdown-color-content: #fff;
  --rn-dropdown-posX: 0;
  --rn-dropdown-posY: 0;
  --rn-dropdown-height: 40px;
  --rn-dropdown-content-radius: 3px;
  --rn-dropdown-frame-radius: 4px;
  --rn-dropdown-height: auto;
  --rn-dropdown-width: auto;
  --rn-dropdown-offset: 0px;
  --rn-dropdown-inset: 0px;
  --rn-vertical-offset: var(--rn-dropdown-targetHeight, 0);
  --rn-dropdown-shadow: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.rn-dropdown {
  transition-property: transform, opacity;
  position: absolute;
  overflow: visible;
  display: flex;
}
.rn-dropdown-sub {
  --rn-vertical-offset: 0;
}
.rn-dropdown-close {
  transition-timing-function: ease-in;
}
.rn-dropdown-offset {
  --rn-dropdown-offset: 1px;
}
.rn-dropdown-orientationV-above {
  bottom: calc(100vh - var(--rn-dropdown-posY));
  align-items: end;
}
.rn-dropdown-orientationV-above.rn-dropdown-orientationH-start {
  justify-content: end;
  left: var(--rn-dropdown-posX);
  right: auto;
}
.rn-dropdown-orientationV-below {
  top: var(--rn-dropdown-posY);
  align-items: start;
}
.rn-dropdown-orientationV-below.rn-dropdown-orientationH-start {
  justify-content: end;
  left: var(--rn-dropdown-posX);
  right: auto;
}
.rn-dropdown_cover {
  position: absolute;
  cursor: pointer;
}
.rn-dropdown_outer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
}
.rn-dropdown_frame {
  position: relative;
  background-color: var(--rn-dropdown-color-frame);
  border-radius: var(--rn-dropdown-frame-radius);
  box-sizing: border-box;
  padding: 1px;
  filter: var(--rn-dropdown-shadow);
  --scrollbar-track-bg: white;
  --scrollbar-handle-bg: rgba(0, 0, 0, 0.3);
  --scrollbar-handle-bg-hover: #858585;
}
.rn-dropdown_close {
  cursor: pointer;
}
.rn-dropdown_content {
  position: relative;
  background-color: var(--rn-dropdown-color-content);
  border-radius: var(--rn-dropdown-content-radius);
  box-sizing: border-box;
  height: var(--rn-dropdown-height);
  width: var(--rn-dropdown-width);
  max-height: 60rem;
  max-width: 60rem;
  min-width: 15.6rem;
  font-size: 1.2rem;
  color: black;
  overflow: hidden;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
.rn-container {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: block;
}
.rn-container_scroll {
  overflow: auto;
}
.rn-container_scroll-vertical {
  overflow-y: auto;
}
.rn-container_scroll-horizontal {
  overflow-x: auto;
}
.rn-container-border {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.rn-container-border-left {
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.rn-container-border-right {
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.rn-container_grid {
  display: grid;
  height: inherit;
}
/* flex */
.rn-flex {
  display: flex;
  flex-flow: row;
  overflow: hidden;
}
.rn-flex-row {
  display: flex;
  flex-flow: row;
  overflow: hidden;
}
.rn-flex-wrap {
  flex-wrap: wrap;
}
.rn-flex-column {
  flex-flow: column;
}
.rn-flex-column.flex -spacing-around {
  align-content: space-around;
}
.rn-flex-column.flex -spacing-between {
  align-content: space-between;
}
.rn-flex-column.flex -spacing-evenly {
  align-content: space-evenly;
}
.rn-flex-column.flex_alignV-center {
  justify-content: center;
}
.rn-flex-column.flex_alignV-start {
  justify-content: flex-start;
}
.rn-flex-column.flex_alignV-end {
  justify-content: flex-end;
}
.rn-flex-column.flex_alignH-center {
  align-items: center;
}
.rn-flex-column.flex_alignH-start {
  align-items: flex-start;
}
.rn-flex-column.flex_alignH-end {
  align-items: flex-end;
}
.rn-flex-spacing-around {
  justify-content: space-around;
}
.rn-flex-spacing-between {
  justify-content: space-between;
}
.rn-flex-spacing-evenly {
  justify-content: space-evenly;
}

/* gap */
.rn-gap {
  gap: 16px;
}
.rn-gap-small {
  gap: 8px;
}
.rn-gap-medium {
  gap: 16px;
}
.rn-gap-large {
  gap: 32px;
}
.rn-gap-xlarge {
  gap: 48px;
}
.rn-gap-row-small {
  row-gap: 8px;
}
.rn-gap-row-medium {
  row-gap: 16px;
}
.rn-gap-row-large {
  row-gap: 32px;
}
.rn-gap-row-xlarge {
  row-gap: 48px;
}
.rn-gap-column-small {
  column-gap: 8px;
}
.rn-gap-column-medium {
  column-gap: 16px;
}
.rn-gap-column-large {
  column-gap: 32px;
}
.rn-gap-column-xlarge {
  column-gap: 48px;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* mixins */
/* status component CSS */
.rn-menu {
  display: block;
  overflow: hidden;
  display: flex;
  gap: 16px;
}
.rn-menu_item {
  list-style: none;
  margin: 0;
  Padding: 0;
  cursor: pointer;
}
.rn-menu_item_content {
  user-select: none;
  pointer-events: none;
}

.rn-content {
  overflow: hidden;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.rn-transition {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.rn-transition-current {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
.rn-transition .rn-content {
  position: absolute;
}

/*other colors */
/* calendar colors */
/* header colors */
/* status colors */
/* validation colors */
/* type colors */
/* button colors */
/* input colors */
/* sizes*/
/* font */
@font-face {
  font-family: "base";
  src: url("fonts/Lexend-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font */
@font-face {
  font-family: "mono";
  src: url("fonts/SourceCodePro-Regular.otf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.rn-theme-error.rn-tooltip {
  --rn-tooltip-color-frame: #eb6348;
  --rn-tooltip-color-content: #ffffff;
}
.rn-theme-warning.rn-tooltip {
  --rn-tooltip-color-frame: #eb9448;
  --rn-tooltip-color-content: #ffffff;
}
.rn-theme-info.rn-tooltip {
  --rn-tooltip-color-frame: #6092c0;
  --rn-tooltip-color-content: #ffffff;
}
.rn-theme-info.rn-tooltip {
  --rn-icon-cursor: pointer;
}
.rn-theme-valid.rn-tooltip {
  --rn-tooltip-color-frame: #70c2ac;
  --rn-tooltip-color-content: #ffffff;
}