.Logo_logo__m5vXe {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  width: 32px;
  height: 32px;
  background: var(--color-action-20p);
}

@-webkit-keyframes Loader_rotation__JTntX {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes Loader_rotation__JTntX {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.Loader_loader__Yg19T {
  -webkit-animation: Loader_rotation__JTntX 1s linear infinite;
          animation: Loader_rotation__JTntX 1s linear infinite;
}

.Indicator_indicator__70fMD {
  display: inline-block;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: 700;
  background-color: var(--color-action);
  color: var(--color-white);
  border-radius: 50px;
}

.Navbar_navbar__7Exjr {
  width: -webkit-max-content;
  width: max-content;
  margin-bottom: 16px;
}

.Navbar_navbar__list__FtNnL {
  display: grid;
  justify-content: left;
}

.Navbar_link__MXAKQ {
  width: 100%;
  padding: 15px 14px 17px;
  font-size: inherit;
  border-radius: 8px;
}

.Navbar_link__icon__Pps2N {
  transition: var(--default-transition);
  -webkit-filter: grayscale(1) contrast(0.9);
          filter: grayscale(1) contrast(0.9);
  margin-right: 4px;
  box-shadow: 0 0 0 0px transparent;
  border-radius: 2px;
}

.Navbar_link__MXAKQ[data-active='true'] .Navbar_link__icon__Pps2N {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  box-shadow: 0 0 0 8px var(--color-action-20p);
  background: var(--color-action-20p);
  margin-right: 8px;
}

.Navbar_link__MXAKQ:hover > .Navbar_link__icon__Pps2N {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  box-shadow: 0 0 0 0px transparent;
  background: transparent;
}

.Navbar_link__MXAKQ[data-active='true'] {
  color: var(--color-action);
}

.ThemeController_theme-control__ty0r8 {
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
  gap: 2px;
  padding: 2px;
}

.ThemeController_theme-control__fieldset__lzNiA {
  display: contents;
}
.ThemeController_theme-control__status__smE_B {
  position: absolute;
  inset: 0;
  transition: var(--default-transition);
  background-color: var(--color-white);
  box-shadow: 0 0 0 2px var(--color-hoverable-hover);
  border-radius: 48px;
}

.ThemeController_theme-control__checked__jKRi3 {
  transition: var(--default-transition);
  position: absolute;
  z-index: 1;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--color-black);
}

.ThemeController_theme-control__option__FBr4k:focus-visible ~ .ThemeController_theme-control__status__smE_B {
  box-shadow: 0 0 0 2px var(--color-grey);
}

.ThemeController_theme-control__option__FBr4k {
  position: relative;
  outline: none;
  z-index: 2;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 2px;
  -webkit-appearance: none;
          appearance: none;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--default-transition);
  -webkit-filter: invert(var(--dark-factor));
          filter: invert(var(--dark-factor));
}

.ThemeController_theme-control__option__FBr4k:checked {
  -webkit-filter: invert(calc(var(--dark-factor) * -1));
          filter: invert(calc(var(--dark-factor) * -1));
}

.Header_header__D4RXM {
  --opened-width: 264px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  max-height: 100vh;
  z-index: 2;
  transition: var(--default-transition);
  background-color: var(--color-white);
  width: var(--opened-width);
}

.Header_header__D4RXM .Header_header__inner__CHa__ {
  padding: 8px;
  padding-bottom: 64px;
  padding-top: 0;
  transition: var(--default-transition);
  background-color: var(--color-white);
  min-height: 100%;
  width: var(--opened-width);
  overflow: auto;
  max-height: 100vh;
}

.Header_header__big-item__Rx_5Y {
  transition: var(--default-transition);
  -webkit-filter: opacity(1);
          filter: opacity(1);
}

.Header_header--compact__NRPEl .Header_header__big-item__Rx_5Y {
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.Header_header--compact__NRPEl {
  width: 64px;
  left: 0;
}

.Header_header--compact__NRPEl .Header_header__inner__CHa__ {
  width: 64px;
  box-shadow: var(--shadow-light);
}

.Header_header--compact__NRPEl:hover .Header_header__big-item__Rx_5Y {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}

.Header_header--compact__NRPEl .Header_header__big-item__Rx_5Y {
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.Header_header--compact__NRPEl:hover > .Header_header__inner__CHa__ {
  width: var(--opened-width);
}

.Header_header__nav__XOO1_ {
}

.Header_header__compact-btn__CkEDN {
  color: var(--color-grey);
  padding: 4px;
  border-radius: 8px;
  opacity: 0;
}
.Header_header__D4RXM:hover .Header_header__compact-btn__CkEDN {
  opacity: 1;
}

.Header_header__logo__JZAJo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  min-width: -webkit-max-content;
  min-width: max-content;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--color-primary-50p);
  z-index: 2;
  padding: 16px 8px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.PageLoader_page-loader__M1iYj {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--default-transition);
  transition-delay: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.PageLoader_page-loader--visible__Rat5J {
  pointer-events: all;
  cursor: progress;
  opacity: 1;
}

.AttachFile_attach-file__NTnWv {
  position: relative;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-auto-flow: column;
  align-items: center;

  height: 40px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 2px solid var(--color-grey);
  background-color: var(--color-white);
  cursor: copy;
  white-space: nowrap;

  transition: var(--default-transition);
}

.AttachFile_attach-file--focused__stzHS {
  border-color: var(--color-action);
}

.AttachFile_attach-file--has-file__flNqs {
  color: var(--color-action);
}

.AttachFile_attach-file--has-file__flNqs .AttachFile_attach-file__icon___cAkb {
  color: var(--color-action);
}

.AttachFile_attach-file__icon___cAkb {
  font-size: var(--font-size-xl);
  color: var(--color-grey-dark);
}

.AttachFile_attach-file__NTnWv:hover {
  border-color: var(--color-grey-dark);
}

.AttachFile_attach-file__input__uE0YG {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: copy;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.AttachFile_attach-file__input__uE0YG::-webkit-file-upload-button {
  display: none;
}

.AttachFile_attach-file__input__uE0YG::file-selector-button {
  display: none;
}

.AttachFile_attach-file__label__AEOuz {
  text-overflow: ellipsis;
  overflow: hidden;
}

.Button_button__Nw3FH {
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--color-text-white);
  background-color: var(--color-action);
  transition: var(--default-transition);

  outline: 0.6em solid transparent;
  text-align: center;
  font-weight: 600;
  border-radius: 256px;
}

.Button_button__shadow__3gWGQ {
  -webkit-filter: drop-shadow(var(--shadow-btn));
          filter: drop-shadow(var(--shadow-btn));
}

.Button_button__size-s__X0e9F {
  font-size: 14px;
  padding: 8px 16px;
}

.Button_button__size-m__81bSS {
  font-size: var(--font-size-s);
  padding: 12px 20px;
}

.Button_button__size-l__wO82F {
  font-size: var(--font-size-xl);
  padding: 16px 40px;
}

.Button_button__size-xl__ZQifY {
  font-size: var(--font-size-xxl);
  padding: 24px 48px;
}

.Button_button__rounded__qnuaH {
  border-radius: 256px;
}

.Button_button__Nw3FH:hover:not(.Button_button__loading__jSS_H, .Button_button__disabled__DYCjW) {
  opacity: 0.8;
}

.Button_button__animated__PMqz2:active:not(.Button_button__loading__jSS_H, .Button_button__disabled__DYCjW) {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.Button_button__Nw3FH:focus-visible {
  outline-color: var(--color-hoverable-focus);
}

.Button_button__wide__Xt7_9 {
  width: 100%;
}

.Button_button__Nw3FH:disabled {
  pointer-events: none;
}

.Button_button__disabled__DYCjW {
  -webkit-filter: grayscale(1) contrast(0.7);
          filter: grayscale(1) contrast(0.7);
  opacity: 0.7;
  cursor: not-allowed;
}

.Button_button__appearance--outlined__DjLXD {
  color: var(--color-action);
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 0.1em;
}

.Button_button__color--black__T8XP7 {
  color: var(--color-text-white);
  background-color: var(--color-black);
}

.Button_button__color--black__T8XP7.Button_button__appearance--outlined__DjLXD {
  color: var(--color-black);
  background-color: var(--color-white);
}

.Button_button__color--huntflow__xcz0d {
  color: var(--color-text-white);
  background-color: var(--color-huntflow);
}

.Button_button__color--friendwork__r_DAP {
  color: var(--color-text-white);
  background-color: var(--color-friendwork);
}

.Button_button__color--huntflow__xcz0d.Button_button__appearance--outlined__DjLXD {
  color: var(--color-huntflow);
  background-color: var(--color-white);
}

.Button_button__color--friendwork__r_DAP.Button_button__appearance--outlined__DjLXD {
  color: var(--color-friendwork);
  background-color: var(--color-white);
}

.Button_button__color--estaff__S1K_B {
  color: var(--color-text-white);
  background-color: var(--color-estaff);
}

.Button_button__color--estaff__S1K_B.Button_button__appearance--outlined__DjLXD {
  color: var(--color-estaff);
  background-color: var(--color-white);
}

.Button_button__color--potok__GszGu {
  color: var(--color-text-white);
  background-color: var(--color-potok);
}

.Button_button__color--potok__GszGu.Button_button__appearance--outlined__DjLXD {
  color: var(--color-potok);
  background-color: var(--color-white);
}

.Button_button__color--danger__7hm8s {
  color: var(--color-text-white);
  background-color: var(--color-danger);
}

.Button_button__color--danger__7hm8s.Button_button__appearance--outlined__DjLXD {
  color: var(--color-danger);
  background-color: var(--color-white);
}

.Button_button__color--action-2__TYrT2 {
  color: var(--color-black-im);
  background-color: var(--color-action-2);
}

.Button_button__color--action-2__TYrT2.Button_button__appearance--outlined__DjLXD {
  color: var(--color-action-2);
  background-color: var(--color-black);
}

.Button_button__color--ai__5QrPz {
  color: var(--color-text-white);
  background-color: var(--color-ai);
}

.Button_button__loading__jSS_H {
  cursor: wait;
  opacity: 1;
}

.Button_button__color--black__T8XP7 {
  color: var(--color-text-white);
  background-color: var(--color-black);
}

/* Flat */
.Button_button__appearance--flat__RdZTo {
  color: var(--color-action);
  background-color: transparent;
}

.Button_button__loading__jSS_H.Button_button__appearance--flat__RdZTo .Button_loader__spinner__4QY39 {
  -webkit-filter: invert(1) contrast(100) grayscale(1);
          filter: invert(1) contrast(100) grayscale(1);
}

.Button_button__color--black__T8XP7.Button_button__appearance--flat__RdZTo {
  color: var(--color-black);
}

.Button_button__color--danger__7hm8s.Button_button__appearance--flat__RdZTo {
  color: var(--color-danger);
}

.Button_button__color--huntflow__xcz0d.Button_button__appearance--flat__RdZTo {
  color: var(--color-huntflow);
}

.Button_button__color--friendwork__r_DAP.Button_button__appearance--flat__RdZTo {
  color: var(--color-friendwork);
}

.Button_button__color--action-2__TYrT2.Button_button__appearance--flat__RdZTo {
  color: var(--color-action-2);
}

.Button_button__appearance--flat__RdZTo .Button_loader__container__9Bzoe {
  inset: 0;
  opacity: 0.1;
  background-color: currentColor;
}

/* Loader */

.Button_loader__container__9Bzoe {
  position: absolute;
  inset: 0.15em;
  opacity: 0;
  background-color: inherit;
  color: inherit;
  border-radius: inherit;
  transition: 0.3s;
}

.Button_loader__enter-start__GKirm {
  opacity: 1 !important;
}

.Button_loader__spinner__4QY39 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.Checkbox_checkbox__Xu1I5 {
  display: inline-flex;
  align-items: center;
  transition: var(--default-transition);
}

.Checkbox_checkbox__input__TVxzM {
  width: var(--checkbox-width);
  height: var(--checkbox-width);

  transition: var(--default-transition);
  cursor: pointer;
}

.Checkbox_checkbox__input__TVxzM[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}

.Checkbox_checkbox__input__TVxzM:focus-visible {
  outline-color: var(--color-action);
}

.Checkbox_checkbox__label__wtTlK {
  padding-left: 8px;
  cursor: pointer;
}

.UnstyledDetails_details__ZQ9fY {
  transition: var(--default-transition);
}

.UnstyledDetails_details__btn__N6rE7 {
  transition: var(--default-transition);
}

.UnstyledDetails_details__grid__OXsLo {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows var(--default-transition);
  transition: grid-template-rows var(--default-transition), -ms-grid-rows var(--default-transition);
}

.UnstyledDetails_details__ZQ9fY[data-open='true'] > .UnstyledDetails_details__grid__OXsLo {
  grid-template-rows: 1fr;
}

.UnstyledDetails_details__ZQ9fY[data-open='true'] > .UnstyledDetails_details__grid-overflow-visible__pLm1C {
  overflow: visible;
  transition: none;
}

.UnstyledDetails_details__content__wzzaA {
  min-height: 0;
}

.Input_input__UtXKu {
  display: block;
  position: relative;
  height: 40px;
  width: 100%;
}

.Input_input__field__gKPiO:disabled {
  -webkit-filter: opacity(0.6);
          filter: opacity(0.6);
  cursor: not-allowed;
}

.Input_input__field__gKPiO[type='tel'],
.Input_input__field__gKPiO[type='number'] {
  font-family: var(--font-mono);
}

.Input_input__field__gKPiO {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 8px;
  padding: 2px 8px;
  padding-left: 10px;
  border: 2px solid var(--color-grey);
  background-color: var(--color-white);
  color: var(--color-black);
  transition: var(--default-transition);
}
.Input_input__field__gKPiO:not(:disabled):hover {
  border-color: var(--color-grey-dark);
}

.Input_input__field__gKPiO::-webkit-input-placeholder {
  color: var(--color-grey-dark);
}

.Input_input__field__gKPiO:-ms-input-placeholder {
  color: var(--color-grey-dark);
}

.Input_input__field__gKPiO::placeholder {
  color: var(--color-grey-dark);
}

.Input_input__field__gKPiO:focus {
  border-color: var(--color-action);
}

.Input_phone-input-container__jptZS select ~ div:nth-child(2) {
  transition: var(--default-transition);
  box-shadow: 0px 0px 0px 4px var(--color-hoverable-transparent);
  border-radius: 2px;
}

.Input_phone-input-container__jptZS select:focus-visible ~ div:nth-child(2) {
  box-shadow: 0px 0px 0px 12px var(--color-hoverable-focus);
  background-color: var(--color-hoverable-focus);
}

textarea.Input_input__field__gKPiO {
  line-height: 1.4;
  padding: 8px 12px;
  position: static;
  font-weight: 500;
}

/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	-webkit-transform: var(--PhoneInputCountrySelectArrow-transform);
	        transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.Tooltip_container__6DZ_D {
  width: unset !important;
}

.Tooltip_portal__VRGsY {
  background-color: transparent !important;
  padding: 0px !important;
  box-shadow: none !important;
  z-index: 2000 !important;
}

.Tooltip_portal-inner__hGPqW {
  font-size: var(--font-size-s);
  z-index: 2;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 16px;
  line-height: 1.2;
  box-shadow: var(--shadow-tooltip) !important;
  padding: 12px !important;
}

.ModalWindow_modal-window__I3AJE {
  position: fixed;
  z-index: 1300;
  bottom: 0;
  top: 0;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  max-height: calc(100vh);
}

.ModalWindow_modal-window--hidden__f8AGZ {
}

.ModalWindow_modal-window__body__Sd14U {
  background-color: var(--color-white);
  padding: 24px;
  border-radius: 16px;
  box-shadow: var(--shadow-regular);
  -webkit-filter: opacity(0);
          filter: opacity(0);
  transition: var(--default-transition);
}

.ModalWindow_modal-window__body--visible__OLyFN {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}

.ModalWindow_modal-window__backdrop__wd57n {
  position: fixed;
  z-index: -1;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: var(--color-primary-50p);
  -webkit-filter: opacity(0);
          filter: opacity(0);
  transition: var(--default-transition);
}
.ModalWindow_modal-window__backdrop--visible__u3vSf {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}

.ModalWindow_modal-window--disable-backdrop__OFIeE .ModalWindow_modal-window__backdrop--visible__u3vSf {
  pointer-events: none !important;
}

.Auth_container__c5Oy0 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Auth_form__HR4vx {
  display: grid;
  justify-items: center;
  grid-gap: 40px;
  gap: 40px;
  padding: 24px 0;
  width: 100%;
  max-width: 296px;
}

@-webkit-keyframes Auth_init-form__ixdH7 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes Auth_init-form__ixdH7 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.Auth_form__delay__anr_0 {
  opacity: 0;
  -webkit-animation-name: Auth_init-form__ixdH7;
          animation-name: Auth_init-form__ixdH7;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.Auth_form__fields__gHiAU {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  justify-self: stretch;
}

.Auth_field__gSbX_ {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.Auth_field__label__pSZyG {
  font-weight: 600;
}

.Auth_field__error___UrVS {
  display: flex;
  font-size: var(--font-size-s);
  line-height: 1.2;
  overflow: hidden;
  color: var(--color-danger);
  transition: var(--default-transition);
  -webkit-filter: opacity(0);
          filter: opacity(0);
  margin-top: -12px;
  pointer-events: none;
}

.Auth_field__error--visible__4aadA {
  -webkit-filter: opacity(1);
          filter: opacity(1);
  margin-top: 0px;
}

.Auth_field__required-symbol__juqR9 {
  display: inline-block;
  height: calc(var(--font-size-xxl) / 2);
  overflow: hidden;
  margin-left: 2px;
  font-size: var(--font-size-xxl);
  color: var(--color-action);
}

.Auth_oauth-providers__Lpsvr {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  grid-gap: 16px;
  gap: 16px;
  font-size: var(--font-size-xxl);
}

.Auth_oauth-providers__btn__N07dH {
  display: flex;
  border-radius: 24px;
}

.App_app__lera2 {
  overflow-y: auto;
  max-height: 100vh;
  height: 100vh;
  -ms-scroll-snap-type: y proximity;
      scroll-snap-type: y proximity;
  display: grid;
  grid-template-areas: 'header body';
  grid-template-columns: auto 1fr;
  justify-items: flex-start;
}

.App_app__header__UBBW9 {
  grid-area: header;
}

.App_app__body__loNlj {
  grid-area: body;
  width: 100%;
}

.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          -ms-user-select: none;
      user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor-aree {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-variant-ligatures: common-ligatures;
          -webkit-font-feature-settings: "liga", "clig";
                  font-feature-settings: "liga", "clig";
          font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  -webkit-font-variant-ligatures: inherit;
          -webkit-font-feature-settings: inherit;
                  font-feature-settings: inherit;
          font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre > code,
.w-md-editor-text-input > code,
.w-md-editor-text > .w-md-editor-text-pre > code {
  font-family: inherit;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text) !important;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
  background-color: var(--color-canvas-default);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: auto;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--color-border-default);
  background-color: var(--color-canvas-default);
  padding: 5px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          -ms-user-select: none;
      user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--color-border-default);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--color-border-default);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--color-border-default);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--color-border-default);
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
  background-color: var(--color-canvas-default);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor-toolbar {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--color-border-default);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--color-canvas-default);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}

@media (prefers-color-scheme: dark) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, 0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, 0.15);
    --color-danger-fg: #f85149;
  }
}
@media (prefers-color-scheme: light) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsl(210, 18%, 87%);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #cf222e;
  }
}
[data-color-mode*='dark'] .wmde-markdown,
[data-color-mode*='dark'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='dark'],
.wmde-markdown[data-color-mode*='dark'],
body[data-color-mode*='dark'] {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
[data-color-mode*='light'] .wmde-markdown,
[data-color-mode*='light'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='light'],
.wmde-markdown[data-color-mode*='light'],
body[data-color-mode*='light'] {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}
.wmde-markdown details,
.wmde-markdown figcaption,
.wmde-markdown figure {
  display: block;
}
.wmde-markdown summary {
  display: list-item;
}
.wmde-markdown [hidden] {
  display: none !important;
}
.wmde-markdown a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.wmde-markdown a:active,
.wmde-markdown a:hover {
  outline-width: 0;
}
.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 600;
}
.wmde-markdown dfn {
  font-style: italic;
}
.wmde-markdown h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}
.wmde-markdown small {
  font-size: 90%;
}
.wmde-markdown sub,
.wmde-markdown sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.wmde-markdown sub {
  bottom: -0.25em;
}
.wmde-markdown sup {
  top: -0.5em;
}
.wmde-markdown img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.wmde-markdown code,
.wmde-markdown kbd,
.wmde-markdown pre,
.wmde-markdown samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.wmde-markdown figure {
  margin: 1em 40px;
}
.wmde-markdown hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
}
.wmde-markdown input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wmde-markdown [type='button'],
.wmde-markdown [type='reset'],
.wmde-markdown [type='submit'] {
  -webkit-appearance: button;
}
.wmde-markdown [type='button']::-moz-focus-inner,
.wmde-markdown [type='reset']::-moz-focus-inner,
.wmde-markdown [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.wmde-markdown [type='button']:-moz-focusring,
.wmde-markdown [type='reset']:-moz-focusring,
.wmde-markdown [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.wmde-markdown [type='checkbox'],
.wmde-markdown [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.wmde-markdown [type='number']::-webkit-inner-spin-button,
.wmde-markdown [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.wmde-markdown [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.wmde-markdown [type='search']::-webkit-search-cancel-button,
.wmde-markdown [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.wmde-markdown a:hover {
  text-decoration: underline;
}
.wmde-markdown hr::before {
  display: table;
  content: '';
}
.wmde-markdown hr::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.wmde-markdown h4 {
  font-weight: 600;
  font-size: 1em;
}
.wmde-markdown h5 {
  font-weight: 600;
  font-size: 0.875em;
}
.wmde-markdown h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.wmde-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.wmde-markdown ol ol,
.wmde-markdown ul ol {
  list-style-type: lower-roman;
}
.wmde-markdown ul ul ol,
.wmde-markdown ul ol ol,
.wmde-markdown ol ul ol,
.wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}
.wmde-markdown dd {
  margin-left: 0;
}
.wmde-markdown tt,
.wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.wmde-markdown pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.wmde-markdown .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown :-ms-input-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown input::-webkit-outer-spin-button,
.wmde-markdown input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.wmde-markdown [data-catalyst] {
  display: block;
}
.wmde-markdown::before {
  display: table;
  content: '';
}
.wmde-markdown::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown > *:first-child {
  margin-top: 0 !important;
}
.wmde-markdown > *:last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.wmde-markdown .absent {
  color: var(--color-danger-fg);
}
.wmde-markdown a.anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.wmde-markdown .anchor:focus {
  outline: none;
}
.wmde-markdown p,
.wmde-markdown blockquote,
.wmde-markdown ul,
.wmde-markdown ol,
.wmde-markdown dl,
.wmde-markdown table,
.wmde-markdown pre,
.wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}
.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}
.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}
.wmde-markdown sup > a::before {
  content: '[';
}
.wmde-markdown sup > a::after {
  content: ']';
}
.wmde-markdown h1 .octicon-link,
.wmde-markdown h2 .octicon-link,
.wmde-markdown h3 .octicon-link,
.wmde-markdown h4 .octicon-link,
.wmde-markdown h5 .octicon-link,
.wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.wmde-markdown h1:hover .anchor,
.wmde-markdown h2:hover .anchor,
.wmde-markdown h3:hover .anchor,
.wmde-markdown h4:hover .anchor,
.wmde-markdown h5:hover .anchor,
.wmde-markdown h6:hover .anchor {
  text-decoration: none;
}
.wmde-markdown h1:hover .anchor .octicon-link,
.wmde-markdown h2:hover .anchor .octicon-link,
.wmde-markdown h3:hover .anchor .octicon-link,
.wmde-markdown h4:hover .anchor .octicon-link,
.wmde-markdown h5:hover .anchor .octicon-link,
.wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}
.wmde-markdown h1 tt,
.wmde-markdown h1 code,
.wmde-markdown h2 tt,
.wmde-markdown h2 code,
.wmde-markdown h3 tt,
.wmde-markdown h3 code,
.wmde-markdown h4 tt,
.wmde-markdown h4 code,
.wmde-markdown h5 tt,
.wmde-markdown h5 code,
.wmde-markdown h6 tt,
.wmde-markdown h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.wmde-markdown ul.no-list,
.wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}
.wmde-markdown ol[type='1'] {
  list-style-type: decimal;
}
.wmde-markdown ol[type='a'] {
  list-style-type: lower-alpha;
}
.wmde-markdown ol[type='i'] {
  list-style-type: lower-roman;
}
.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}
.wmde-markdown ul ul,
.wmde-markdown ul ol,
.wmde-markdown ol ol,
.wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wmde-markdown li > p {
  margin-top: 16px;
}
.wmde-markdown li + li {
  margin-top: 0.25em;
}
.wmde-markdown dl {
  padding: 0;
}
.wmde-markdown dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.wmde-markdown dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.wmde-markdown table th {
  font-weight: 600;
}
.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.wmde-markdown table img {
  background-color: transparent;
}
.wmde-markdown img[align='right'] {
  padding-left: 20px;
}
.wmde-markdown img[align='left'] {
  padding-right: 20px;
}
.wmde-markdown .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}
.wmde-markdown span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown span.frame span img {
  display: block;
  float: left;
}
.wmde-markdown span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.wmde-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.wmde-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.wmde-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.wmde-markdown span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}
.wmde-markdown span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown code,
.wmde-markdown tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.wmde-markdown code br,
.wmde-markdown tt br {
  display: none;
}
.wmde-markdown del code {
  text-decoration: inherit;
}
.wmde-markdown pre code {
  font-size: 100%;
}
.wmde-markdown pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.wmde-markdown pre {
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.wmde-markdown pre code,
.wmde-markdown pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.wmde-markdown pre > code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.wmde-markdown .csv-data td,
.wmde-markdown .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.wmde-markdown .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.wmde-markdown .csv-data tr {
  border-top: 0;
}
.wmde-markdown .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.wmde-markdown .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.wmde-markdown .footnotes ol {
  padding-left: 16px;
}
.wmde-markdown .footnotes li {
  position: relative;
}
.wmde-markdown .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}
.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.wmde-markdown .task-list-item {
  list-style-type: none;
}
.wmde-markdown .task-list-item label {
  font-weight: 400;
}
.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}
.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}
.wmde-markdown .task-list-item .handle {
  display: none;
}
.wmde-markdown .task-list-item-checkbox,
.wmde-markdown .contains-task-list input[type='checkbox'] {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,
.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {
  margin: 0 -1.6em 0.25em 0.2em;
}
.wmde-markdown ::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(50%);
          filter: invert(50%);
}
.wmde-markdown pre[class*='language-'] {
  position: relative;
}
.wmde-markdown pre .copied {
  visibility: hidden;
  display: flex;
  position: absolute;
  cursor: pointer;
  color: var(--color-fg-defaul);
  top: 6px;
  right: 6px;
  border-radius: 5px;
  background: var(--color-border-default);
  padding: 6px;
  font-size: 12px;
  transition: all 0.3s;
}
.wmde-markdown pre .copied .octicon-copy {
  display: block;
}
.wmde-markdown pre .copied .octicon-check {
  display: none;
}
.wmde-markdown pre:hover .copied {
  visibility: visible;
}
.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}
.wmde-markdown pre:hover .copied:active,
.wmde-markdown pre .copied.active {
  background: #2e9b33;
  color: var(--color-canvas-default);
}
.wmde-markdown pre .active .octicon-copy {
  display: none;
}
.wmde-markdown pre .active .octicon-check {
  display: block;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--color-prettylights-syntax-comment);
}
.token.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.selector,
.token.constant,
.token.symbol,
.token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}
.token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}
.token.property-access,
.token.operator,
.token.boolean,
.token.number,
.token.selector .token.class,
.token.attr-name,
.token.string,
.token.char,
.token.builtin {
  color: var(--color-prettylights-syntax-constant);
}
.token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}
.code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}
.code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.token.variable {
  color: var(--color-prettylights-syntax-constant);
}
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: var(--color-prettylights-syntax-string);
}
.token.color,
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: var(--color-prettylights-syntax-string);
}
.token.rule,
.token.regex,
.token.important,
.token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}
.token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}

div.wmde-markdown-var *::selection {
  background-color: var(--color-action-50p);
  font-family: var(--font-mono) !important;
}

div.wmde-markdown.wmde-markdown-color {
  font-family: var(--font-sans) !important;
  background-color: transparent !important;
}

div.wmde-markdown.wmde-markdown-color img {
  background-color: transparent !important;
}

div.wmde-markdown.wmde-markdown-color .code-line {
  color: var(--color-primary);
}

div.wmde-markdown-var *::selection {
  background-color: var(--color-action-50p);
  font-family: var(--font-mono) !important;
}

.w-md-editor-preview .wmde-markdown h1,
.w-md-editor-preview .wmde-markdown h2 {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 700;
}

.w-md-editor-preview code.code-highlight {
  /* background-color: var(--color-black) !important; */
  background-color: var(--color-hoverable-hover) !important;
}

.w-md-editor-preview {
  background-color: transparent !important;
}

div.wmde-markdown.wmde-markdown-color pre {
  background-color: var(--color-hoverable-hover) !important;
}

div.wmde-markdown.wmde-markdown-color code.code-highlight > span.code-line {
  font-weight: 700;
  color: var(--color-black) !important;
}

.wmde-markdown,
.wmde-markdown-var ul {
  list-style: outside !important;
}
.wmde-markdown,
.wmde-markdown-var ol {
  list-style: decimal !important;
}

div.wmde-markdown.wmde-markdown-color ul {
  list-style: outside !important;
}

div.wmde-markdown.wmde-markdown-color ol {
  list-style: decimal !important;
}

.wmde-markdown,
.wmde-markdown-var {
  --color-prettylights-syntax-constant: var(--color-action);
  --color-prettylights-syntax-entity: var(--color-action);
  --color-prettylights-syntax-storage-modifier-import: var(--color-black);
  --color-prettylights-syntax-entity-tag: var(--color-action);
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: var(--color-action);
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: var(--color-danger);
  --color-prettylights-syntax-invalid-illegal-text: var(--color);
  --color-prettylights-syntax-invalid-illegal-bg: var(--color-danger);
  --color-prettylights-syntax-carriage-return-text: var(--color);
  --color-prettylights-syntax-carriage-return-bg: var(--color-danger);
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: var(--color-action);
  --color-prettylights-syntax-markup-italic: var(--color-black);
  --color-prettylights-syntax-markup-bold: var(--color-black);
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: var(--color-danger);
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: var(--color-danger);
  --color-prettylights-syntax-markup-ignored-text: var(--color-black);
  --color-prettylights-syntax-markup-ignored-bg: var(--color-action);
  --color-prettylights-syntax-meta-diff-range: var(--color-action);
  --color-prettylights-syntax-brackethighlighter-angle: var(--color-hoverable-focus);
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--color-grey-dark);
  --color-prettylights-syntax-constant-other-reference-link: var(--color-action);
  --color-fg-default: var(--color-black);
  --color-fg-muted: var(--color-black-50p);
  --color-fg-subtle: var(--color-grey-dark);
  --color-canvas-default: var(--color-white);
  --color-canvas-subtle: var(--color-black);
  --color-border-default: var(--color-grey-dark);
  --color-border-muted: var(--color-black);
  --color-neutral-muted: var(--color-hoverable-focus);
  --color-accent-fg: var(--color-action);
  --color-accent-emphasis: var(--color-action);
  --color-attention-subtle: rgb(214, 183, 45);
  --color-danger-fg: var(--color-danger);
}

/***
    The new CSS reset - version 1.6.1 (last updated 25.5.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(
    :not(
        i,
        pre,
        em,
        del,
        html,
        iframe,
        canvas,
        img,
        svg,
        video,
        input[type='checkbox'],
        input[type='date'],
        input[type='radio'],
        input[type='datetime-local'],
        textarea
      ):not(svg *, symbol *)
  ) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* reset default text opacity of input placeholder */
::-webkit-input-placeholder {
  color: unset;
}
:-ms-input-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  visibility: hidden;
  /* display: none; */
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]:not([contenteditable='false'])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable='true']) {
  -webkit-user-drag: element;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  display: inline-block;
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: var(--font-mono), monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1; /* 1 */
  margin: 0; /* 2 */
}

button,
a {
  cursor: pointer;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

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

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  visibility: hidden;
}

/* Reset for react-carousel */
.carousel__slide-focus-ring {
  display: none !important;
}

:root {
  --color-primary-80p: hsla(0, 0%, 100%, 0.8);
  --color-primary-50p: hsla(0, 0%, 100%, 0.5);
  --color-primary-light: #f0efef;
  --color-primary-dark: #e3e3e3;
  --color-primary: #ffffff;

  --color-action: hsl(251, 61%, 58%);
  --color-action-50p: hsla(251, 61%, 58%, 0.5);
  --color-action-20p: hsla(251, 61%, 58%, 0.2);
  --color-action-10p: hsla(251, 61%, 58%, 0.1);

  --color-black: #202020;
  --color-white: #ffffff;

  --color-text-black: #202020;
  --color-grey: #eaeaea;
  --color-grey-dark: #ababab;
  --color-text-white: #f5f5f5;

  --color-danger: hsla(9, 100%, 58%, 1);
  --color-danger-50p: hsla(9, 100%, 58%, 0.5);

  --color-ai: #5d8cca;

  --color-hoverable-transparent: rgba(0, 0, 0, 0);
  --color-hoverable-hover: rgba(0, 0, 0, 0.04);
  --color-hoverable-focus: rgba(0, 0, 0, 0.07);

  --color-yellow: rgb(251 255 0 / 30%);
  --color-red: rgb(255 21 21 / 14%);
  --color-huntflow: #2bcae3;
  --color-friendwork: #1593ea;
  --color-estaff: #f08f20;
  --color-potok: #1ed1f9;
  --dark-factor: -1;
}

[data-theme='dark'] {
  --color-action: hsl(251, 61%, 68%);
  --color-primary-80p: hsla(0, 0%, 11%, 0.8);
  --color-primary-50p: hsla(0, 0%, 11%, 0.5);
  --color-primary-dark: #292929;
  --color-primary-light: #1e1e1e;
  --color-primary: #1c1c1c;
  --color-action-50p: hsla(251, 61%, 68%, 0.5);
  --color-action-10p: hsla(251, 61%, 68%, 0.1);

  --color-white: #202020;
  --color-black: #e7e7e7;

  --color-text-white: #202020;
  --color-text-black: #e9e9e9;

  --color-danger: hsla(9, 100%, 64%, 1);
  --color-danger-50p: hsla(9, 100%, 64%, 0.5);

  --color-grey: #9a9a9a;
  --color-grey-dark: #828282;

  --color-hoverable-transparent: rgba(255, 255, 255, 0);
  --color-hoverable-hover: rgba(255, 255, 255, 0.05);
  --color-hoverable-focus: rgba(255, 255, 255, 0.08);

  --dark-factor: 1;
}

@supports (color: hsl(0 0% 0% / 0)) {
[data-theme='dark'] {

  --color-action: hsl(251, 61%, 68%);
}
}

:root {
  --shadow-regular: 0px 4px 10px rgba(0, 0, 0, 0.2);
  --shadow-light: 0px 4px 12px rgba(0, 0, 0, 0.15);

  --shadow-tooltip: 0px 2px 16px rgba(0, 0, 0, 0.2);
}

[data-theme='dark'] {
  --shadow-regular: 0px 4px 14px rgba(0, 0, 0, 0.3);
  --shadow-light: 0px 2px 8px rgba(0, 0, 0, 0.2);

  --shadow-tooltip: inset 0px 0px 0px 1px var(--color-grey-dark),
    0px 2px 16px rgba(0, 0, 0);
}

:root {
  --font-size-xxs: 9px;
  --font-size-xs: 11px;
  --font-size-s: 14px;
  --font-size-m: 16px;
  --font-size-l: 18px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 52px;

  --font-mono: 'Source Code Pro', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
}

:root {
  --default-transition: 0.2s ease;
}

@-webkit-keyframes init-fade {
  from {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  to {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}

@keyframes init-fade {
  from {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  to {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}

:root {
  --header-height: 64px;
  --container-padding-top: 24px;
  --container-padding-side: 16px;

  --checkbox-width: 16px;

  --section-max-height: 800px;
}

:root {
  --color-primary-80p: hsla(0, 0%, 100%, 0.8);
  --color-primary-50p: hsla(0, 0%, 100%, 0.5);
  --color-primary-light: #f0efef;
  --color-primary-dark: #e3e3e3;
  --color-primary: #ffffff;

  --color-action: hsl(251, 61%, 58%);
  --color-action-50p: hsla(251, 61%, 58%, 0.5);
  --color-action-20p: hsla(251, 61%, 58%, 0.2);
  --color-action-10p: hsla(251, 61%, 58%, 0.1);

  --color-black: #202020;
  --color-white: #ffffff;

  --color-text-black: #202020;
  --color-grey: #eaeaea;
  --color-grey-dark: #ababab;
  --color-text-white: #f5f5f5;

  --color-danger: hsla(9, 100%, 58%, 1);
  --color-danger-50p: hsla(9, 100%, 58%, 0.5);

  --color-ai: #5d8cca;

  --color-hoverable-transparent: rgba(0, 0, 0, 0);
  --color-hoverable-hover: rgba(0, 0, 0, 0.04);
  --color-hoverable-focus: rgba(0, 0, 0, 0.07);

  --color-yellow: rgb(251 255 0 / 30%);
  --color-red: rgb(255 21 21 / 14%);
  --color-huntflow: #2bcae3;
  --color-friendwork: #1593ea;
  --color-estaff: #f08f20;
  --color-potok: #1ed1f9;
  --dark-factor: -1;
}

[data-theme='dark'] {
  --color-action: hsl(251, 61%, 68%);
  --color-primary-80p: hsla(0, 0%, 11%, 0.8);
  --color-primary-50p: hsla(0, 0%, 11%, 0.5);
  --color-primary-dark: #292929;
  --color-primary-light: #1e1e1e;
  --color-primary: #1c1c1c;
  --color-action-50p: hsla(251, 61%, 68%, 0.5);
  --color-action-10p: hsla(251, 61%, 68%, 0.1);

  --color-white: #202020;
  --color-black: #e7e7e7;

  --color-text-white: #202020;
  --color-text-black: #e9e9e9;

  --color-danger: hsla(9, 100%, 64%, 1);
  --color-danger-50p: hsla(9, 100%, 64%, 0.5);

  --color-grey: #9a9a9a;
  --color-grey-dark: #828282;

  --color-hoverable-transparent: rgba(255, 255, 255, 0);
  --color-hoverable-hover: rgba(255, 255, 255, 0.05);
  --color-hoverable-focus: rgba(255, 255, 255, 0.08);

  --dark-factor: 1;
}

@supports (color: hsl(0 0% 0% / 0)) {
[data-theme='dark'] {

  --color-action: hsl(251, 61%, 68%);
}
}

:root {
  --default-transition: 0.2s ease;
}

@-webkit-keyframes init-fade {
  from {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  to {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}

@keyframes init-fade {
  from {
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
  to {
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
}

/* Multi values */
.react-select__multi-value {
  background-color: var(--color-black) !important;
  padding: 4px !important;
  border-radius: 40px !important;
  color: var(--color-white) !important;
}

.react-select__multi-value__label {
  font-weight: 600;
  font-size: var(--font-size-xs) !important;
  color: var(--color-white) !important;
}

.react-select__multi-value__remove {
  width: 18px !important;
  height: 18px !important;
  padding: 2px !important;
  margin-left: 4px;
  transition: var(--default-transition);
  border-radius: 40px !important;
  color: var(--color-white) !important;
}

.react-select__multi-value__remove:hover {
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
}

/* Placeholder */
.react-select .react-select__placeholder {
  color: var(--color-grey-dark);
  white-space: nowrap;
}

/* Input text */
.react-select .react-select__single-value {
  color: var(--color-text-black);
  white-space: nowrap;
}

/* Input field */
.react-select__input {
  color: var(--color-black) !important;
}

/* Container */
.react-select .react-select__control {
  cursor: pointer;
  transition: var(--default-transition);
  background-color: var(--color-white);
  border: 2px solid var(--color-grey);
  border-width: 2px;
  border-radius: 8px;
}

.react-select .react-select__control:hover {
  border-color: var(--color-grey-dark);
}

.react-select .react-select__control--is-focused,
.react-select .react-select__control--is-focused:hover {
  background-color: var(--color-white);
  box-shadow: none;
  border-color: var(--color-action);
}

/* Menu */
.react-select .react-select__menu {
  background-color: var(--color-white);
  border-radius: 8px;
  box-shadow: var(--shadow-regular);
  overflow: hidden;
}

/* Options list */
.react-select .react-select__menu-list {
}

/* Option */
.react-select .react-select__option {
  transition: var(--default-transition);
  color: var(--color-text-black);
  cursor: pointer;
}

.react-select .react-select__option--is-focused {
  background-color: var(--color-primary-dark);
  color: var(--color-action);
}

.react-select .react-select__option--is-selected {
  color: var(--color-text-white);
  background-color: var(--color-action);
}

.react-select .react-select__option:active {
  background-color: var(--color-primary-dark);
  -webkit-filter: opacity(0.6);
          filter: opacity(0.6);
}

.react-select .react-select__option--is-selected,
.react-select .react-select__option--is-selected:active {
  color: var(--color-text-white);
  background-color: var(--color-action);
}

.nextui-tooltip-arrow {
  background-color: transparent !important;
  z-index: 1 !important;
  width: 0 !important;
  height: 0 !important;
}

.nextui-tooltip-arrow::after {
  content: '';
  display: block;
  position: absolute;
  inset: -20px -12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Add hover effect like in gmail app */
.hoverable {
  transition: var(--default-transition);
  box-shadow: 0px 0px 0px 4px var(--color-hoverable-transparent);
}

.hoverable:hover {
  box-shadow: 0px 0px 0px 12px var(--color-hoverable-hover);
  background-color: var(--color-hoverable-hover);
}

.hoverable:focus-visible {
  box-shadow: 0px 0px 0px 12px var(--color-hoverable-focus);
  background-color: var(--color-hoverable-focus);
}

.hoverable:active {
  box-shadow: 0px 0px 0px 8px var(--color-hoverable-hover);
  background-color: var(--color-hoverable-hover);
  opacity: 0.8;
}

/* Hoverable block */
.hoverable-block {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  transition: var(--default-transition);
  background-color: var(--color-hoverable-transparent);
}

.hoverable-block:hover {
  background-color: var(--color-hoverable-hover);
}

.hoverable-block:focus-visible {
  background-color: var(--color-hoverable-focus);
}

.hoverable-block:active {
  background-color: var(--color-hoverable-hover);
  opacity: 0.8;
}

/* Main content container */
.container-main {
  margin: 0 24px;
}

.link {
  cursor: pointer;
  color: var(--color-action);
  transition: var(--default-transition);
  border-radius: 0.2em;
  box-shadow: 0 0 0 0.2em transparent;
}

.link:hover {
  background-color: var(--color-action-10p);
  box-shadow: 0 0 0 0.4em var(--color-action-10p);
}

.row-centered {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5em;
}

.error {
  font-size: var(--font-size-s);
  color: var(--color-danger);
}

/* Custom style for react-select */
/* Custom style for nextui-tooltip */

.nextui-pagination-highlight.nextui-pagination-highlight--active {
  background-color: var(--color-action) !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-family: var(--font-sans);
  font-size: var(--font-size-s);

  color: var(--color-text-black);
  background-color: var(--color-white);

  accent-color: var(--color-action);
}

* {
  outline-color: var(--color-action);
}

::selection {
  color: var(--color-text-white);
  background-color: var(--color-action);
}

h1,
h2,
h3,
h4 {
  font-weight: bold;
  /* font-family: var(--font-mono); */
}

h1 {
  font-size: var(--font-size-xxl);
}

h2 {
  font-size: var(--font-size-xl);
}

h3 {
  font-size: var(--font-size-m);
}

hr {
  margin: 1rem 0;
  border-top: 2px solid var(--color-hoverable-focus);
}

p {
  line-height: 1.4;
}