@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,700;1,300&display=swap";
.dark-mode .automute-resolver-button .f-hint {
  background: var(--black) !important;
}

.automute-resolver-button {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.automute-resolver-button-main-component {
  width: 100%;
  height: 100%;
  position: absolute;
}

.automute-resolver-button-overlay {
  width: 100%;
  height: 100%;
  transition: 125ms ease background-color backdrop-filter;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.automute-resolver-button-overlay.unmute-available {
  background-color: var(--black-a10);
}

.automute-resolver-button-overlay .f-hint {
  gap: 4px;
  background: #fff !important;
  border-left: none !important;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content {
  gap: 8px;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content > .separator {
  height: 100%;
  border-left: 1px solid #dfe5e5;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content > .icon {
  align-self: flex-start;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content > .icon .f-icon {
  color: var(--statusNotice);
  font-size: 16px;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content > .actions {
  align-self: stretch;
  display: flex;
}

.automute-resolver-button-overlay .f-hint > .f-hint-content > .actions .f-button {
  align-self: stretch;
  padding: 8px;
}

.plan-tunnel-choose-component {
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.plan-tunnel-choose-component .plans {
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  display: flex;
}

.plan-tunnel-choose-component .f-link.conditions {
  color: var(--white-a75);
  text-align: center;
  align-self: center;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.plan-tunnel-default {
  width: 300px;
  background: var(--black);
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 0 24px 32px -8px rgba(22, 22, 21, .12);
}

.plan-tunnel-default.most-popular:after {
  content: "";
  width: 125px;
  height: 125px;
  background-image: url("popular.c4213382.png");
  position: absolute;
  top: -23px;
  right: -23px;
}

.plan-tunnel-default.current-plan {
  box-shadow: inset 0px 0px 0px 4px var(--navigation);
}

.plan-tunnel-default .plan-tunnel-default-title {
  text-align: center;
  color: var(--primary);
  font-family: Lato;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-cost {
  text-align: center;
  color: var(--white-a90);
  font-family: Lato;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-description {
  color: var(--white-90, rgba(255, 255, 255, .9));
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-subdescription {
  color: var(--white-90, rgba(255, 255, 255, .9));
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-current-plan {
  color: var(--white-a75);
  background-color: var(--navigation);
  text-transform: uppercase;
  border-radius: 24px;
  align-self: center;
  padding: 8px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-line {
  height: 2px;
  background: #373838;
  border-radius: 1px;
  margin: 0 16px;
}

.plan-tunnel-default .plan-tunnel-default-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-list .list-item {
  color: var(--white-a75);
  align-items: center;
  gap: 8px;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-list .list-item .list-item-icon {
  color: var(--primary);
  font-weight: bold;
}

.plan-tunnel-default .plan-tunnel-default-expire_at {
  color: var(--white-a75);
  text-align: center;
  justify-content: center;
  margin: 16px 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-upgrade .f-button {
  width: 100%;
}

.plan-tunnel-default .plan-tunnel-default-additionnal-hour {
  color: var(--white-a75);
  text-align: center;
  align-self: center;
  gap: 8px;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default.chosen .plan-tunnel-default-current-plan, .plan-tunnel-default.chosen .plan-tunnel-default-upgrade {
  display: none;
}

.plan-tunnel-default.chosen .plan-tunnel-default-line {
  margin-bottom: auto;
}

.plan-tunnel-default-additionnal-hour-tooltip {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-tunnel-default-additionnal-hour-tooltip :last-child {
  text-align: left;
  max-width: 25ch;
}

.price-n-discount-tooltip {
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.price-n-discount {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.price-n-discount .discount {
  justify-content: center;
  gap: 8px;
  display: flex;
}

.price-n-discount .discount .percentageOff {
  background: var(--Primary-300, #5fdfdf);
  background: var(--Primary-300, #5fdfdf);
  color: var(--black, #191919);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px 5px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  display: flex;
}

.price-n-discount .discount .initialPriceStroked {
  color: var(--white-75, rgba(255, 255, 255, .75));
  text-align: right;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-decoration: line-through;
}

.plan-tunnel-default {
  width: 300px;
  background: var(--black);
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  padding: 32px 32px 48px;
  display: flex;
  position: relative;
  box-shadow: 0 24px 32px -8px rgba(22, 22, 21, .12);
}

.plan-tunnel-default.most-popular:after {
  content: "";
  width: 125px;
  height: 125px;
  background-image: url("popular.c4213382.png");
  position: absolute;
  top: -23px;
  right: -23px;
}

.plan-tunnel-default.current-plan {
  box-shadow: inset 0px 0px 0px 4px var(--navigation);
}

.plan-tunnel-default .plan-tunnel-default-title {
  text-align: center;
  color: var(--primary);
  font-family: Lato;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-cost {
  text-align: center;
  color: var(--white-a90);
  font-family: Lato;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-description {
  color: var(--white-90, rgba(255, 255, 255, .9));
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-tunnel-default .plan-tunnel-default-current-plan, .plan-tunnel-default .plan-tunnel-default-expired-plan {
  color: var(--white-a75);
  background-color: var(--navigation);
  text-transform: uppercase;
  border-radius: 24px;
  align-self: center;
  padding: 8px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-expired-plan {
  background-color: var(--statusNegative);
}

.plan-tunnel-default .plan-tunnel-default-line {
  height: 2px;
  background: #373838;
  border-radius: 1px;
  margin: 0 16px;
}

.plan-tunnel-default .plan-tunnel-default-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-list .list-item {
  color: var(--white-a75);
  align-items: center;
  gap: 8px;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-list .list-item .list-item-icon {
  color: var(--primary);
  font-weight: bold;
}

.plan-tunnel-default .plan-tunnel-default-expire_at {
  color: var(--white-a75);
  text-align: center;
  justify-content: center;
  margin: 16px 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default .plan-tunnel-default-delete_at {
  color: var(--negative-a75);
  text-align: center;
  margin: 16px 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.plan-tunnel-default .plan-tunnel-default-additionnal-hour {
  color: var(--white-a75);
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: baseline;
  gap: 8px;
  margin-top: auto;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.plan-tunnel-default.chosen .plan-tunnel-default-current-plan, .plan-tunnel-default.chosen .f-button {
  display: none;
}

.plan-tunnel-default.chosen .plan-tunnel-default-line {
  margin-bottom: auto;
}

.plan-tunnel-proceed-component {
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content {
  gap: 32px;
  display: flex;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content .plan-tunnel-proceed-chosen-plan {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content .plan-tunnel-proceed-chosen-plan .f-button {
  color: var(--white-a75);
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content .plan-tunnel-proceed-chosen-plan .f-button:hover {
  text-decoration: none;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content .information {
  width: 950px;
}

.plan-tunnel-proceed-component .plan-tunnel-proceed-content .plan-no-longer-available {
  background-color: var(--black);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.plan-tunnel-thank-you-component {
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  display: flex;
}

.plan-tunnel-thank-you-component h1 {
  color: var(--white-a75);
  text-align: center;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.plan-tunnel-thank-you-component .f-button {
  align-self: center;
}

.f-button[data-v-3ed6c2] {
  align-self: center;
  margin: 10px;
}

.f-button .f-icon[data-v-3ed6c2] {
  font-size: 20px;
}

.message[data-v-5e5c9c] {
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  font-family: Lato;
  font-size: 14px;
  display: flex;
}

.message.from_moderator .author[data-v-5e5c9c] {
  color: #20a0a0;
}

.message .author[data-v-5e5c9c] {
  font-size: 12px;
  font-weight: 700;
}

.message .text[data-v-5e5c9c] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.message .date[data-v-5e5c9c] {
  color: #bbb;
  font-size: 12px;
  font-weight: 400;
}

.troubleshooting-app {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-app .troubleshooting-app-wowzas {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-page {
  max-width: 1400px;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  margin: auto auto 100px;
  padding: 100px;
  display: flex;
}

.troubleshooting-page > .logo {
  height: 75px;
  background-image: url("Logo_Vodalys__Black.faeb89b4.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 10px;
}

.troubleshooting-page .title {
  color: var--(black);
  font-family: Lato;
  font-size: 32px;
  font-weight: 700;
}

.troubleshooting-page > .line {
  height: 2px;
  background-color: #dfe5e5;
  border-radius: 100%;
  margin: 16px 32px;
}

.troubleshooting-page > .list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (max-width: 700px) {
  .troubleshooting-page {
    padding: 60px 20px;
  }
}

.troubleshooting-status {
  color: var(--black);
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.troubleshooting-status .ok {
  color: var(--primary);
  display: none;
}

.troubleshooting-status .ko {
  color: var(--statusNegative);
  display: none;
}

.troubleshooting-status .warning, .troubleshooting-status .unknown {
  color: var(--statusNotice);
  display: none;
}

.troubleshooting-status .pending {
  color: var(--black);
  display: none;
}

.troubleshooting-status.ok .ok, .troubleshooting-status.ko .ko, .troubleshooting-status.warning .warning, .troubleshooting-status.unknown .unknown, .troubleshooting-status.pending .pending {
  display: block;
}

.troubleshooting-http-status {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-websocket-status {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-webrtc-status {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-http-status {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-bandwith-container {
  flex-wrap: wrap;
  gap: 33px;
  display: flex;
}

.troubleshooting-bandwith-container.hide-upload .troubleshooting-bandwith {
  flex: 50%;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith-latency {
  flex: auto;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith {
  flex-direction: column;
  flex: 33%;
  display: flex;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-title-and-value {
  display: flex;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-title {
  gap: 12px;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-value {
  text-align: right;
  margin-left: auto;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-chart {
  margin-top: 20px;
  position: relative;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-chart-y-min {
  white-space: nowrap;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 100%;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-chart-y-max {
  white-space: nowrap;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 100%;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-legend-container {
  gap: 12px;
  display: flex;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-annotation {
  width: 100%;
  flex-direction: column;
  display: flex;
  position: absolute;
  left: 0;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-annotation .troubleshooting-bandwith-annotation-line {
  width: 100%;
  border-top: 1px dotted #000;
}

.troubleshooting-bandwith-container .troubleshooting-bandwith .troubleshooting-bandwith-annotation .troubleshooting-bandwith-annotation-label {
  color: #000;
  text-align: right;
}

@media (max-width: 500px) {
  .troubleshooting-bandwith-container .troubleshooting-bandwith, .troubleshooting-bandwith-container .troubleshooting-bandwith-latency {
    flex: 0 278px;
  }
}





.troubleshooting-bandwith-latency {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.troubleshooting-bandwith-latency .troubleshooting-bandwith-latency-title {
  gap: 12px;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.troubleshooting-bandwith-latency .troubleshooting-bandwith-latency-value {
  font-family: Lato;
  font-size: 40px;
  font-weight: 700;
}

.troubleshooting-bandwith-latency .troubleshooting-bandwith-latency-required {
  white-space: nowrap;
}

.troubleshooting-player {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-player {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-player {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-player {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-player .troubleshooting-encoder-wowzas {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.troubleshooting-player .encoding .item {
  flex-direction: column;
  display: flex;
}

.troubleshooting-player .encoding .item .value {
  font-weight: 700;
}

.troubleshooting-speaker {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.troubleshooting-speaker .troubleshooting-speaker-wowzas {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

:root {
  --white: #fff;
  --white-d100: white;
  --white-d90: #e8e8e8;
  --white-d80: #d0d0d0;
  --white-d75: #c5c5c5;
  --white-d70: #b9b9b9;
  --white-d60: #a2a2a1;
  --white-d50: #8b8b8a;
  --white-d40: #737373;
  --white-d30: #5c5c5b;
  --white-d25: #505050;
  --white-d20: #454544;
  --white-d10: #2d2d2c;
  --white-d5: #222221;
  --white-d2: #1b1b1a;
  --white-d0: #161615;
  --white-l100: white;
  --white-l90: white;
  --white-l80: white;
  --white-l75: white;
  --white-l70: white;
  --white-l60: white;
  --white-l50: white;
  --white-l40: white;
  --white-l30: white;
  --white-l25: white;
  --white-l20: white;
  --white-l10: white;
  --white-l5: white;
  --white-l2: white;
  --white-l0: white;
  --white-a100: white;
  --white-a90: rgba(255, 255, 255, .9);
  --white-a80: rgba(255, 255, 255, .8);
  --white-a75: rgba(255, 255, 255, .75);
  --white-a70: rgba(255, 255, 255, .7);
  --white-a60: rgba(255, 255, 255, .6);
  --white-a50: rgba(255, 255, 255, .5);
  --white-a40: rgba(255, 255, 255, .4);
  --white-a30: rgba(255, 255, 255, .3);
  --white-a25: rgba(255, 255, 255, .25);
  --white-a20: rgba(255, 255, 255, .2);
  --white-a10: rgba(255, 255, 255, .1);
  --white-a5: rgba(255, 255, 255, .05);
  --white-a2: rgba(255, 255, 255, .02);
  --white-a0: rgba(255, 255, 255, 0);
  --black: #191919;
  --black-d100: #191919;
  --black-d90: #191919;
  --black-d80: #181818;
  --black-d75: #181818;
  --black-d70: #181818;
  --black-d60: #181817;
  --black-d50: #181817;
  --black-d40: #171717;
  --black-d30: #171716;
  --black-d25: #171716;
  --black-d20: #171716;
  --black-d10: #161615;
  --black-d5: #161615;
  --black-d2: #161615;
  --black-d0: #161615;
  --black-l100: #191919;
  --black-l90: #303030;
  --black-l80: #474747;
  --black-l75: #535353;
  --black-l70: #5e5e5e;
  --black-l60: #757575;
  --black-l50: #8c8c8c;
  --black-l40: #a3a3a3;
  --black-l30: #bababa;
  --black-l25: #c6c6c6;
  --black-l20: #d1d1d1;
  --black-l10: #e8e8e8;
  --black-l5: #f4f4f4;
  --black-l2: #fafafa;
  --black-l0: white;
  --black-a100: #191919;
  --black-a90: rgba(25, 25, 25, .9);
  --black-a80: rgba(25, 25, 25, .8);
  --black-a75: rgba(25, 25, 25, .75);
  --black-a70: rgba(25, 25, 25, .7);
  --black-a60: rgba(25, 25, 25, .6);
  --black-a50: rgba(25, 25, 25, .5);
  --black-a40: rgba(25, 25, 25, .4);
  --black-a30: rgba(25, 25, 25, .3);
  --black-a25: rgba(25, 25, 25, .25);
  --black-a20: rgba(25, 25, 25, .2);
  --black-a10: rgba(25, 25, 25, .1);
  --black-a5: rgba(25, 25, 25, .05);
  --black-a2: rgba(25, 25, 25, .02);
  --black-a0: rgba(25, 25, 25, 0);
  --greyXDark: #3c3c3b;
  --greyDark: #3c3c3b;
  --greySoft: #bbbbb8;
  --greyLight: #efefee;
  --greyMedium: #404040;
  --yellow: #ffe601;
  --yellow-d100: #ffe601;
  --yellow-d90: #e8d103;
  --yellow-d80: #d0bc05;
  --yellow-d75: #c5b206;
  --yellow-d70: #b9a807;
  --yellow-d60: #a29309;
  --yellow-d50: #8b7e0b;
  --yellow-d40: #73690d;
  --yellow-d30: #5c540f;
  --yellow-d25: #504a10;
  --yellow-d20: #454011;
  --yellow-d10: #2d2b13;
  --yellow-d5: #222014;
  --yellow-l100: #ffe601;
  --yellow-l90: #ffe91a;
  --yellow-l80: #ffeb34;
  --yellow-l75: #ffec41;
  --yellow-l70: #ffee4d;
  --yellow-l60: #fff067;
  --yellow-l50: #fff380;
  --yellow-l40: #fff599;
  --yellow-l30: #fff8b3;
  --yellow-l25: #fff9c0;
  --yellow-l20: #fffacc;
  --yellow-l10: #fffde6;
  --yellow-l5: #fffef2;
  --yellow-a100: #ffe601;
  --yellow-a90: rgba(255, 230, 1, .9);
  --yellow-a80: rgba(255, 230, 1, .8);
  --yellow-a75: rgba(255, 230, 1, .75);
  --yellow-a70: rgba(255, 230, 1, .7);
  --yellow-a60: rgba(255, 230, 1, .6);
  --yellow-a50: rgba(255, 230, 1, .5);
  --yellow-a40: rgba(255, 230, 1, .4);
  --yellow-a30: rgba(255, 230, 1, .3);
  --yellow-a25: rgba(255, 230, 1, .25);
  --yellow-a20: rgba(255, 230, 1, .2);
  --yellow-a10: rgba(255, 230, 1, .1);
  --yellow-a5: rgba(255, 230, 1, .05);
  --blue: #1890d3;
  --blue-d100: #1890d3;
  --blue-d90: #1884c0;
  --blue-d80: #1878ad;
  --blue-d75: #1872a4;
  --blue-d70: #176b9a;
  --blue-d60: #175f87;
  --blue-d50: #175374;
  --blue-d40: #174761;
  --blue-d30: #173b4e;
  --blue-d25: #173545;
  --blue-d20: #162e3b;
  --blue-d10: #162228;
  --blue-d5: #161c1f;
  --blue-l100: #1890d3;
  --blue-l90: #2f9bd7;
  --blue-l80: #46a6dc;
  --blue-l75: #52acde;
  --blue-l70: #5db1e0;
  --blue-l60: #74bce5;
  --blue-l50: #8cc8e9;
  --blue-l40: #a3d3ed;
  --blue-l30: #badef2;
  --blue-l25: #c5e3f4;
  --blue-l20: #d1e9f6;
  --blue-l10: #e8f4fb;
  --blue-l5: #f3f9fd;
  --blue-a100: #1890d3;
  --blue-a90: rgba(24, 144, 211, .9);
  --blue-a80: rgba(24, 144, 211, .8);
  --blue-a75: rgba(24, 144, 211, .75);
  --blue-a70: rgba(24, 144, 211, .7);
  --blue-a60: rgba(24, 144, 211, .6);
  --blue-a50: rgba(24, 144, 211, .5);
  --blue-a40: rgba(24, 144, 211, .4);
  --blue-a30: rgba(24, 144, 211, .3);
  --blue-a25: rgba(24, 144, 211, .25);
  --blue-a20: rgba(24, 144, 211, .2);
  --blue-a10: rgba(24, 144, 211, .1);
  --blue-a5: rgba(24, 144, 211, .05);
  --turquoise: #5cbab6;
  --turquoise-d100: #5cbab6;
  --turquoise-d90: #55aaa6;
  --turquoise-d80: #4e9996;
  --turquoise-d75: #4b918e;
  --turquoise-d70: #478986;
  --turquoise-d60: #407876;
  --turquoise-d50: #396866;
  --turquoise-d40: #325855;
  --turquoise-d30: #2b4745;
  --turquoise-d25: #283f3d;
  --turquoise-d20: #243735;
  --turquoise-d10: #1d2625;
  --turquoise-d5: #1a1e1d;
  --turquoise-l100: #5cbab6;
  --turquoise-l90: #6cc1bd;
  --turquoise-l80: #7dc8c5;
  --turquoise-l75: #85cbc8;
  --turquoise-l70: #8dcfcc;
  --turquoise-l60: #9dd6d3;
  --turquoise-l50: #aedddb;
  --turquoise-l40: #bee3e2;
  --turquoise-l30: #ceeae9;
  --turquoise-l25: #d6eeed;
  --turquoise-l20: #def1f0;
  --turquoise-l10: #eff8f8;
  --turquoise-l5: #f7fcfb;
  --turquoise-a100: #5cbab6;
  --turquoise-a90: rgba(92, 186, 182, .9);
  --turquoise-a80: rgba(92, 186, 182, .8);
  --turquoise-a75: rgba(92, 186, 182, .75);
  --turquoise-a70: rgba(92, 186, 182, .7);
  --turquoise-a60: rgba(92, 186, 182, .6);
  --turquoise-a50: rgba(92, 186, 182, .5);
  --turquoise-a40: rgba(92, 186, 182, .4);
  --turquoise-a30: rgba(92, 186, 182, .3);
  --turquoise-a25: rgba(92, 186, 182, .25);
  --turquoise-a20: rgba(92, 186, 182, .2);
  --turquoise-a10: rgba(92, 186, 182, .1);
  --turquoise-a5: rgba(92, 186, 182, .05);
  --turquoiseDark: #22a39d;
  --turquoiseDark-d100: #22a39d;
  --turquoiseDark-d90: #21958f;
  --turquoiseDark-d80: #208782;
  --turquoiseDark-d75: #1f807b;
  --turquoiseDark-d70: #1e7974;
  --turquoiseDark-d60: #1d6b67;
  --turquoiseDark-d50: #1c5d59;
  --turquoiseDark-d40: #1b4e4b;
  --turquoiseDark-d30: #1a403e;
  --turquoiseDark-d25: #193937;
  --turquoiseDark-d20: #183230;
  --turquoiseDark-d10: #172423;
  --turquoiseDark-d5: #171d1c;
  --turquoiseDark-l100: #22a39d;
  --turquoiseDark-l90: #38aca7;
  --turquoiseDark-l80: #4eb5b1;
  --turquoiseDark-l75: #59bab6;
  --turquoiseDark-l70: #64bfba;
  --turquoiseDark-l60: #7ac8c4;
  --turquoiseDark-l50: #91d1ce;
  --turquoiseDark-l40: #a7dad8;
  --turquoiseDark-l30: #bde3e2;
  --turquoiseDark-l25: #c8e8e7;
  --turquoiseDark-l20: #d3edeb;
  --turquoiseDark-l10: #e9f6f5;
  --turquoiseDark-l5: #f4fafa;
  --turquoiseDark-a100: #22a39d;
  --turquoiseDark-a90: rgba(34, 163, 157, .9);
  --turquoiseDark-a80: rgba(34, 163, 157, .8);
  --turquoiseDark-a75: rgba(34, 163, 157, .75);
  --turquoiseDark-a70: rgba(34, 163, 157, .7);
  --turquoiseDark-a60: rgba(34, 163, 157, .6);
  --turquoiseDark-a50: rgba(34, 163, 157, .5);
  --turquoiseDark-a40: rgba(34, 163, 157, .4);
  --turquoiseDark-a30: rgba(34, 163, 157, .3);
  --turquoiseDark-a25: rgba(34, 163, 157, .25);
  --turquoiseDark-a20: rgba(34, 163, 157, .2);
  --turquoiseDark-a10: rgba(34, 163, 157, .1);
  --turquoiseDark-a5: rgba(34, 163, 157, .05);
  --statusNegative: #d00e0e;
  --statusNegative-d90: #bd0f0f;
  --statusNegative-d80: #ab100f;
  --statusNegative-d75: #a21010;
  --statusNegative-d50: #731212;
  --statusNegative-d25: #451413;
  --statusNegative-d10: #291514;
  --statusNegative-d5: #1f1615;
  --statusNegative-d2: #1a1615;
  --statusNegative-l90: #d52626;
  --statusNegative-l80: #d93e3e;
  --statusNegative-l75: #dc4a4a;
  --statusNegative-l50: #e88787;
  --statusNegative-l25: #f3c3c3;
  --statusNegative-l10: #fae7e7;
  --statusNegative-l5: #fdf3f3;
  --statusNegative-l2: #fefafa;
  --statusNegative-a90: rgba(208, 14, 14, .9);
  --statusNegative-a80: rgba(208, 14, 14, .8);
  --statusNegative-a75: rgba(208, 14, 14, .75);
  --statusNegative-a50: rgba(208, 14, 14, .5);
  --statusNegative-a25: rgba(208, 14, 14, .25);
  --statusNegative-a10: rgba(208, 14, 14, .1);
  --statusNegative-a5: rgba(208, 14, 14, .05);
  --statusNegative-a2: rgba(208, 14, 14, .02);
  --statusNotice: #f5b537;
  --statusNotice-d90: #dfa534;
  --statusNotice-d80: #c89530;
  --statusNotice-d75: #bd8d2f;
  --statusNotice-d50: #866626;
  --statusNotice-d25: #4e3e1e;
  --statusNotice-d10: #2c2618;
  --statusNotice-d5: #211e17;
  --statusNotice-d2: #1a1916;
  --statusNotice-l90: #f6bc4b;
  --statusNotice-l80: #f7c45f;
  --statusNotice-l75: #f8c869;
  --statusNotice-l50: #fada9b;
  --statusNotice-l25: #fdedcd;
  --statusNotice-l10: #fef8eb;
  --statusNotice-l5: #fffbf5;
  --statusNotice-l2: #fffefb;
  --statusNotice-a90: rgba(245, 181, 55, .9);
  --statusNotice-a80: rgba(245, 181, 55, .8);
  --statusNotice-a75: rgba(245, 181, 55, .75);
  --statusNotice-a50: rgba(245, 181, 55, .5);
  --statusNotice-a25: rgba(245, 181, 55, .25);
  --statusNotice-a10: rgba(245, 181, 55, .1);
  --statusNotice-a5: rgba(245, 181, 55, .05);
  --statusNotice-a2: rgba(245, 181, 55, .02);
  --statusPositive: #69d357;
  --statusPositive-d90: #61c050;
  --statusPositive-d80: #58ad4a;
  --statusPositive-d75: #54a447;
  --statusPositive-d50: #407536;
  --statusPositive-d25: #2b4526;
  --statusPositive-d10: #1e291c;
  --statusPositive-d5: #1a1f18;
  --statusPositive-d2: #181a16;
  --statusPositive-l90: #78d768;
  --statusPositive-l80: #87dc79;
  --statusPositive-l75: #8fde81;
  --statusPositive-l50: #b4e9ab;
  --statusPositive-l25: #daf4d5;
  --statusPositive-l10: #f0fbee;
  --statusPositive-l5: #f8fdf7;
  --statusPositive-l2: #fcfefc;
  --statusPositive-a90: rgba(105, 211, 87, .9);
  --statusPositive-a80: rgba(105, 211, 87, .8);
  --statusPositive-a75: rgba(105, 211, 87, .75);
  --statusPositive-a50: rgba(105, 211, 87, .5);
  --statusPositive-a25: rgba(105, 211, 87, .25);
  --statusPositive-a10: rgba(105, 211, 87, .1);
  --statusPositive-a5: rgba(105, 211, 87, .05);
  --statusPositive-a2: rgba(105, 211, 87, .02);
  --primary: #2ad5d5;
  --primary-d100: #2ad5d5;
  --primary-d90: #28c2c2;
  --primary-d80: #26afaf;
  --primary-d75: #25a5a5;
  --primary-d70: #249c9b;
  --primary-d60: #228988;
  --primary-d50: #207675;
  --primary-d40: #1e6262;
  --primary-d30: #1c4f4f;
  --primary-d25: #1b4645;
  --primary-d20: #1a3c3b;
  --primary-d10: #182928;
  --primary-d5: #17201f;
  --primary-l100: #2ad5d5;
  --primary-l90: #3fd9d9;
  --primary-l80: #5dd;
  --primary-l75: #5fe0e0;
  --primary-l70: #6ae2e2;
  --primary-l60: #7fe6e6;
  --primary-l50: #95eaea;
  --primary-l40: #aee;
  --primary-l30: #bff2f2;
  --primary-l25: #caf5f5;
  --primary-l20: #d4f7f7;
  --primary-l10: #eafbfb;
  --primary-l5: #f4fdfd;
  --primary-a100: #2ad5d5;
  --primary-a90: rgba(42, 213, 213, .9);
  --primary-a80: rgba(42, 213, 213, .8);
  --primary-a75: rgba(42, 213, 213, .75);
  --primary-a70: rgba(42, 213, 213, .7);
  --primary-a60: rgba(42, 213, 213, .6);
  --primary-a50: rgba(42, 213, 213, .5);
  --primary-a40: rgba(42, 213, 213, .4);
  --primary-a30: rgba(42, 213, 213, .3);
  --primary-a25: rgba(42, 213, 213, .25);
  --primary-a20: rgba(42, 213, 213, .2);
  --primary-a10: rgba(42, 213, 213, .1);
  --primary-a5: rgba(42, 213, 213, .05);
  --navigation: #209fdf;
  --navigation-d100: #209fdf;
  --navigation-d90: #1f91cb;
  --navigation-d80: #1e84b7;
  --navigation-d75: #1e7dad;
  --navigation-d70: #1d76a2;
  --navigation-d60: #1c688e;
  --navigation-d50: #1b5b7a;
  --navigation-d40: #1a4d66;
  --navigation-d30: #193f52;
  --navigation-d25: #193848;
  --navigation-d20: #18313d;
  --navigation-d10: #172429;
  --navigation-d5: #171d1f;
  --navigation-l100: #209fdf;
  --navigation-l90: #36a9e2;
  --navigation-l80: #4db2e5;
  --navigation-l75: #58b7e7;
  --navigation-l70: #63bce9;
  --navigation-l60: #79c5ec;
  --navigation-l50: #90cfef;
  --navigation-l40: #a6d9f2;
  --navigation-l30: #bce2f5;
  --navigation-l25: #c7e7f7;
  --navigation-l20: #d2ecf9;
  --navigation-l10: #e9f5fc;
  --navigation-l5: #f4fafd;
  --navigation-a100: #209fdf;
  --navigation-a90: rgba(32, 159, 223, .9);
  --navigation-a80: rgba(32, 159, 223, .8);
  --navigation-a75: rgba(32, 159, 223, .75);
  --navigation-a70: rgba(32, 159, 223, .7);
  --navigation-a60: rgba(32, 159, 223, .6);
  --navigation-a50: rgba(32, 159, 223, .5);
  --navigation-a40: rgba(32, 159, 223, .4);
  --navigation-a30: rgba(32, 159, 223, .3);
  --navigation-a25: rgba(32, 159, 223, .25);
  --navigation-a20: rgba(32, 159, 223, .2);
  --navigation-a10: rgba(32, 159, 223, .1);
  --navigation-a5: rgba(32, 159, 223, .05);
  --negative: #d00e0e;
  --negative-d100: #d00e0e;
  --negative-d90: #bd0f0f;
  --negative-d80: #ab100f;
  --negative-d75: #a21010;
  --negative-d70: #981010;
  --negative-d60: #861111;
  --negative-d50: #731212;
  --negative-d40: #601312;
  --negative-d30: #4e1413;
  --negative-d25: #451413;
  --negative-d20: #3b1414;
  --negative-d10: #291514;
  --negative-d5: #1f1615;
  --negative-l100: #d00e0e;
  --negative-l90: #d52626;
  --negative-l80: #d93e3e;
  --negative-l75: #dc4a4a;
  --negative-l70: #de5656;
  --negative-l60: #e36e6e;
  --negative-l50: #e88787;
  --negative-l40: #ec9f9f;
  --negative-l30: #f1b7b7;
  --negative-l25: #f3c3c3;
  --negative-l20: #f6cfcf;
  --negative-l10: #fae7e7;
  --negative-l5: #fdf3f3;
  --negative-a100: #d00e0e;
  --negative-a90: rgba(208, 14, 14, .9);
  --negative-a80: rgba(208, 14, 14, .8);
  --negative-a75: rgba(208, 14, 14, .75);
  --negative-a70: rgba(208, 14, 14, .7);
  --negative-a60: rgba(208, 14, 14, .6);
  --negative-a50: rgba(208, 14, 14, .5);
  --negative-a40: rgba(208, 14, 14, .4);
  --negative-a30: rgba(208, 14, 14, .3);
  --negative-a25: rgba(208, 14, 14, .25);
  --negative-a20: rgba(208, 14, 14, .2);
  --negative-a10: rgba(208, 14, 14, .1);
  --negative-a5: rgba(208, 14, 14, .05);
  --notice: #f5b537;
  --notice-d100: #f5b537;
  --notice-d90: #dfa534;
  --notice-d80: #c89530;
  --notice-d75: #bd8d2f;
  --notice-d70: #b2852d;
  --notice-d60: #9c7529;
  --notice-d50: #866626;
  --notice-d40: #6f5623;
  --notice-d30: #59461f;
  --notice-d25: #4e3e1e;
  --notice-d20: #43361c;
  --notice-d10: #2c2618;
  --notice-d5: #211e17;
  --notice-l100: #f5b537;
  --notice-l90: #f6bc4b;
  --notice-l80: #f7c45f;
  --notice-l75: #f8c869;
  --notice-l70: #f8cb73;
  --notice-l60: #f9d387;
  --notice-l50: #fada9b;
  --notice-l40: #fbe1af;
  --notice-l30: #fce9c3;
  --notice-l25: #fdedcd;
  --notice-l20: #fdf0d7;
  --notice-l10: #fef8eb;
  --notice-l5: #fffbf5;
  --notice-a100: #f5b537;
  --notice-a90: rgba(245, 181, 55, .9);
  --notice-a80: rgba(245, 181, 55, .8);
  --notice-a75: rgba(245, 181, 55, .75);
  --notice-a70: rgba(245, 181, 55, .7);
  --notice-a60: rgba(245, 181, 55, .6);
  --notice-a50: rgba(245, 181, 55, .5);
  --notice-a40: rgba(245, 181, 55, .4);
  --notice-a30: rgba(245, 181, 55, .3);
  --notice-a25: rgba(245, 181, 55, .25);
  --notice-a20: rgba(245, 181, 55, .2);
  --notice-a10: rgba(245, 181, 55, .1);
  --notice-a5: rgba(245, 181, 55, .05);
  --interactiveBlueHover: var(--blue-l10);
  --interactiveBluePress: var(--blue-l25);
  --interactiveYellowHover: var(--yellow-d90);
  --interactiveYellowPress: var(--yellow-d80);
  --interactiveTurquoiseHover: var(--turquoise-d90);
  --interactiveTurquoisePress: var(--turquoise-d80);
  --interactiveOverlayhover: var(--white-d90);
  --interactiveOverlayPress: var(--white-d80);
  --interactiveStatusNegativeHover: var(--statusNegative-d90);
  --interactiveStatusNegativePress: var(--statusNegative-d80);
  --interactiveStatusNoticeHover: var(--statusNotice-d90);
  --interactiveStatusNoticePress: var(--statusNotice-d80);
}

.f-grid {
  display: grid;
}

.f-row {
  flex-direction: row;
  display: flex;
}

.f-row.hcenter {
  justify-content: center;
}

.f-row.vcenter {
  align-items: center;
}

.f-column {
  flex-direction: column;
  display: flex;
}

.f-column.vcenter {
  justify-content: center;
}

.f-column.hcenter {
  align-items: center;
}

.f-drop-down-box {
  position: relative;
}

.f-drop-down-box .f-drop-down-box-box {
  width: 240px;
  z-index: 1000;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  position: absolute;
  top: calc(100% + 8px);
  left: calc(50% - 48px);
  box-shadow: 0 24px 48px rgba(22, 22, 21, .25);
}

.f-drop-down-box .f-drop-down-box-box .f-drop-down-box-box-arrow {
  width: 16px;
  height: 8px;
  position: absolute;
  top: -8px;
  left: 12px;
}

.f-drop-down-box.rightbox .f-drop-down-box-box {
  bottom: calc(50% - 48px);
  left: calc(100% + 8px);
  top: inherit;
}

.f-drop-down-box.rightbox .f-drop-down-box-box .f-drop-down-box-box-arrow {
  display: none;
}

.f-drop-down-box.rightanchor .f-drop-down-box-box {
  left: auto;
  right: 0;
}

.f-drop-down-box.rightanchor .f-drop-down-box-box .f-drop-down-box-box-arrow {
  width: 16px;
  height: 8px;
  top: -8px;
  left: auto;
  right: 12px;
}

.dark-mode .f-drop-down-box {
  color: var(--white-a75);
}

.dark-mode .f-drop-down-box .f-drop-down-box-box {
  background: #000;
  box-shadow: 0 24px 48px rgba(0, 0, 0, .4);
}

.dark-mode .f-drop-down-box .f-drop-down-box-box .f-form {
  background: #000;
}

.f-drop-down-header[data-v-f9849e] {
  flex-direction: row;
  gap: 7px;
  padding: 16px 11px 26px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.f-drop-down-header .f-drop-down-header-icon[data-v-f9849e] {
  color: #5cbab6;
  font-size: 18px;
}

.dark-mode .f-drop-down-header[data-v-f9849e] {
  color: var(--white-a75);
  font-size: 16px;
}

.dark-mode .f-drop-down-header .f-drop-down-header-icon[data-v-f9849e] {
  color: var(--primary);
}

input[data-v-d437d7] {
  color: #161615;
  background: rgba(239, 239, 238, .5);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  padding: 14px 12px;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

input[data-v-d437d7]:focus {
  border: 1px solid #1890d3;
  outline: 5px solid rgba(24, 144, 211, .25);
}

.f-sexy-scroll {
  overflow: auto;
}

.f-sexy-scroll::-webkit-scrollbar {
  width: 16px;
}

.f-sexy-scroll::-webkit-scrollbar-track {
  background: none;
}

.f-sexy-scroll::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
  border-radius: 2px;
}

.f-sexy-scroll::-webkit-scrollbar-thumb {
  background: rgba(22, 22, 21, .1) padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-sexy-scroll::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-sexy-scroll::-webkit-scrollbar-corner {
  background: none;
}

.f-sexy-scroll.visible::-webkit-scrollbar-track {
  background: none;
}

.f-sexy-scroll.visible::-webkit-scrollbar-thumb {
  background: #ddd padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-sexy-scroll.dark::-webkit-scrollbar-track {
  background: none;
}

.f-sexy-scroll.dark::-webkit-scrollbar-track:hover {
  background: rgba(230, 230, 230, .1);
  border-radius: 2px;
}

.f-sexy-scroll.dark::-webkit-scrollbar-thumb {
  background: rgba(235, 235, 235, .1) padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-sexy-scroll.dark::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, .1) padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-sexy-scroll.dark::-webkit-scrollbar-corner {
  background: none;
}

.f-sexy-scroll.dark.visible::-webkit-scrollbar-track {
  background: none;
}

.f-sexy-scroll.dark.visible::-webkit-scrollbar-thumb {
  background: #212121 padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.dark-mode .f-sexy-scroll::-webkit-scrollbar-track:hover {
  background: var(--white-a5);
}

.dark-mode .f-sexy-scroll::-webkit-scrollbar-thumb {
  background: var(--white-a25);
  background-clip: content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.dark-mode .f-sexy-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--white-a50);
  background-clip: content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-list {
  flex-wrap: wrap;
  display: flex;
}

.f-list .f-list-title {
  color: var(--white-a75);
  align-self: center;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-list .f-list-actions {
  margin-left: auto;
}

.f-list .f-list-items {
  width: 100%;
  border: 1px solid var(--white-a25);
  height: 240px;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.f-list .f-list-items .f-sexy-scroll {
  height: 0;
  flex: auto;
}

.dark-mode .f-button.primary, .dark-mode .f-button.primary.highlight, .dark-mode .f-button.highlight, .dark-mode .f-button.filled {
  background: var(--primary);
  border: 2px solid var(--primary);
  color: var(--black);
}

.dark-mode .f-button.primary:hover, .dark-mode .f-button.primary:focus, .dark-mode .f-button.primary.highlight:hover, .dark-mode .f-button.primary.highlight:focus, .dark-mode .f-button.highlight:hover, .dark-mode .f-button.highlight:focus, .dark-mode .f-button.filled:hover, .dark-mode .f-button.filled:focus {
  border: 2px solid var(--primary-d90);
  background-color: var(--primary-d90);
}

.dark-mode .f-button.primary.active, .dark-mode .f-button.primary:active, .dark-mode .f-button.primary:active:hover, .dark-mode .f-button.primary.highlight.active, .dark-mode .f-button.primary.highlight:active, .dark-mode .f-button.primary.highlight:active:hover, .dark-mode .f-button.highlight.active, .dark-mode .f-button.highlight:active, .dark-mode .f-button.highlight:active:hover, .dark-mode .f-button.filled.active, .dark-mode .f-button.filled:active, .dark-mode .f-button.filled:active:hover {
  border: 2px solid var(--primary-d80);
  background-color: var(--primary-d80);
}

.dark-mode .f-button.primary .f-icon, .dark-mode .f-button.primary i.fa.fa-circle-o-notch, .dark-mode .f-button.primary.highlight .f-icon, .dark-mode .f-button.primary.highlight i.fa.fa-circle-o-notch, .dark-mode .f-button.highlight .f-icon, .dark-mode .f-button.highlight i.fa.fa-circle-o-notch, .dark-mode .f-button.filled .f-icon, .dark-mode .f-button.filled i.fa.fa-circle-o-notch {
  color: var(--black);
}

.dark-mode .f-button.primary.overlay {
  background: var(--white);
  border: 2px solid var(--white);
  color: var(--black);
}

.dark-mode .f-button.primary.overlay:hover, .dark-mode .f-button.primary.overlay:focus {
  background: var(--black-l10);
  border: 2px solid var(--black-l10);
}

.dark-mode .f-button.primary.overlay.active, .dark-mode .f-button.primary.overlay:active, .dark-mode .f-button.primary.overlay:active:hover {
  background: var(--black-l20);
  border: 2px solid var(--black-l20);
}

.dark-mode .f-button.primary.overlay .f-icon, .dark-mode .f-button.primary.overlay i.fa.fa-circle-o-notch {
  color: var(--black);
}

.dark-mode .f-button.secondary {
  color: var(--navigation);
  border: 2px solid var(--navigation-a75);
  background: none;
}

.dark-mode .f-button.secondary:hover, .dark-mode .f-button.secondary:focus {
  background-color: var(--navigation-a10);
}

.dark-mode .f-button.secondary.active, .dark-mode .f-button.secondary:active, .dark-mode .f-button.secondary:active:hover {
  background-color: var(--navigation-a25);
}

.dark-mode .f-button.secondary .f-icon, .dark-mode .f-button.secondary i.fa.fa-circle-o-notch {
  color: var(--navigation);
}

.dark-mode .f-button.secondary.overlay {
  color: var(--white);
  border: 2px solid var(--white);
  background: none;
}

.dark-mode .f-button.secondary.overlay:hover, .dark-mode .f-button.secondary.overlay:focus {
  background-color: var(--white-a10);
}

.dark-mode .f-button.secondary.overlay.active, .dark-mode .f-button.secondary.overlay:active, .dark-mode .f-button.secondary.overlay:active:hover {
  background-color: var(--white-a25);
}

.dark-mode .f-button.secondary.overlay .f-icon, .dark-mode .f-button.secondary.overlay i.fa.fa-circle-o-notch {
  color: var(--white);
}

.dark-mode .f-button.secondary.negative {
  color: var(--negative);
  border: 2px solid var(--negative-a50);
  background: none;
}

.dark-mode .f-button.secondary.negative:hover, .dark-mode .f-button.secondary.negative:focus {
  background: var(--negative-a5);
  border: 2px solid var(--negative-a50);
}

.dark-mode .f-button.secondary.negative.active, .dark-mode .f-button.secondary.negative:active, .dark-mode .f-button.secondary.negative:active:hover {
  background: var(--negative-a10);
  border: 2px solid var(--negative-a50);
}

.dark-mode .f-button.secondary.negative .f-icon, .dark-mode .f-button.secondary.negative i.fa.fa-circle-o-notch {
  color: var(--negative);
}

.dark-mode .f-button.tertiary {
  color: var(--navigation);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
  text-decoration: none;
}

.dark-mode .f-button.tertiary:hover, .dark-mode .f-button.tertiary:focus {
  background: var(--navigation-a10);
}

.dark-mode .f-button.tertiary.active, .dark-mode .f-button.tertiary:active, .dark-mode .f-button.tertiary:active:hover {
  background: var(--navigation-a25);
}

.dark-mode .f-button.tertiary .f-icon, .dark-mode .f-button.tertiary i.fa.fa-circle-o-notch {
  color: var(--blue);
}

.dark-mode .f-button.tertiary.overlay {
  color: var(--white);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

.dark-mode .f-button.tertiary.overlay:hover, .dark-mode .f-button.tertiary.overlay:focus {
  background-color: var(--white-a10);
}

.dark-mode .f-button.tertiary.overlay.active, .dark-mode .f-button.tertiary.overlay:active, .dark-mode .f-button.tertiary.overlay:active:hover {
  background-color: var(--white-a25);
}

.dark-mode .f-button.tertiary.overlay .f-icon, .dark-mode .f-button.tertiary.overlay i.fa.fa-circle-o-notch {
  color: var(--white);
}

.dark-mode .f-button.tertiary.negative {
  color: var(--negative);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

.dark-mode .f-button.tertiary.negative:hover, .dark-mode .f-button.tertiary.negative:focus {
  background: var(--negative-a5);
  border: 2px solid rgba(0, 0, 0, 0);
}

.dark-mode .f-button.tertiary.negative.active, .dark-mode .f-button.tertiary.negative:active, .dark-mode .f-button.tertiary.negative:active:hover {
  background: var(--negative-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

.dark-mode .f-button.tertiary.negative .f-icon, .dark-mode .f-button.tertiary.negative i.fa.fa-circle-o-notch {
  color: var(--negative);
}

.dark-mode .f-button.transparent {
  color: var(--white-a75);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.dark-mode .f-button.transparent:hover, .dark-mode .f-button.transparent:focus {
  color: var(--white);
  background: var(--white-a10);
}

.dark-mode .f-button.transparent.active, .dark-mode .f-button.transparent:active, .dark-mode .f-button.transparent:active:hover {
  color: var(--white);
  background: var(--white-a25);
}

.dark-mode .f-button.danger {
  background: var(--negative);
  border: 2px solid var(--negative);
  color: var(--white);
}

.dark-mode .f-button.danger:hover, .dark-mode .f-button.danger:focus {
  background: var(--negative-d90);
  border: 2px solid var(--negative-d90);
}

.dark-mode .f-button.danger.active, .dark-mode .f-button.danger:active, .dark-mode .f-button.danger:active:hover {
  background: var(--negative-d80);
  border: 2px solid var(--negative-d80);
}

.dark-mode .f-button.icon.small .f-icon {
  font-size: 12px;
}

.dark-mode button.f-button.pending, .dark-mode button.f-button.pending.overlay, .dark-mode button.f-button.pending .f-icon, .dark-mode button.f-button.pending.overlay .f-icon {
  color: rgba(0, 0, 0, 0);
}

.f-button {
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 6px;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  position: relative;
}

.f-button.small {
  height: 40px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
}

.f-button.primary {
  background: var(--turquoise);
  border: 2px solid var(--turquoise);
  color: #fff;
}

.f-button.primary:hover, .f-button.primary:focus {
  border: 2px solid var(--turquoise-d90);
  background-color: var(--turquoise-d90);
}

.f-button.primary.active, .f-button.primary:active, .f-button.primary:active:hover {
  border: 2px solid var(--turquoise-d80);
  background-color: var(--turquoise-d80);
}

.f-button.primary i.fa.fa-circle-o-notch {
  color: #fff;
}

.f-button.primary[disabled] {
  opacity: .25;
}

.f-button.primary.overlay {
  background: var(--white);
  border: 2px solid var(--white);
  color: var(--black);
}

.f-button.primary.overlay:hover, .f-button.primary.overlay:focus {
  background: var(--black-l10);
  border: 2px solid var(--black-l10);
}

.f-button.primary.overlay.active, .f-button.primary.overlay:active, .f-button.primary.overlay:active:hover {
  background: var(--black-l20);
  border: 2px solid var(--black-l20);
}

.f-button.primary.overlay i.fa.fa-circle-o-notch {
  color: var(--black);
}

.f-button.secondary {
  color: var(--blue);
  border: 2px solid var(--blue-l75);
  background: none;
}

.f-button.secondary:hover, .f-button.secondary:focus {
  background-color: var(--blue-l10);
}

.f-button.secondary.active, .f-button.secondary:active, .f-button.secondary:active:hover {
  background-color: var(--blue-l20);
}

.f-button.secondary i.fa.fa-circle-o-notch {
  color: var(--blue);
}

.f-button.secondary.disabled {
  opacity: .25;
}

.f-button.secondary.overlay {
  color: var(--white);
  border: 2px solid var(--white);
  background: none;
}

.f-button.secondary.overlay:hover, .f-button.secondary.overlay:focus {
  background-color: var(--white-a10);
}

.f-button.secondary.overlay.active, .f-button.secondary.overlay:active, .f-button.secondary.overlay:active:hover {
  background-color: var(--white-a25);
}

.f-button.secondary.overlay i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.secondary.negative {
  color: var(--statusNegative);
  border: 2px solid var(--statusNegative-a50);
  background: none;
}

.f-button.secondary.negative:hover, .f-button.secondary.negative:focus {
  background: var(--statusNegative-a5);
  border: 2px solid var(--statusNegative-a50);
}

.f-button.secondary.negative.active, .f-button.secondary.negative:active, .f-button.secondary.negative:active:hover {
  background: var(--statusNegative-a10);
  border: 2px solid var(--statusNegative-a50);
}

.f-button.secondary.negative i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.tertiary {
  color: #1890d3;
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 12px 8px;
  text-decoration: none;
}

.f-button.tertiary:hover, .f-button.tertiary:focus {
  background: var(--interactiveBlueHover);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.active, .f-button.tertiary:active, .f-button.tertiary:active:hover {
  background: var(--interactiveBluePress);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary i.fa.fa-circle-o-notch {
  color: var(--blue);
}

.f-button.tertiary.overlay {
  color: var(--white);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.overlay:hover, .f-button.tertiary.overlay:focus {
  background-color: var(--white-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.overlay.active, .f-button.tertiary.overlay:active, .f-button.tertiary.overlay:active:hover {
  background-color: var(--white-a25);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.overlay i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.tertiary.negative {
  color: var(--statusNegative);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.negative:hover, .f-button.tertiary.negative:focus {
  background: var(--statusNegative-a5);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.negative.active, .f-button.tertiary.negative:active, .f-button.tertiary.negative:active:hover {
  background: var(--statusNegative-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.negative i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.tertiary.notice {
  color: var(--statusNotice);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.notice:hover, .f-button.tertiary.notice:focus {
  background: var(--statusNotice-a5);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.notice.active, .f-button.tertiary.notice:active, .f-button.tertiary.notice:active:hover {
  background: var(--statusNotice-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.tertiary.notice i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.icon {
  color: var(--black);
  width: 40px;
  height: 40px;
  background: none;
  padding: 0;
  font-size: 18px;
}

.f-button.icon:hover, .f-button.icon:focus {
  background: rgba(24, 144, 211, .1);
}

.f-button.icon.active, .f-button.icon:active, .f-button.icon:active:hover {
  background: rgba(24, 144, 211, .25);
}

.f-button.icon.small {
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.f-button.icon.large {
  width: 48px;
  height: 48px;
  font-size: 24px;
}

.f-button.highlight {
  background: var(--yellow);
  border: 2px solid var(--yellow);
  color: var(--black);
}

.f-button.highlight:hover, .f-button.highlight:focus {
  background: var(--yellow-d90);
  border: 2px solid var(--yellow-d90);
}

.f-button.highlight.active, .f-button.highlight:active, .f-button.highlight:active:hover {
  background: var(--yellow-d80);
  border: 2px solid var(--yellow-d80);
}

.f-button.highlight i.fa.fa-circle-o-notch {
  color: var(--black);
}

.f-button.negative {
  background: var(--statusNegative);
  border: 2px solid var(--statusNegative);
  color: var(--white);
}

.f-button.negative:hover, .f-button.negative:focus {
  background: var(--interactiveStatusNegativeHover);
  border: 2px solid var(--interactiveStatusNegativeHover);
}

.f-button.negative.active, .f-button.negative:active, .f-button.negative:active:hover {
  background: var(--interactiveStatusNegativePress);
  border: 2px solid var(--interactiveStatusNegativePress);
}

.f-button.negative i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.notice {
  background: var(--statusNotice-l75);
  border: 2px solid var(--statusNotice-l75);
  color: var(--white);
}

.f-button.notice:hover, .f-button.notice:focus {
  background: var(--interactiveStatusNoticeHover);
  border: 2px solid var(--interactiveStatusNoticeHover);
}

.f-button.notice.active, .f-button.notice:active, .f-button.notice:active:hover {
  background: var(--interactiveStatusNoticePress);
  border: 2px solid var(--interactiveStatusNoticePress);
}

.f-button.notice i.fa.fa-circle-o-notch {
  color: var(--white);
}

.f-button.danger {
  background: var(--statusNegative);
  border: 2px solid var(--statusNegative);
  color: var(--white);
}

.f-button.danger:hover, .f-button.danger:focus {
  background: var(--interactiveStatusNegativeHover);
  border: 2px solid var(--interactiveStatusNegativeHover);
}

.f-button.danger.active, .f-button.danger:active, .f-button.danger:active:hover {
  background: var(--interactiveStatusNegativePress);
  border: 2px solid var(--interactiveStatusNegativePress);
}

.f-button.filled {
  background-color: var(--turquoise);
  border: 2px solid var(--turquoise);
  color: var(--white);
}

.f-button.filled:hover, .f-button.filled:focus {
  background: var(--interactiveTurquoiseHover);
  border: 2px solid var(--interactiveTurquoiseHover);
}

.f-button.filled.active, .f-button.filled:active, .f-button.filled:active:hover {
  background: var(--interactiveTurquoisePress);
  border: 2px solid var(--interactiveTurquoisePress);
}

.f-button.transparent {
  color: #161615;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.f-button.transparent:hover, .f-button.transparent:focus {
  background: var(--interactiveBlueHover);
}

.f-button.transparent.active, .f-button.transparent:active, .f-button.transparent:active:hover {
  background: var(--interactiveBluePress);
}

.f-button.link {
  color: #1890d3;
  text-transform: none;
  background: none;
  gap: 6px;
  padding: 0;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
}

.f-button.link.medium {
  font-size: 14px;
}

.f-button.link.large {
  font-size: 16px;
}

.f-button.link:hover, .f-button.link:focus {
  background: none;
  text-decoration: underline;
}

.f-button.link.active, .f-button.link:active, .f-button.link:active:hover {
  background: none;
  text-decoration: none;
}

.f-button.link i.fa.fa-circle-o-notch {
  color: var(--blue);
}

.f-button:disabled {
  opacity: .25;
}

.f-button i.fa.fa-circle-o-notch {
  display: none;
}

.f-button.pending, .f-button.pending.overlay {
  color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

.f-button.pending i.fa.fa-circle-o-notch, .f-button.pending.overlay i.fa.fa-circle-o-notch {
  font-size: 16px;
  display: block;
  position: absolute;
}

.f-button.upthere {
  color: var(--white-a75);
  cursor: pointer;
  text-transform: uppercase;
  background: var(--white-a5);
  border-radius: 24px;
  padding: 10px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.f-button.upthere:hover {
  background: var(--white-a10);
}

.f-button.upthere:active {
  background: var(--white-a25);
}

a.f-button {
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 6px;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  position: relative;
}

a.f-button:focus {
  outline-offset: inherit;
}

a.f-button:hover {
  text-decoration: none;
}

a.f-button.small {
  height: 40px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
}

a.f-button.primary {
  background: var(--turquoise);
  border: 2px solid var(--turquoise);
  color: #fff;
}

a.f-button.primary:hover, a.f-button.primary:focus {
  border: 2px solid var(--turquoise-d90);
  background-color: var(--turquoise-d90);
}

a.f-button.primary.active, a.f-button.primary:active, a.f-button.primary:active:hover {
  border: 2px solid var(--turquoise-d80);
  background-color: var(--turquoise-d80);
}

a.f-button.primary i.fa.fa-circle-o-notch {
  color: #fff;
}

a.f-button.primary.overlay {
  background: var(--white);
  border: 2px solid var(--white);
  color: var(--black);
}

a.f-button.primary.overlay:hover, a.f-button.primary.overlay:focus {
  background: var(--black-l10);
  border: 2px solid var(--black-l10);
}

a.f-button.primary.overlay.active, a.f-button.primary.overlay:active, a.f-button.primary.overlay:active:hover {
  background: var(--black-l20);
  border: 2px solid var(--black-l20);
}

a.f-button.primary.overlay i.fa.fa-circle-o-notch {
  color: #161615;
}

a.f-button.secondary {
  color: var(--blue);
  border: 2px solid var(--blue-l75);
  background: none;
}

a.f-button.secondary:hover, a.f-button.secondary:focus {
  background-color: var(--blue-l10);
}

a.f-button.secondary.active, a.f-button.secondary:active, a.f-button.secondary:active:hover {
  background-color: var(--blue-l20);
}

a.f-button.secondary i.fa.fa-circle-o-notch {
  color: #1890d3;
}

a.f-button.secondary.overlay {
  color: var(--white);
  border: 2px solid var(--white);
  background: none;
}

a.f-button.secondary.overlay:hover, a.f-button.secondary.overlay:focus {
  background-color: var(--white-a10);
}

a.f-button.secondary.overlay.active, a.f-button.secondary.overlay:active, a.f-button.secondary.overlay:active:hover {
  background-color: var(--white-a25);
}

a.f-button.secondary.overlay i.fa.fa-circle-o-notch {
  color: #fff;
}

a.f-button.secondary.negative {
  color: var(--statusNegative);
  border: 2px solid var(--statusNegative-a50);
  background: none;
}

a.f-button.secondary.negative:hover, a.f-button.secondary.negative:focus {
  background: var(--statusNegative-a5);
  border: 2px solid var(--statusNegative-a50);
}

a.f-button.secondary.negative.active, a.f-button.secondary.negative:active, a.f-button.secondary.negative:active:hover {
  background: var(--statusNegative-a10);
  border: 2px solid var(--statusNegative-a50);
}

a.f-button.secondary.negative i.fa.fa-circle-o-notch {
  color: #fff;
}

a.f-button.tertiary {
  color: #1890d3;
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
  text-decoration: none;
}

a.f-button.tertiary:hover, a.f-button.tertiary:focus {
  background: var(--interactiveBlueHover);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.active, a.f-button.tertiary:active, a.f-button.tertiary:active:hover {
  background: var(--interactiveBluePress);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary i.fa.fa-circle-o-notch {
  color: #1890d3;
}

a.f-button.tertiary.overlay {
  color: var(--white);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.overlay:hover, a.f-button.tertiary.overlay:focus {
  background-color: var(--white-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.overlay.active, a.f-button.tertiary.overlay:active, a.f-button.tertiary.overlay:active:hover {
  background-color: var(--white-a25);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.overlay i.fa.fa-circle-o-notch {
  color: #fff;
}

a.f-button.tertiary.negative {
  color: var(--statusNegative);
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.negative:hover, a.f-button.tertiary.negative:focus {
  background: var(--statusNegative-a5);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.negative.active, a.f-button.tertiary.negative:active, a.f-button.tertiary.negative:active:hover {
  background: var(--statusNegative-a10);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.tertiary.negative i.fa.fa-circle-o-notch {
  color: #fff;
}

a.f-button.highlight {
  background: var(--yellow);
  border: 2px solid var(--yellow);
  color: var(--black);
}

a.f-button.highlight:hover, a.f-button.highlight:focus {
  background: var(--yellow-d90);
  border: 2px solid var(--yellow-d90);
}

a.f-button.highlight.active, a.f-button.highlight:active, a.f-button.highlight:active:hover {
  background: var(--yellow-d80);
  border: 2px solid var(--yellow-d80);
}

a.f-button.highlight i.fa.fa-circle-o-notch {
  color: #161615;
}

a.f-button.negative {
  background: var(--statusNegative);
  border: 2px solid var(--statusNegative);
  color: var(--white);
}

a.f-button.negative:hover, a.f-button.negative:focus {
  background: var(--interactiveStatusNegativeHover);
  border: 2px solid var(--interactiveStatusNegativeHover);
}

a.f-button.negative.active, a.f-button.negative:active, a.f-button.negative:active:hover {
  background: var(--interactiveStatusNegativePress);
  border: 2px solid var(--interactiveStatusNegativePress);
}

a.f-button.negative i.fa.fa-circle-o-notch {
  color: var(--white);
}

a.f-button.danger {
  background: var(--statusNegative);
  border: 2px solid var(--statusNegative);
  color: var(--white);
}

a.f-button.danger:hover, a.f-button.danger:focus {
  background: var(--interactiveStatusNegativeHover);
  border: 2px solid var(--interactiveStatusNegativeHover);
}

a.f-button.danger.active, a.f-button.danger:active, a.f-button.danger:active:hover {
  background: var(--interactiveStatusNegativePress);
  border: 2px solid var(--interactiveStatusNegativePress);
}

a.f-button.filled {
  background-color: var(--turquoise);
  border: 2px solid var(--turquoise);
  color: var(--white);
}

a.f-button.filled:hover, a.f-button.filled:focus {
  background: var(--interactiveTurquoiseHover);
  border: 2px solid var(--interactiveTurquoiseHover);
}

a.f-button.filled.active, a.f-button.filled:active, a.f-button.filled:active:hover {
  background: var(--interactiveTurquoisePress);
  border: 2px solid var(--interactiveTurquoisePress);
}

a.f-button.transparent {
  color: #161615;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

a.f-button.transparent:hover, a.f-button.transparent:focus {
  background: var(--interactiveBlueHover);
  border: 2px solid interactiveBlueHover;
}

a.f-button.transparent.active, a.f-button.transparent:active, a.f-button.transparent:active:hover {
  background: var(--interactiveBluePress);
  border: 2px solid interactiveBluePress;
}

a.f-button.link {
  color: #1890d3;
  text-transform: none;
  background: none;
  gap: 6px;
  padding: 0;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
}

a.f-button.link.medium {
  font-size: 14px;
}

a.f-button.link.large {
  font-size: 16px;
}

a.f-button.link:hover, a.f-button.link:focus {
  background: none;
  text-decoration: underline;
}

a.f-button.link.active, a.f-button.link:active, a.f-button.link:active:hover {
  background: none;
  text-decoration: none;
}

a.f-button.link i.fa.fa-circle-o-notch {
  color: #1890d3;
}

a.f-button:disabled {
  opacity: .25;
}

a.f-button i.fa.fa-circle-o-notch {
  display: none;
}

a.f-button.pending, a.f-button.pending.overlay {
  color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

a.f-button.pending i.fa.fa-circle-o-notch, a.f-button.pending.overlay i.fa.fa-circle-o-notch {
  font-size: 16px;
  display: block;
  position: absolute;
}

a.f-button.icon {
  color: #161615;
  width: 40px;
  height: 40px;
  background: none;
  padding: 0;
  font-size: 18px;
}

a.f-button.icon:hover, a.f-button.icon:focus {
  background: rgba(24, 144, 211, .1);
}

a.f-button.icon.active, a.f-button.icon:active, a.f-button.icon:active:hover {
  background: rgba(24, 144, 211, .25);
}

a.f-button.icon.small {
  width: 40px;
  height: 40px;
  font-size: 12px;
}

a.f-button.icon.large {
  width: 48px;
  height: 48px;
  font-size: 24px;
}

.switch-buttons-group {
  background: var(--black-25, rgba(25, 25, 25, .25));
  border-radius: 4px;
  align-items: flex-start;
  gap: 6px;
  padding: 6px;
  display: flex;
}

.switch-buttons-group > .switch-buttons-group-button {
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  transition: background-color .125s;
  display: flex;
}

.switch-buttons-group > .switch-buttons-group-button .f-icon {
  color: var(--primary);
}

.switch-buttons-group > .switch-buttons-group-button:hover {
  background-color: var(--black-a25);
  cursor: pointer;
}

.switch-buttons-group > .switch-buttons-group-button:active {
  background-color: var(--black-a50);
}

.switch-buttons-group > .switch-buttons-group-button.selected {
  background-color: var(--Black, #191919);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .1);
}

.f-wrapper {
  cursor: pointer;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .125s;
  display: flex;
}

.f-wrapper:hover {
  background: rgba(24, 144, 211, .1);
}

.f-bullet-number {
  background-color: var(--turquoise);
  color: var(--white);
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.f-bullet-number.overlay {
  background-color: var(--white);
  color: var(--black);
}

.dark-mode .f-bullet-number {
  background-color: var(--navigation);
  color: var(--white-a75);
}

.dark-mode .f-bullet-number.overlay {
  background-color: var(--white-a10);
  color: var(--white-a50);
}

.f-dialog {
  min-width: 430px;
  min-height: 219px;
  background-color: #fff;
  border-radius: 12px;
  padding: 28px 56px 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(22, 22, 21, .25);
}

.f-dialog.pending:before {
  content: "";
  height: 5px;
  width: 100%;
  background-color: #ffe601;
  animation: pending 1s infinite;
  position: absolute;
  top: 0;
  left: -100%;
}

.f-dialog.pending:after {
  content: "";
  background-color: rgba(255, 255, 255, .5);
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  right: 0;
}

.f-dialog .f-dialog-close {
  position: absolute;
  top: 8px;
  right: 12px;
}

.f-dialog .f-dialog-title {
  color: #161615;
  gap: 7px;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  display: flex;
}

.f-dialog .f-dialog-content {
  margin: 24px 0;
  font-size: 14px;
}

.f-dialog .f-dialog-action {
  flex-direction: row;
  justify-content: end;
  gap: 16px;
  display: flex;
}

.dark-mode .f-dialog {
  background-color: var(--black);
  box-shadow: 0 24px 48px rgba(22, 22, 21, .25);
}

.dark-mode .f-dialog.pending:before {
  content: none;
}

.dark-mode .f-dialog.pending:after {
  background-color: var(--white-a5);
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dark-mode .f-dialog .f-dialog-title {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.dark-mode .f-dialog-content {
  color: var(--white-a75);
}

.f-item-progressing {
  height: 64px;
  width: 100%;
  border-bottom: 1px solid var(--greyLight);
  color: var(--black-a75);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  display: flex;
}

.f-item-progressing > .icon {
  width: 32px;
  height: 32px;
  color: var(--turquoise);
  flex: 0 0 32px;
}

.f-item-progressing > .name {
  color: var(--black-a75);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  line-height: 56px;
  overflow: hidden;
}

.f-item-progressing > .action, .f-item-progressing > .f-progress {
  flex: 0 0 40px;
}

.f-item-progressing > .f-progress {
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark-mode .f-item-progressing {
  color: var(--white-a75);
  border-bottom: 1px solid var(--white-a25);
}

.dark-mode .f-item-progressing > .icon {
  color: var(--primary);
}

.dark-mode .f-item-progressing > .name {
  color: var(--white-a75);
}

.f-items-progressing {
  text-align: initial;
  width: 337px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(22, 22, 21, .25);
}

.f-items-progressing .header {
  width: 100%;
  background-color: var(--black-a90);
  height: 56px;
  color: var(--white);
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  display: flex;
}

.f-items-progressing .header > * {
  flex-direction: row;
  display: flex;
}

.f-items-progressing .header .icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  position: relative;
}

.f-items-progressing .header .icon > * {
  width: 100%;
  height: 100%;
  position: absolute;
}

.f-items-progressing .header .title {
  flex-direction: row;
  flex: 0 100%;
  align-items: center;
  gap: 8px;
  display: flex;
}

.f-items-progressing .details {
  width: 100%;
  height: 0;
  background-color: var(--white);
  flex-direction: column;
  align-items: stretch;
  transition: height .125s;
  display: flex;
}

.f-items-progressing .details.opened {
  height: calc(var(--heightNumber)  * 64px);
  height: 192px;
}

.f-items-progressing .details .items {
  height: 192px;
  flex: 0 0 192px;
}

.dark-mode .f-items-progressing {
  color: var(--white-a75);
}

.dark-mode .f-items-progressing .header {
  color: var(--white-a75);
  background-color: #000;
}

.dark-mode .f-items-progressing .details {
  background-color: #000;
}

.f-modal-backdrop {
  z-index: 1000;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: rgba(22, 22, 21, .25);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.f-dialog {
  cursor: initial;
}

.f-modal-backdrop.pointer {
  cursor: pointer;
}

.dark-mode .f-modal-backdrop {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: var(--white-a5);
}

.f-tooltip-container {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.f-tooltip-container .f-tooltip-tooltip {
  white-space: nowrap;
  color: #fff;
  text-align: left;
  z-index: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(22, 22, 21, .9);
  border: none;
  border-radius: 6px;
  align-items: center;
  margin-left: 20px;
  padding: 11px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  display: none;
  position: absolute;
  left: 100%;
}

.f-tooltip-container .f-tooltip-tooltip .f-tooltip-icon {
  margin-right: 11px;
  font-size: 18px;
}

.f-tooltip-container:hover .f-tooltip-tooltip {
  display: flex;
}

.f-tooltip-container .f-tooltip-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid rgba(0, 0, 0, 0);
  border-left-width: 0;
  border-right-color: rgba(22, 22, 21, .9);
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -10px;
}

.f-toast {
  gap: 16px;
}

.f-toast .separator {
  width: 1px;
  opacity: .25;
  background-color: rgba(255, 255, 255, .5);
  align-self: stretch;
  margin: -8px 0;
}

.f-toast .action .f-button {
  height: 38px;
}

.f-toast .action .f-icon {
  color: rgba(255, 255, 255, .75);
}

.f-toast.warning .icon {
  color: var(--statusNotice);
}

.f-toast {
  background-color: var(--black-a90);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  height: 56px;
  color: #fff;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  display: flex;
  box-shadow: 0 8px 16px rgba(22, 22, 21, .25);
}

.f-toast.error {
  background-color: var(--statusNegative-a90);
}



.f-double-slider-container[data-v-19fe04] {
  display: flex;
}

.f-double-slider-container .f-background[data-v-19fe04] {
  background-color: var(--blue-a5);
}

.f-double-slider-container .f-background[data-v-19fe04]:hover {
  background-color: var(--blue-a10);
}

.f-double-slider-container .f-background[data-v-19fe04]:active {
  background-color: var(--blue-a25);
}

.f-double-slider-container .f-fill[data-v-19fe04] {
  background-color: var(--turquoise);
}

.f-double-slider-container .f-fill[data-v-19fe04]:hover {
  background-color: var(--turquoise-d90);
}

.f-double-slider-container .f-fill[data-v-19fe04]:active {
  background-color: var(--turquoise-d80);
}

.f-double-slider-container .f-cursor[data-v-19fe04]:hover:after {
  background-color: var(--blue-a25);
}

.f-double-slider-container .f-cursor[data-v-19fe04]:active:after, .f-double-slider-container .f-cursor.pressed[data-v-19fe04]:after {
  background-color: var(--blue-a75);
}

.f-double-slider-container .f-slider[data-v-19fe04] {
  height: 48px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex: 100%;
  align-items: center;
  display: flex;
}

.f-double-slider-container .f-slider .f-container[data-v-19fe04] {
  height: 8px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  flex: 100%;
  display: flex;
  position: relative;
}

.f-double-slider-container .f-slider .f-container .f-background[data-v-19fe04] {
  width: 100%;
  height: 100%;
  position: absolute;
}

.f-double-slider-container .f-slider .f-container .f-fill[data-v-19fe04] {
  height: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex: auto;
  position: relative;
}

.f-double-slider-container .f-slider .f-container .f-fill-left[data-v-19fe04] {
  width: calc(var(--cursorLeft) );
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.f-double-slider-container .f-slider .f-container .f-fill-right[data-v-19fe04] {
  width: calc(var(--cursorRight) );
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.f-double-slider-container .f-slider .f-container .f-cursor[data-v-19fe04] {
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 16px;
  position: relative;
  top: -8px;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.f-double-slider-container .f-slider .f-container .f-cursor[data-v-19fe04]:after {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 16px;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
}

.dark-mode .f-double-slider-container[data-v-19fe04] {
  display: flex;
}

.dark-mode .f-double-slider-container .f-background[data-v-19fe04] {
  background-color: var(--navigation-a5);
}

.dark-mode .f-double-slider-container .f-background[data-v-19fe04]:hover {
  background-color: var(--navigation-a10);
}

.dark-mode .f-double-slider-container .f-background[data-v-19fe04]:active {
  background-color: var(--navigation-a25);
}

.dark-mode .f-double-slider-container .f-fill[data-v-19fe04] {
  background-color: var(--primary);
}

.dark-mode .f-double-slider-container .f-fill[data-v-19fe04]:hover {
  background-color: var(--primary-d90);
}

.dark-mode .f-double-slider-container .f-fill[data-v-19fe04]:active {
  background-color: var(--primary-d80);
}

.dark-mode .f-double-slider-container .f-cursor[data-v-19fe04]:hover:after {
  background-color: var(--navigation-a25);
}

.dark-mode .f-double-slider-container .f-cursor[data-v-19fe04]:active:after, .dark-mode .f-double-slider-container .f-cursor.pressed[data-v-19fe04]:after {
  background-color: var(--navigation-a75);
}

.fprogress-bg[data-v-64f47f] {
  height: 8px;
  background-color: rgba(24, 144, 211, .05);
  border-radius: 4px;
}

.fprogress-bg .fprogress-hover[data-v-64f47f] {
  height: 100%;
  background-color: #5cbab6;
  border-radius: 4px;
}

.dark-mode .fprogress-bg[data-v-64f47f] {
  background-color: var(--black);
}

.dark-mode .fprogress-bg .fprogress-hover[data-v-64f47f] {
  background-color: var(--primary);
}

.f-input-container {
  background: rgba(239, 239, 238, .5);
  border: 1px solid #bbbbb8;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.f-input-container input.f-input, .f-input-container input[type="text"].f-input, .f-input-container input[type="date"].f-input, .f-input-container input[type="number"].f-input, .f-input-container input[type="password"].f-input, .f-input-container textarea.f-input {
  color: #161615;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  outline: none;
  padding: 10px 12px;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.f-input-container input.f-input:active, .f-input-container input[type="text"].f-input:active, .f-input-container input[type="date"].f-input:active, .f-input-container input[type="number"].f-input:active, .f-input-container input[type="password"].f-input:active, .f-input-container textarea.f-input:active {
  border: none;
  outline: none;
}

.f-input-container input.f-input[readonly], .f-input-container input[type="text"].f-input[readonly], .f-input-container input[type="date"].f-input[readonly], .f-input-container input[type="number"].f-input[readonly], .f-input-container input[type="password"].f-input[readonly], .f-input-container textarea.f-input[readonly] {
  cursor: default;
}

.f-input-container input[type="date"].f-input {
  overflow-y: initial;
}

.f-input-container input[type="number"].f-input::-webkit-outer-spin-button, .f-input-container input[type="number"].f-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.f-input-container textarea.f-input {
  white-space: inherit;
}

.f-input-container:hover {
  border: 1px solid rgba(24, 144, 211, .75);
}

.f-input-container.focus {
  border: 1px solid #1890d3;
  outline: 5px solid rgba(24, 144, 211, .25);
}

.f-input-container.error {
  border-color: var(--statusNegative);
}

.f-input-container.disabled {
  color: rgba(22, 22, 21, .25);
  background: rgba(22, 22, 21, .05);
  border: 1px solid #bbbbb8;
}

.f-input-container.disabled::-ms-input-placeholder {
  color: rgba(22, 22, 21, .25);
}

.f-input-container.disabled::placeholder {
  color: rgba(22, 22, 21, .25);
}

.f-input-container .f-right {
  height: 100%;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.f-input-container .f-right .f-action {
  margin: 4px;
}

.f-input-container .f-right .f-action .f-button {
  height: 32px;
  border-radius: 2px;
  padding: 0;
}

.f-input-container .f-right .f-action .f-stepper-actions {
  width: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-direction: column;
  margin-left: auto;
  display: flex;
}

.dark-mode .f-input-container {
  border: 1px solid var(--white-a25);
  background: none;
}

.dark-mode .f-input-container input.f-input, .dark-mode .f-input-container input[type="text"].f-input, .dark-mode .f-input-container input[type="date"].f-input, .dark-mode .f-input-container input[type="number"].f-input, .dark-mode .f-input-container input[type="password"].f-input, .dark-mode .f-input-container input[type="email"].f-input, .dark-mode .f-input-container textarea.f-input {
  color: var(--white-a50);
  color-scheme: var(--navigation);
  background: none;
  font-family: Lato;
  font-weight: normal;
}

.dark-mode .f-input-container input[type="date"].f-input {
  padding: 10px;
  position: relative;
}

.dark-mode .f-input-container input[type="date"].f-input::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  z-index: 1;
  background: none;
}

.dark-mode .f-input-container input[type="date"].f-input:before {
  color: rgba(0, 0, 0, 0);
  content: "";
  width: 15px;
  height: 20px;
  color: var(--navigation);
  background: none;
  font-family: FontAwesome;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
}

.dark-mode .f-input-container:hover {
  border: 1px solid var(--navigation-a50);
}

.dark-mode .f-input-container.focus {
  border: 1px solid var(--navigation);
  outline: 5px solid var(--navigation-a25);
}

.dark-mode .f-input-container.error {
  border-color: var(--negative);
}

.dark-mode .f-input-container.disabled {
  background: var(--white-a5);
  border: 1px solid var(--white-a10);
  color: var(--white-a10);
}

.dark-mode .f-input-container.disabled::-ms-input-placeholder {
  color: var(--white-a10);
}

.dark-mode .f-input-container.disabled::placeholder {
  color: var(--white-a10);
}

.dark-mode .f-input-container .f-right .f-action .f-button {
  height: 32px;
  width: auto;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 12px;
}

.dark-mode .f-input-container .f-right .f-action .f-button .f-icon {
  font-size: 14px;
}

.f-textfield[data-v-061bdd] .f-field .f-bottom .f-helper {
  margin-top: 1px;
}

.f-slider-container {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
}

.f-slider-container .f-background {
  background-color: var(--navigation-a5);
}

.f-slider-container .f-background:hover {
  background-color: var(--navigation-a10);
}

.f-slider-container .f-background:active {
  background-color: var(--navigation-a25);
}

.f-slider-container .f-fill {
  background-color: var(--turquoise);
}

.f-slider-container .f-fill:hover {
  background-color: var(--turquoise-d90);
}

.f-slider-container .f-fill:active {
  background-color: var(--turquoise-d80);
}

.f-slider-container .f-cursor:hover:after {
  background-color: var(--blue-a25);
}

.f-slider-container .f-cursor:active:after, .f-slider-container .f-cursor.mouse-down:after {
  background-color: var(--blue-a75);
}

.f-slider-container .f-slider {
  height: 48px;
  cursor: pointer;
  flex: 100%;
  align-items: center;
  display: flex;
}

.f-slider-container .f-slider .f-container {
  height: 8px;
  border-radius: 4px;
  flex: 100%;
  position: relative;
}

.f-slider-container .f-slider .f-container .f-background {
  width: 100%;
  height: 100%;
  position: absolute;
}

.f-slider-container .f-slider .f-container .f-fill {
  width: var(--cursorLeft);
  height: 100%;
  border-radius: 4px;
  position: absolute;
}

.f-slider-container .f-slider .f-container .f-cursor {
  width: 24px;
  height: 24px;
  left: var(--cursorLeft);
  background: #fff;
  border-radius: 16px;
  margin-left: -12px;
  position: absolute;
  top: -8px;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.f-slider-container .f-slider .f-container .f-cursor:after {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 16px;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
}

.f-slider-container .f-stepper {
  box-sizing: border-box;
  border-radius: 4px;
  flex: 0 0 84px;
  align-items: center;
  margin-left: 16px;
  display: flex;
}

.f-slider-container .f-stepper .f-right .f-action .f-stepper-actions {
  width: auto;
  flex-direction: column;
  margin-left: auto;
  display: flex;
}

.f-slider-container .f-stepper .f-right .f-action .f-stepper-actions .f-button {
  width: 24px;
  height: 16px;
}

.dark-mode .f-slider-container .f-background {
  background-color: var(--blue-a5);
}

.dark-mode .f-slider-container .f-background:hover {
  background-color: var(--blue-a10);
}

.dark-mode .f-slider-container .f-background:active {
  background-color: var(--blue-a25);
}

.dark-mode .f-slider-container .f-fill {
  background-color: var(--primary);
}

.dark-mode .f-slider-container .f-fill:hover {
  background-color: var(--primary-d90);
}

.dark-mode .f-slider-container .f-fill:active {
  background-color: var(--primary-d80);
}

.dark-mode .f-slider-container .f-cursor:hover:after {
  background-color: var(--navigation-a25);
}

.dark-mode .f-slider-container .f-cursor:active:after, .dark-mode .f-slider-container .f-cursor.mouse-down:after {
  background-color: var(--navigation-a75);
}

.dark-mode .f-slider-container .f-slider .f-container .f-cursor {
  background: #fff;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.f-slider-heavy-container {
  --fillColor-h: 177;
  --fillColor-s: 41%;
  --fillColor-l: 55%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
}

.f-slider-heavy-container.animated .f-fill {
  transition-property: background-color, width !important;
}

.f-slider-heavy-container.animated .f-cursor {
  transition-property: background-color, left !important;
}

.f-slider-heavy-container .f-background {
  background-color: var(--blue-a5);
}

.f-slider-heavy-container .f-background:hover {
  background-color: var(--blue-a10);
}

.f-slider-heavy-container .f-background:active {
  background-color: var(--blue-a25);
}

.f-slider-heavy-container .f-fill {
  background-color: var(--turquoise);
}

.f-slider-heavy-container .f-fill:hover {
  background-color: var(--turquoise-d90);
}

.f-slider-heavy-container .f-fill:active {
  background-color: var(--turquoise-d80);
}

.f-slider-heavy-container .f-cursor:hover:after {
  background-color: var(--blue-a25);
}

.f-slider-heavy-container .f-cursor:active:after {
  background-color: var(--blue-a75);
}

.f-slider-heavy-container.warning .f-background {
  background-color: var(--blue-a5);
}

.f-slider-heavy-container.warning .f-background:hover {
  background-color: var(--blue-a10);
}

.f-slider-heavy-container.warning .f-background:active {
  background-color: var(--blue-a25);
}

.f-slider-heavy-container.warning .f-fill {
  background-color: var(--statusNotice);
}

.f-slider-heavy-container.warning .f-fill:hover {
  background-color: var(--statusNotice-d90);
}

.f-slider-heavy-container.warning .f-fill:active {
  background-color: var(--statusNotice-d80);
}

.f-slider-heavy-container.warning .f-cursor:hover:after {
  background-color: var(--blue-a25);
}

.f-slider-heavy-container.warning .f-cursor:active:after, .f-slider-heavy-container.warning .f-cursor.mouse-down:after {
  background-color: var(--blue-a75);
}

.f-slider-heavy-container .f-slider-heavy {
  height: 48px;
  cursor: pointer;
  flex: 100%;
  align-items: center;
  display: flex;
}

.f-slider-heavy-container .f-slider-heavy .f-container {
  height: 32px;
  flex: 100%;
  position: relative;
}

.f-slider-heavy-container .f-slider-heavy .f-container > * {
  transition: background-color .125s;
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-background {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: absolute;
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-fill {
  width: calc(var(--cursorLeft)  + 16px);
  height: 100%;
  border-radius: 16px;
  position: absolute;
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-cursor {
  width: 32px;
  height: 32px;
  left: var(--cursorLeft);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  margin-left: -16px;
  position: absolute;
  top: 0;
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-cursor > .point {
  width: 24px;
  height: 24px;
  pointer-events: none;
  background-color: #fff;
  border-radius: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-cursor > .popup {
  --size: 400px;
  width: var(--size);
  height: 200px;
  margin-left: calc(-.5 * var(--size) );
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 38px;
  left: 50%;
}

.f-slider-heavy-container .f-slider-heavy .f-container .f-cursor:after {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 16px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.f-slider-heavy-container .f-stepper {
  box-sizing: border-box;
  width: 80px;
  border: 1px solid #bbbbb8;
  border-radius: 4px;
  flex: 0 0 80px;
  align-items: center;
  margin-left: 16px;
  padding: 10px 12px;
  display: flex;
}

.f-slider-heavy-container .f-stepper .f-stepper-actions {
  flex-direction: column;
  margin-left: auto;
  display: flex;
}

.f-description {
  color: #161615;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
}

.dark-mode .f-description {
  color: var(--white-a50);
}

.f-field {
  width: 100%;
}

.f-field .f-top {
  align-items: baseline;
  display: flex;
}

.f-field .f-top .f-label {
  color: #161615;
  align-items: baseline;
  gap: 7px;
  margin: 0 0 6px 4px;
  font-family: Lato;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  display: flex;
}

.f-field .f-top .f-required {
  color: #767675;
  margin-left: auto;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
}

.f-field .f-bottom .f-helper {
  margin-top: 6px;
  margin-left: 4px;
}

.f-field.focused .f-top .f-label {
  color: #1890d3;
}

.f-field.error .f-top .f-label, .f-field.error .f-bottom .f-helper {
  color: #d00e0e;
}

.f-field.disabled .f-top .f-label, .f-field.disabled .f-bottom .f-helper {
  color: rgba(22, 22, 21, .25);
}

.dark-mode .f-field .f-top .f-label {
  color: var(--white-a75);
  font-weight: bold;
}

.dark-mode .f-field .f-top .f-required {
  color: var(--white-a50);
}

.dark-mode .f-field.focused .f-top .f-label {
  color: var(--navigation);
}

.dark-mode .f-field.error .f-top .f-label, .dark-mode .f-field.error .f-bottom .f-helper, .dark-mode .f-field.error .f-bottom .f-description {
  color: var(--negative);
}

.dark-mode .f-field.disabled .f-top .f-label, .dark-mode .f-field.disabled .f-bottom .f-helper {
  color: rgba(22, 22, 21, .25);
}

.f-form {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .1);
}

.f-form .f-form-pending {
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, .38);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.f-form > .title {
  color: #161615;
  height: 40px;
  align-items: center;
  gap: 7px;
  padding: 20px 20px 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  display: flex;
}

.f-form > .content-container {
  height: 0;
  flex-direction: column;
  flex: 100%;
  margin-top: 25px;
  margin-bottom: 34px;
  display: flex;
}

.f-form > .content-container .f-sexy-scroll {
  flex: auto;
}

.f-form > .content-container .content {
  flex-direction: column;
  flex: 100%;
  gap: 16px;
  margin: 0 12px;
  padding: 0 20px 2px;
  display: flex;
}

.f-form > .content-container .content .action {
  flex-flow: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.f-form > .content-container .sticky-action {
  flex-flow: wrap;
  justify-content: space-evenly;
  align-items: center;
  margin: 12px;
  padding-top: 0;
  display: flex;
}

.f-form.naked {
  box-shadow: none;
  border-radius: unset;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
}

.f-form.naked > .title {
  display: none;
}

.f-form.naked > .content {
  margin: 0;
}

.f-form.stickyAction .content-container {
  margin-bottom: 0;
}

.f-form.stickyAction.scroll .f-sexy-scroll {
  flex: 100%;
}

.f-form .f-form {
  box-shadow: none;
  border-radius: unset;
  border: none;
  padding: 0;
}

.f-form .f-form > .title {
  text-transform: uppercase;
  color: rgba(22, 22, 21, .5);
}

form .f-form-button:hover, form .f-form-button:focus, form .f-form-button:active {
  border: 1px solid #1890d3;
  outline: 5px solid rgba(24, 144, 211, .25);
}

form .f-form-button {
  border: 1px solid rgba(0, 0, 0, 0);
  margin-top: 8px;
  margin-bottom: 16px;
}

form .content-container .content > .f-form-field {
  width: 100%;
}

form .content-container .content .action .f-form-field {
  width: 100%;
  margin-top: 16px;
}

form .content-container .content .action .f-button, form .content-container .sticky-action .f-button {
  width: 100%;
}

.dark-mode .f-form {
  background-color: var(--black);
}

.dark-mode .f-form .title {
  color: var(--white-a75);
}

.dark-mode .f-form .title > .f-icon {
  color: var(--primary);
  font-size: 20px;
}

.f-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.f-icon.s16 {
  width: 16px;
  height: 16px;
}

.f-icon.s16 > svg {
  width: 90%;
  height: 90%;
}

.f-icon.s24 {
  width: 24px;
  height: 24px;
}

.f-icon.s24 > svg {
  width: 90%;
  height: 90%;
}

.f-icon.s32 {
  width: 32px;
  height: 32px;
}

.f-icon.s32 > svg {
  width: 90%;
  height: 90%;
}

.f-icon img {
  height: 100%;
  width: 100%;
}

.f-icon .inline {
  display: inline-flex;
}

.f-checkbox {
  cursor: pointer;
  border-radius: 4px;
  padding: 8px 4px;
  display: flex;
}

.f-checkbox.simple {
  padding: 0;
}

.f-checkbox.simple:hover, .f-checkbox.simple:hover:active {
  background-color: rgba(0, 0, 0, 0);
}

.f-checkbox.error .f-checkbox-container input {
  border-color: #d00e0e;
}

.f-checkbox.error .f-checkbox-label {
  color: #d00e0e;
}

.f-checkbox .f-checkbox-container input {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  cursor: pointer;
  font: inherit;
  color: #1890d3;
  width: 20px;
  height: 20px;
  border: 2px solid #1890d3;
  border-radius: 4px;
  align-content: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  display: grid;
  transform: translateY(-.075em);
}

.f-checkbox .f-checkbox-container input:before {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform-origin: 0 100%;
  background-color: #fff;
  transition: transform .12s ease-in-out;
  transform: scale(0);
}

.f-checkbox .f-checkbox-container input:checked {
  color: #fff;
  background-color: #1890d3;
}

.f-checkbox .f-checkbox-container input:checked:before {
  transform: scale(1);
}

.f-checkbox .f-checkbox-label {
  color: #161615;
  align-items: center;
  gap: 7px;
  margin-left: 8px;
  display: flex;
}

.f-checkbox:hover {
  background-color: rgba(24, 144, 211, .1);
}

.f-checkbox:hover:active {
  background-color: rgba(24, 144, 211, .25);
}

.f-checkbox.negative .f-checkbox-container input {
  border: 2px solid var(--statusNegative);
}

.dark-mode .f-checkbox.simple {
  padding: 0;
}

.dark-mode .f-checkbox.error .f-checkbox-container input {
  border-color: var(--negative);
}

.dark-mode .f-checkbox.error .f-checkbox-label {
  color: var(--negative);
}

.dark-mode .f-checkbox .f-checkbox-container input {
  font: inherit;
  color: #1890d3;
  border: 2px solid #1890d3;
}

.dark-mode .f-checkbox .f-checkbox-container input:checked {
  background-color: var(--navigation);
}

.dark-mode .f-checkbox .f-checkbox-container input:checked:before {
  transform: scale(1);
}

.dark-mode .f-checkbox .f-checkbox-label {
  color: var(--white-a75);
}

.dark-mode .f-checkbox:hover {
  background-color: rgba(24, 144, 211, .1);
}

.dark-mode .f-checkbox:hover:active {
  background-color: rgba(24, 144, 211, .25);
}

.dark-mode .f-checkbox.negative .f-checkbox-container input {
  border: 2px solid var(--negative);
}





.f-upload {
  position: relative;
}

.f-upload .inputfile {
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
  overflow: hidden;
}

.f-upload .f-button {
  width: 100%;
}

.f-upload .f-button .f-icon {
  font-size: 18px;
}

.f-upload .f-files .f-header {
  align-items: baseline;
  margin-top: 16px;
  display: flex;
}

.f-upload .f-files .f-header .f-files-count {
  color: #161615;
  flex: auto;
  gap: 7px;
  margin-left: 8px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  display: flex;
}

.f-upload .f-files .f-center .f-files-container {
  box-sizing: border-box;
  max-height: 150px;
  background: #fff;
  border: 1px solid #efefee;
  border-radius: 8px;
  flex-direction: column;
  gap: 28px;
  margin-top: 8px;
  display: flex;
}

.f-upload .f-files .f-center .f-files-container .f-sexy-scroll {
  padding-top: 8px;
}

.f-upload .f-files .f-center .f-files-container .f-files-file {
  height: 40px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.f-upload .f-files .f-center .f-files-container .f-files-file:hover {
  background-color: var(--blue-a10);
}

.f-upload .f-files .f-center .f-files-container .f-files-file .f-files-file-icon {
  color: #5cbab6;
  margin-right: 12px;
}

.f-upload .f-files .f-center .f-files-container .f-files-file .f-files-file-name {
  color: #161615;
  text-overflow: ellipsis;
  width: 0;
  white-space: nowrap;
  flex: auto;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  overflow: hidden;
}

.f-upload .f-files .f-center .f-files-container .f-files-file .f-files-file-remove {
  color: #c4c4c4;
  width: auto;
  width: 16px;
  height: 16px;
  color: #fff;
  background-color: #c4c4c4;
  border-radius: 100%;
  padding: 0;
  font-size: 10px;
}

.dark-mode .f-upload .f-files .f-header .f-files-count {
  color: var(--white-a75);
}

.dark-mode .f-upload .f-files .f-center .f-files-container {
  background-color: var(--dark);
  border: 1px solid var(--white-a25);
}

.dark-mode .f-upload .f-files .f-center .f-files-container .f-files-file .f-files-file-icon {
  color: var(--primary);
}

.dark-mode .f-upload .f-files .f-center .f-files-container .f-files-file .f-files-file-name {
  color: var(--white-a75);
}

.f-input-container .showpassword[data-v-afb798] {
  cursor: pointer;
  color: var(--navigation);
  font-size: 12px;
  font-weight: bold;
}

.f-input-container.capslocked input.f-input[data-v-afb798] {
  padding-left: 32px;
}

.capslocked_icon[data-v-afb798] {
  width: 25px;
  height: 100%;
  background-image: url("caps.50eb479c.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 10px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.f-input-container.capslocked .capslocked_icon[data-v-afb798] {
  display: flex;
}

.f-field.disabled .showpassword[data-v-afb798] {
  opacity: .25;
}

.f-radio-button[data-v-d43d06] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--blue);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.f-radio-button[data-v-d43d06]:hover, .f-radio-button.hover[data-v-d43d06] {
  border: 2px solid var(--blue-d100);
}

.f-radio-button[data-v-d43d06]:hover:active {
  border: 2px solid var(--blue-d90);
}

.f-radio-button .f-dot[data-v-d43d06] {
  width: 12px;
  height: 12px;
  background-color: var(--blue);
  border-radius: 100%;
}

.f-radio-button-card {
  cursor: pointer;
  border-radius: 6px;
  outline: 1px solid #dfe6e6;
  flex-direction: column;
  display: flex;
}

.f-radio-button-card:hover {
  outline: 1px solid var(--blue-a50);
}

.f-radio-button-card.selected {
  outline: 2px solid var(--blue);
}

.f-radio-button-card .f-container {
  align-items: center;
  display: flex;
}

.f-radio-button-card .f-container .f-icon {
  color: var(--turquoise);
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  font-size: 15px;
  display: flex;
}

.f-radio-button-card .f-container .f-content {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  margin: 12px 8px;
  display: flex;
}

.f-radio-button-card .f-container .f-content .f-title {
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.f-radio-button-card .f-container .f-content .f-description {
  margin-top: 2px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.f-radio-button-card .f-container .f-radio-button {
  margin: 0 16px;
}

.f-radio-button-card .f-more {
  margin-bottom: 16px;
  margin-left: 40px;
  margin-right: 16px;
}

.dark-mode .f-radio-button-card {
  outline: 1px solid var(--white-a25);
  cursor: pointer;
  border-radius: 6px;
  flex-direction: column;
  display: flex;
}

.dark-mode .f-radio-button-card:hover {
  outline: 1px solid var(--navigation-a50);
}

.dark-mode .f-radio-button-card.selected {
  outline: 2px solid var(--navigation);
}

.dark-mode .f-radio-button-card .f-container .f-icon {
  color: var(--turquoise);
}

.dark-mode .f-radio-button-card .f-more {
  margin-left: 16px;
}

.f-radio-button-cards {
  flex-direction: column;
  gap: 16px;
  margin: 16px;
  display: flex;
}

.dark-mode .f-radio-button-cards {
  margin: 0;
}

.f-field .f-select {
  cursor: pointer;
}

.f-field .f-select.error .current {
  border: 1px solid var(--statusNegative);
}

.f-field .f-select .current {
  color: #161615;
  width: 100%;
  height: 50px;
  background: rgba(239, 239, 238, .5);
  border: 1px solid #bbbbb8;
  border-radius: 6px;
  align-items: center;
  padding: 10px 12px;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  display: flex;
  position: relative;
}

.f-field .f-select .current:hover {
  border: 1px solid rgba(24, 144, 211, .75);
}

.f-field .f-select .current .icon {
  color: #161615;
  width: 40px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 4px;
}

.f-field .f-select .options-modal {
  z-index: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.f-field .f-select .options-container {
  z-index: 1;
  box-sizing: border-box;
  max-height: var(--height);
  left: var(--left);
  top: var(--top);
  right: var(--right);
  bottom: var(--bottom);
  width: var(--width);
  background-color: #fff;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  position: fixed;
  box-shadow: 0 8px 32px -8px rgba(22, 22, 21, .25);
}

.f-field .f-select .options {
  width: 100%;
  flex-direction: column;
  overflow: auto;
}

.f-field .f-select .options::-webkit-scrollbar {
  width: 8px;
}

.f-field .f-select .options::-webkit-scrollbar-track {
  background: none;
}

.f-field .f-select .options::-webkit-scrollbar-thumb {
  background: rgba(22, 22, 21, .1);
  border-radius: 8px;
}

.f-field .f-select .options::-webkit-scrollbar-thumb:hover {
  background: rgba(22, 22, 21, .15);
}

.f-field .f-select .options .option {
  color: #161615;
  padding: 16px 0 16px 40px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  display: flex;
  position: relative;
}

.f-field .f-select .options .option.pending {
  justify-content: center;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.f-field .f-select .options .option.empty {
  opacity: .5;
  cursor: default;
}

.f-field .f-select .options .option.empty:hover {
  background: none;
}

.f-field .f-select .options .option .selected-icon {
  width: 40px;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.f-field .f-select .options .option:hover {
  background: rgba(24, 144, 211, .1);
}

.f-field .f-select .options .option.selected .selected-icon {
  display: flex;
}

.f-field.focused .current {
  border: 1px solid #1890d3;
  outline: 5px solid rgba(24, 144, 211, .25);
}

.f-field.focused .current .icon {
  background-color: rgba(24, 144, 211, .1);
}

.f-field.active .current .icon {
  background: rgba(24, 144, 211, .25);
}

.dark-mode .f-field .f-select.error .current {
  border: 1px solid var(--negative);
}

.dark-mode .f-field .f-select .current {
  color: var(--white-a50);
  border: 1px solid var(--white-a25);
  background: none;
}

.dark-mode .f-field .f-select .current:hover {
  border: 1px solid var(--navigation-a50);
}

.dark-mode .f-field .f-select .current .icon {
  color: var(--white-a75);
}

.dark-mode .f-field .f-select .options-container {
  box-shadow: 0 12px 24px var(--white-a5);
  background-color: #000;
}

.dark-mode .f-field .f-select .options::-webkit-scrollbar-thumb {
  background: rgba(22, 22, 21, .1);
}

.dark-mode .f-field .f-select .options::-webkit-scrollbar-thumb:hover {
  background: rgba(22, 22, 21, .15);
}

.dark-mode .f-field .f-select .options .option {
  color: var(--white-a50);
}

.dark-mode .f-field .f-select .options .option.empty:hover {
  background: none;
}

.dark-mode .f-field .f-select .options .option:hover {
  background: var(--navigation-a25);
}

.dark-mode .f-field.focused .current, .dark-mode .f-field.opened .current {
  border: 1px solid var(--navigation);
  outline: 5px solid var(--navigation-a25);
}

.dark-mode .f-field.focused .current .icon, .dark-mode .f-field.opened .current .icon {
  background-color: var(--navigation);
  color: var(--black);
}

.f-textarea textarea {
  resize: none;
  overflow: scroll;
}

.f-textarea textarea::-webkit-scrollbar {
  width: 16px;
}

.f-textarea textarea::-webkit-scrollbar-track {
  background: none;
}

.f-textarea textarea::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
  border-radius: 2px;
}

.f-textarea textarea::-webkit-scrollbar-thumb {
  background: rgba(22, 22, 21, .1) padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-textarea textarea::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.f-textarea textarea::-webkit-scrollbar-corner {
  background: none;
}

.f-textarea textarea::-webkit-scrollbar-track {
  background: none;
}

.f-textarea textarea::-webkit-scrollbar-thumb {
  background: #ddd padding-box content-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}



.f-toggle {
  flex: auto;
  align-items: center;
  gap: 7px;
  display: flex;
}

.f-toggle .f-toggle-label {
  flex: auto;
  align-items: center;
  gap: 7px;
  margin-left: 12px;
  display: flex;
}

.f-toggle .f-toggle-switcher {
  width: 36px;
  height: 20px;
  cursor: pointer;
  background: rgba(24, 144, 211, .1);
  border-radius: 24px;
  align-items: center;
  transition: all .25s;
  display: flex;
}

.f-toggle .f-toggle-switcher .button {
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 16px;
  margin-left: 2px;
  transition: all .25s;
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.f-toggle .f-toggle-switcher:hover .button {
  opacity: .75;
}

.f-toggle .f-toggle-switcher:active .button {
  opacity: .5;
}

.f-toggle.enabled .f-toggle-switcher {
  background: var(--blue);
}

.f-toggle.enabled .f-toggle-switcher .button {
  margin-left: 18px;
}

.f-toggle.big .f-toggle-switcher {
  width: 56px;
  height: 32px;
}

.f-toggle.big .f-toggle-switcher .button {
  width: 24px;
  height: 24px;
}

.f-toggle.big.enabled .f-toggle-switcher .button {
  margin-left: 28px;
}

.dark-mode .f-toggle {
  padding-left: 4px;
}

.dark-mode .f-toggle .f-toggle-label {
  color: var(--white-a75);
  margin-left: 4px;
  font-size: 12px;
  font-weight: bold;
}

.dark-mode .f-toggle .f-toggle-value {
  color: var(--white-a50);
  font-size: 14px;
}

.dark-mode .f-toggle .f-toggle-switcher {
  background: var(--navigation-a10);
}

.dark-mode .f-toggle .f-toggle-switcher .button {
  background: var(--white-a50);
  box-shadow: 0 4px 16px rgba(22, 22, 21, .25);
}

.dark-mode .f-toggle.enabled .f-toggle-switcher {
  background: var(--navigation);
}

.f-upload {
  position: relative;
}

.f-upload.filed .f-input-container input.f-input {
  color: #161615;
}

.f-upload .f-input-container input.f-input {
  color: rgba(22, 22, 21, .25);
  width: 0;
  flex: auto;
}

.f-upload .f-input-container input.f-input[readonly] {
  cursor: default;
}

.f-upload .inputfile {
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
  overflow: hidden;
}

.f-upload .f-input-container .f-right .f-action .f-button.f-upload-button, .f-upload .f-input-container .f-right .f-action .f-button.f-delete-button {
  width: auto;
  padding: 0 8px;
  font-size: 12px;
  line-height: 12px;
}

.f-upload .f-input-container .f-right .f-action .f-button.f-delete-button {
  width: 40px;
  height: 32px;
  font-size: 14px;
  line-height: 14px;
}

.dark-mode .f-upload.filed .f-input-container input.f-input, .dark-mode .f-upload .f-input-container input.f-input {
  color: var(--white-a50);
}

.f-hint .f-hint-content {
  flex: auto;
  align-items: center;
  gap: 8px;
  display: flex;
}

.f-hint .f-hint-content .icon {
  width: 30px;
  color: var(--turquoise);
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 14px;
  display: flex;
}

.f-hint .f-hint-content .f-hint-content-content {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  display: flex;
}

.f-hint .f-hint-content .f-hint-content-content .title {
  color: #161615;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
}

.f-hint .f-hint-content .f-hint-content-content .text {
  color: #161615;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
}

.f-hint .f-hint-content .action {
  flex: 0 0 54px;
}

.f-hint.negative .f-hint-content .icon {
  color: var(--statusNegative);
}

.f-hint.notice .f-hint-content .icon {
  color: var(--statusNotice);
}

.dark-mode .f-hint .f-hint-content .icon {
  color: var(--primary);
  width: auto;
  font-size: 20px;
}

.dark-mode .f-hint .f-hint-content .f-hint-content-content .title, .dark-mode .f-hint .f-hint-content .f-hint-content-content .text {
  color: var(--white-a50);
}

.dark-mode .f-hint.negative {
  background-color: var(--white-a10);
}

.dark-mode .f-hint.negative .f-hint-content .icon {
  color: var(--negative);
}

.dark-mode .f-hint.negative .f-hint-content .f-hint-content-content .title, .dark-mode .f-hint.negative .f-hint-content .f-hint-content-content .text {
  color: var(--white-a75);
}

.dark-mode .f-hint.negative .f-hint-content .f-hint-content-content a {
  color: var(--navigation);
}

.dark-mode .f-hint.notice .f-hint-content .icon {
  color: var(--statusNotice);
}

.f-hint[data-v-970794] {
  border-left: 4px solid;
  border-left-color: var(--turquoise);
  color: #161615;
  background: rgba(239, 239, 238, .25);
  border-radius: 4px;
  gap: 7px;
  padding: 12px 8px;
  display: flex;
}

.f-hint.bordered[data-v-970794] {
  background-color: #fff;
  border-top: 1px solid #bbbbb8;
  border-bottom: 1px solid #bbbbb8;
  border-right: 1px solid #bbbbb8;
}

.f-hint.negative[data-v-970794] {
  background-color: var(--statusNegative-a5);
  border-left-color: var(--statusNegative);
}

.f-hint.notice[data-v-970794] {
  border-left-color: var(--statusNotice);
}

.dark-mode .f-hint[data-v-970794] {
  border-left-color: var(--primary);
  background: var(--white-a5);
  color: var(--white-a75);
  padding: 12px 8px;
}

.dark-mode .f-hint.bordered[data-v-970794] {
  background-color: #fff;
  border-top: 1px solid #bbbbb8;
  border-bottom: 1px solid #bbbbb8;
  border-right: 1px solid #bbbbb8;
}

.dark-mode .f-hint.negative[data-v-970794] {
  background-color: var(--white-a10);
  border-left-color: var(--negative);
}

.dark-mode .f-hint.notice[data-v-970794] {
  border-left-color: var(--statusNotice);
}

.f-info[data-v-5aa8fb] {
  border-left: 4px solid;
  border-color: var(--blue);
  color: var(--blue);
  background-color: var(--blue-a5);
  border-radius: 4px;
  gap: 7px;
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.f-info.warning[data-v-5aa8fb] {
  border-color: var(--statusNotice);
  color: var(--statusNotice);
  background-color: var(--statusNotice-a5);
}

.f-info.error[data-v-5aa8fb] {
  border-color: var(--statusNegative);
  color: var(--statusNegative);
  background-color: var(--statusNegative-a5);
}

.f-status[data-v-db26bf] {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 8px;
}

.f-status.positive[data-v-db26bf] {
  background: #69d357;
}

.f-status.negative[data-v-db26bf] {
  background: #d00e0e;
}

.f-thumb[data-v-474183] {
  background: #cedae1;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.f-thumb[data-v-474183]:not(.no-hover):hover {
  outline: 1px solid #5cbab6;
}

.f-thumb[data-v-474183]:not(.no-hover):active {
  background: rgba(24, 144, 211, .25);
  outline: 1px solid #5cbab6;
}

.f-thumb.selected[data-v-474183] {
  background: #5cbab6;
}

.f-thumb.selected .f-message[data-v-474183], .f-thumb.selected .f-close[data-v-474183] {
  color: #fff;
}

.f-thumb.selected[data-v-474183]:not(.no-hover):hover {
  background: linear-gradient(0deg, rgba(22, 22, 21, .1), rgba(22, 22, 21, .1)), #5cbab6;
}

.f-thumb.selected[data-v-474183]:not(.no-hover):active {
  background: linear-gradient(0deg, rgba(22, 22, 21, .2), rgba(22, 22, 21, .2)), #5cbab6;
}

.f-thumb .f-message[data-v-474183] {
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
}

.f-thumb .f-close[data-v-474183] {
  cursor: pointer;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 500;
}

.f-value {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.f-value .f-center {
  display: flex;
}

.f-value .f-center .f-label {
  align-items: center;
  gap: 7px;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  display: flex;
}

.f-value .f-center .f-the-value {
  gap: 7px;
  margin-left: auto;
  font-family: Lato;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.f-value .f-bottom .f-helper {
  color: #161615;
  gap: 7px;
  margin-top: 6px;
  margin-left: 4px;
  font-family: Lato;
  font-size: 12px;
  display: flex;
}

.dark-mode .f-value {
  color: var(--white-a75);
}

.dark-mode .f-value .f-center .f-the-value {
  font-size: 14px;
}

.dark-mode .f-value .f-label {
  font-size: 12px;
}

.dark-mode .f-value .f-the-value {
  font-size: 14px;
}

.dark-mode .f-value .f-bottom .f-helper {
  color: var(--white-a50);
}

.f-loader-circular {
  --size: 20px;
  font-size: var(--size);
  width: var(--size);
  height: var(--size);
  position: relative;
}

.f-loader-circular .shape {
  width: 1em;
  height: 1em;
  --b: calc(var(--size)  * 4 / 20);
  --r: .5em;
  color: #313149;
  padding: calc(var(--b)  + 5px);
  display: inline-block;
  position: absolute;
}

@keyframes f-loader-circular-animation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.f-loader-circular .shape:not(.completed):not(.error):before {
  content: "";
  mask-composite: xor;
  border-radius: .5em;
  padding: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(#fff 0, #fff 0), linear-gradient(#fff 0, #fff 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.f-loader-circular .shape.pending {
  --color1: rgba(22, 22, 21, 0);
  --color2: #161615;
}

.f-loader-circular .shape.pending:before {
  background: conic-gradient(from 0deg, var(--color1) 90deg, var(--color2) 360deg);
  animation: f-loader-circular-animation 1s linear infinite;
}

.f-loader-circular .shape.pending.overlay {
  --color1: rgba(255, 255, 255, 0);
  --color2: #fff;
}

.f-loader-circular .shape:not(.pending) {
  --color1: var(--turquoise);
  --color2: var(--black-a5);
  --progress: 75%;
}

.f-loader-circular .shape:not(.pending):before {
  background: conic-gradient(from 0deg, var(--color1) 0deg, var(--color1) var(--progress), var(--color2) var(--progress), var(--color2) 360deg);
}

.f-loader-circular .shape:not(.pending).overlay {
  --color1: var(--white);
  --color2: var(--white-a10);
}

.f-loader-circular .shape.completed, .f-loader-circular .shape.error {
  color: var(--white);
  border-radius: .5em;
}

.f-loader-circular .shape.completed.completed, .f-loader-circular .shape.error.completed {
  background-color: var(--statusPositive);
}

.f-loader-circular .shape.completed.error, .f-loader-circular .shape.error.error {
  background-color: var(--statusNegative);
}

.f-loader-circular .shape.completed.overlay.completed, .f-loader-circular .shape.completed.overlay.error, .f-loader-circular .shape.error.overlay.completed, .f-loader-circular .shape.error.overlay.error {
  background-color: var(--white);
}

.f-loader-circular .icon {
  width: 100%;
  height: 100%;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: .75em;
  display: flex;
  position: absolute;
}

.f-loader-circular .icon.overlay {
  color: var(--black);
}

.dark-mode .f-loader-circular .shape {
  color: var(--white-a75);
}

.dark-mode .f-loader-circular .shape:not(.completed):not(.error):before {
  -webkit-mask-image: linear-gradient(#fff 0, #fff 0), linear-gradient(#fff 0, #fff 0);
}

.dark-mode .f-loader-circular .shape.pending {
  --color1: var(--white-a10);
  --color2: var(--white-a75);
}

.dark-mode .f-loader-circular .shape.pending:before {
  background: conic-gradient(from 0deg, var(--color1) 90deg, var(--color2) 360deg);
}

.dark-mode .f-loader-circular .shape.pending.overlay {
  --color1: rgba(255, 255, 255, 0);
  --color2: #fff;
}

.dark-mode .f-loader-circular .shape:not(.pending) {
  --color1: var(--turquoise);
  --color2: var(--black-a5);
  --progress: 75%;
}

.dark-mode .f-loader-circular .shape:not(.pending):before {
  background: conic-gradient(from 0deg, var(--color1) 0deg, var(--color1) var(--progress), var(--color2) var(--progress), var(--color2) 360deg);
}

.dark-mode .f-loader-circular .shape:not(.pending).overlay {
  --color1: var(--white);
  --color2: var(--white-a10);
}

.dark-mode .f-loader-circular .shape.completed, .dark-mode .f-loader-circular .shape.error {
  color: var(--white);
  border-radius: .5em;
}

.dark-mode .f-loader-circular .shape.completed.completed, .dark-mode .f-loader-circular .shape.error.completed {
  background-color: var(--navigation);
}

.dark-mode .f-loader-circular .shape.completed.error, .dark-mode .f-loader-circular .shape.error.error {
  background-color: var(--negative);
}

.dark-mode .f-loader-circular .shape.completed.overlay.completed, .dark-mode .f-loader-circular .shape.completed.overlay.error, .dark-mode .f-loader-circular .shape.error.overlay.completed, .dark-mode .f-loader-circular .shape.error.overlay.error {
  background-color: var(--white-a75);
}

.dark-mode .f-loader-circular .icon {
  color: var(--white-a75);
}

.dark-mode .f-loader-circular .icon.overlay {
  color: var(--black);
}

.f-drop-down-button[data-v-9715c1] {
  height: 40px;
  color: rgba(255, 255, 255, .75);
  background: none;
  border: none;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  padding-right: 13px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.f-drop-down-button[data-v-9715c1]:hover {
  color: var(--white);
  background: rgba(255, 255, 255, .1);
}

.f-drop-down-button.active[data-v-9715c1], .f-drop-down-button[data-v-9715c1]:active {
  color: var(--white);
  background: rgba(24, 144, 211, .25);
}

.f-drop-down-button.active[data-v-9715c1], .f-drop-down-button[data-v-9715c1]:active:hover {
  color: var(--white);
  background: rgba(255, 255, 255, .25);
}

.f-drop-down-button.selected[data-v-9715c1] {
  background: rgba(255, 255, 255, .1);
}

.f-drop-down-button .f-drop-down-button-icon[data-v-9715c1] {
  font-size: 14px;
}

.f-drop-down-button[data-v-9715c1]:disabled {
  opacity: .25;
}

.f-drop-down-button.default[data-v-9715c1] {
  color: var(--black-a75);
  outline: none;
}

.f-drop-down-button.default .f-drop-down-button-icon[data-v-9715c1] {
  color: var(--blue);
}

.f-drop-down-button.default[data-v-9715c1]:hover {
  background-color: var(--interactiveBlueHover);
  color: var(--black);
}

.f-drop-down-button.default[data-v-9715c1]:active, .f-drop-down-button.default[data-v-9715c1]:active:hover {
  background-color: var(--interactiveBluePress);
  color: var(--black);
}

.f-drop-down-button.default.active[data-v-9715c1], .f-drop-down-button.default.active[data-v-9715c1]:active, .f-drop-down-button.default.active[data-v-9715c1]:active:hover {
  background-color: var(--interactiveBlueHover);
  color: var(--black);
  font-weight: 700;
}

a.f-link {
  color: #1890d3;
  text-transform: none;
  gap: 6px;
  padding: 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
  display: flex;
}

a.f-link:hover {
  text-decoration: underline;
}

a.f-link.small {
  font-size: 12px;
}

a.f-link.large {
  font-size: 16px;
}

.dark-mode a.f-link {
  color: var(--navigation);
}

.vfigma-list-item {
  color: rgba(255, 255, 255, .75);
  width: 64px;
  height: 88px;
  background: none;
  border: none;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.vfigma-list-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}

.vfigma-list-item:active {
  color: #fff;
  background: rgba(24, 144, 211, .25);
}

.vfigma-list-item:active:hover {
  color: #fff;
  background: rgba(255, 255, 255, .25);
}

.vfigma-list-item.selected {
  background: rgba(255, 255, 255, .1);
}

.vfigma-list-item .vfigma-listitem-icon {
  font-size: 24px;
}

.vfigma-list-item:disabled {
  opacity: .25;
}

.vfigma-list-item.default {
  color: rgba(22, 22, 21, .75);
  width: 100%;
  height: 100%;
  flex-direction: row;
  padding: 12px;
}

.vfigma-list-item.default .vfigma-listitem-icon {
  color: #1890d3;
  font-size: 18px;
}

.vfigma-list-item.default:active, .vfigma-list-item.default:active:hover {
  color: #161615;
  background-color: rgba(24, 144, 211, .25);
}

.vfigma-list-item.default:hover {
  color: #161615;
  background-color: rgba(24, 144, 211, .1);
}

.vfigma-list-item.danger {
  color: #d00e0e;
}

.vfigma-list-item.danger:hover {
  color: #d00e0e;
  background-color: var(--statusNegative-a5);
}

.vfigma-list-item.danger:active, .vfigma-list-item.danger:active:hover {
  color: #d00e0e;
  background-color: var(--statusNegative-a10);
}

.vfigma-list-item.danger .vfigma-listitem-icon {
  color: #d00e0e;
}

.vfigma-list-item.left {
  justify-content: left;
}

.dark-mode .vfigma-list-item {
  color: var(--white-50);
}

.dark-mode .vfigma-list-item:hover, .dark-mode .vfigma-list-item:active, .dark-mode .vfigma-list-item:active:hover {
  background-color: var(--white-a10);
}

.dark-mode .vfigma-list-item.selected {
  background-color: var(--white-a10);
  font-weight: bold;
}

.dark-mode .vfigma-list-item.default {
  color: var(--white-a75);
}

.dark-mode .vfigma-list-item.default .vfigma-listitem-icon {
  color: var(--primary);
}

.dark-mode .vfigma-list-item.default:active, .dark-mode .vfigma-list-item.default:active:hover {
  color: var(--white);
  background: var(--white-a5);
}

.dark-mode .vfigma-list-item.default:hover {
  color: var(--white);
  background: var(--white-a10);
}

.dark-mode .vfigma-list-item.danger {
  color: var(--negative);
}

.dark-mode .vfigma-list-item.danger:hover {
  color: var(--negative);
  background-color: var(--negative-a5);
}

.dark-mode .vfigma-list-item.danger:active, .dark-mode .vfigma-list-item.danger:active:hover {
  color: var(--negative);
  background-color: var(--negative-a10);
}

.dark-mode .vfigma-list-item.danger .vfigma-listitem-icon {
  color: var(--negative);
}

.dark-mode .vfigma-list-item.icon {
  padding: 8px 16px 12px;
}

.f-mini-tab {
  padding: 8px 8px 10px;
}

.f-mini-tab .f-action {
  margin-left: 4px;
  display: flex;
}

.f-mini-tab.disabled .f-mini-tab-wrapper {
  color: #b1b1b1;
}

.f-mini-tab.disabled .f-mini-tab-wrapper:hover, .f-mini-tab.disabled .f-mini-tab-wrapper:active {
  background-color: inherit;
}

.f-mini-tab .f-mini-tab-wrapper {
  height: 48px;
  cursor: pointer;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  padding: 0 11px;
  display: flex;
}

.f-mini-tab .f-mini-tab-wrapper:hover {
  background-color: rgba(24, 144, 211, .1);
}

.f-mini-tab .f-mini-tab-wrapper:active {
  background-color: rgba(24, 144, 211, .25);
}

.f-mini-tab .f-mini-tab-icon {
  color: #5cbab6;
  padding-right: 7px;
  font-size: 18px;
}

.f-mini-tab .f-mini-tab-label {
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
}

.f-mini-tab.f-mini-tab-selected {
  border-bottom: 2px solid #1890d3;
}

.dark-mode .f-mini-tab {
  color: var(--white-a75);
}

.dark-mode .f-mini-tab.disabled .f-mini-tab-wrapper:hover, .dark-mode .f-mini-tab.disabled .f-mini-tab-wrapper:active {
  background-color: inherit;
}

.dark-mode .f-mini-tab .f-mini-tab-wrapper:hover {
  background-color: rgba(24, 144, 211, .1);
}

.dark-mode .f-mini-tab .f-mini-tab-wrapper:active {
  background-color: rgba(24, 144, 211, .25);
}

.dark-mode .f-mini-tab .f-mini-tab-icon {
  color: var(--primary);
}

.dark-mode .f-mini-tab .f-mini-tab-label.f-mini-tab-selected {
  border-bottom: solid 2px var(--navigation);
}

.f-mini-tabs {
  border-bottom: 1px solid #efefee;
  flex-direction: row;
  display: flex;
}

.f-mini-tabs > .right {
  flex: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.f-mini-tabs > * {
  flex: 0 auto;
}

.dark-mode .f-mini-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.f-project-tab-container {
  flex-direction: row;
  display: flex;
}

.f-project-tab-container > .separator {
  border-right: 1px solid var(--white-a10);
  height: 32px;
  margin: 8px 8px 0;
}

.transparent-background .f-project-tab-container > .separator {
  border-right: 1px solid var(--white-a10);
}

.f-project-tab {
  max-width: calc(100% - 17px);
  height: 48px;
  border-radius: 8px 8px 0 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 4px;
  transition-property: background-color, box-shadow;
  transition-delay: .125s;
  transition-timing-function: ease;
  display: flex;
}

.f-project-tab.active .f-button, .f-project-tab .focus:hover .f-button {
  visibility: visible;
  opacity: 1;
}

.f-project-tab.active .text {
  font-weight: bold;
}

.f-project-tab button.close-button {
  visibility: hidden;
  opacity: 0;
  width: 24px;
  height: 24px;
  color: var(--white-a75);
  transition: opacity .125s;
}

.f-project-tab button.close-button .f-icon {
  width: 16px;
  height: 16px;
  color: var(--white-a75);
}

.f-project-tab button.close-button.button-hide-on-drag {
  opacity: 0;
}

.f-project-tab button.close-button:hover {
  background-color: var(--white-a10);
}

.f-project-tab > * {
  display: block;
}

.f-project-tab.active {
  background: #404040;
  box-shadow: 0 16px 32px rgba(22, 22, 21, .25);
}

.f-project-tab.active .project-icon {
  color: var(--primary);
}

.f-project-tab:not(.active) > .focus:hover {
  background: var(--white-a10);
  cursor: pointer;
}

.f-project-tab.active.dragable > .focus:hover {
  cursor: grab;
}

.f-project-tab.active {
  color: var(--white-a75);
}

.f-project-tab .focus {
  max-width: 100%;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 4px;
  padding: 8px;
  transition: background-color .125s;
  display: flex;
  top: 4px;
  left: 4px;
}

.f-project-tab .focus > * {
  height: 18px;
  flex: none;
  justify-content: center;
  align-items: center;
  line-height: 18px;
  display: flex;
}

.f-project-tab .focus div.button {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.f-project-tab .focus div.button > img {
  width: 100%;
  height: 100%;
}

.f-project-tab .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--white-a75);
  flex: 0 auto;
  margin: 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  line-height: 17px;
  display: inline-block;
  overflow: hidden;
}

.f-project-tab .project-icon {
  color: var(--white-a75);
}

.transparent-background .f-project-tab:not(.active), .transparent-background .f-project-tab.active {
  color: var(--white-a75);
  background: none;
}

.transparent-background .f-project-tab:not(.active) .focus:hover, .transparent-background .f-project-tab.active .focus:hover {
  background-color: var(--white-a25);
}

.f-wrapper[data-v-5e64ad] {
  height: 40px;
}

.f-project-tabs {
  height: 54px;
  background: #2d2d2e;
  flex-direction: row;
  flex: none;
  order: 0;
  align-items: flex-start;
  margin: 0;
  padding: 8px 16px 0;
  display: flex;
  overflow: hidden;
}

.f-project-tabs .tabs-container.hide-last-separator .f-project-tab-container:last-of-type .separator {
  border-right: 1px solid rgba(0, 0, 0, 0);
}

.f-project-tabs .left {
  flex-direction: row;
  flex: auto;
  display: flex;
}

.f-project-tabs .tabs-container > .tabs-container-inner {
  flex-direction: row;
  display: inline-flex;
}

.f-project-tabs .tabs-container > .tabs-container-inner.dnd-styles {
  display: inline-block;
}

.f-project-tabs .tabs-container > .tabs-container-inner .smooth-dnd-drop-preview-constant-class * {
  background-color: #404040;
  border-radius: 8px 8px 0 0;
}

.f-project-tabs .tabs-container .tab-container {
  max-width: var(--maxWidth);
}

.f-project-tabs .new {
  height: 48px;
  color: var(--white-a50);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  padding: 4px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  display: flex;
}

.f-project-tabs .new .f-wrapper:hover {
  background-color: var(--white-a10);
}

.f-project-tabs .info {
  flex: 1 0 auto;
  justify-content: flex-end;
  align-self: center;
  justify-self: flex-end;
  padding-left: 24px;
  display: flex;
}

.f-project-tabs .info .f-icon {
  cursor: help;
  background-color: rgba(0, 0, 0, .09);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 8px;
  display: flex;
  position: relative;
}

.f-project-tabs .action {
  height: 100%;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.f-project-tabs .f-project-tabs-drop-placeholder {
  background-color: var(--greyLight);
  border-radius: 8px 8px 0 0;
  margin: 0 4px;
}

.f-project-tabs .f-project-tabs-drag .f-project-tab {
  cursor: grab;
  background-color: rgba(239, 239, 238, .52);
  border-radius: 8px 8px 0 0;
}

.f-project-tabs .f-project-tabs-drag .separator {
  border-right: 1px solid rgba(0, 0, 0, 0);
}

.f-project-tabs.transparent-background {
  background: var(--black-a50);
}

.f-project-tabs.transparent-background .new .f-wrapper {
  background-color: var(--white-a10);
  color: var(--white);
}

.f-project-tabs.transparent-background .info .f-icon {
  color: var(--white);
  background-color: var(--white-a25);
}

.f-project-tabs.transparent-background .f-project-tabs-drag .f-project-tab {
  background-color: var(--white-a25);
}

.f-project-tabs.transparent-background .f-project-tabs-drop-placeholder {
  background-color: var(--white-a5);
}

.f-project-tabs.transparent-background .f-project-tabs-drop-placeholder .separator {
  border-right-color: rgba(0, 0, 0, 0);
}

.f-tag {
  background-color: var(--white-a10);
  color: var(--white-a75);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.f-tag:hover {
  border: 1px solid var(--white-a25);
}

.f-tag:active {
  border: 1px solid var(--white-a50);
}

.list-enter-active {
  transition: all .125s;
}

.list-leave-active {
  transition: all .2s;
}

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

.fadescale-enter-active, .fadescale-leave-active {
  transition: all .5s;
}

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

.fadescale-leave, .fadescale-enter-to {
  opacity: 1;
}

.fade-enter-active, .fade-leave-active {
  transition: all .125s;
}

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

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

.fade-enter-active, .fade-leave-active {
  transition: all 62ms;
}

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

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

.visio2-floor-multiview-player {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.visio2-floor-multiview-player .visio2-floor-multiview-player-container {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background-color: rgba(24, 24, 26, .25);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.visio2-floor-multiview-player .visio2-floor-multiview-player-container video {
  object-fit: cover;
}

.visio2-floor-multiview-player .visio2-floor-multiview-player-container .visio2-floor-player-down {
  height: 100%;
  width: 100%;
  color: var(--white-a75);
  justify-content: center;
  align-items: center;
  font-size: 60px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.visio2-floor-multiview-player .visio2-floor-multiview-player-container .visio2-floor-player {
  height: 100%;
}

.visio2-floor-multiview-player .visio2-floor-multiview-player-container .visio2-floor-name {
  background-color: var(--black-a30);
  color: var(--white-a90);
  border-radius: 0 0 8px;
  padding: 4px 8px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.floor-multiview {
  width: 100%;
  height: 100%;
  background-color: var(--black-l90);
  --spacing: 8px;
  --player-max-width: auto;
  --player-max-height: auto;
  align-items: center;
  justify-items: center;
  gap: var(--spacing);
  padding: var(--spacing);
  display: grid;
  position: absolute;
}

.floor-multiview > * {
  aspect-ratio: 16 / 9;
  max-width: var(--player-max-width);
  max-height: var(--player-max-height);
  width: 100%;
  height: 100%;
}

.floor-multiview .floor-multiview-no-speaker-selected {
  justify-content: center;
  align-items: center;
  display: flex;
}

.floor-multiview .floor-multiview-no-speaker-selected > div {
  text-align: center;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 24px;
}

.vonage-capture {
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #d3d3d3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.vonage-capture .devices {
  align-items: initial;
  z-index: 100;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.vonage-capture .devices * {
  width: 100%;
}

.vonage-capture .video {
  width: 100%;
  height: 100%;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.vonage-capture .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(-1, 1);
}

.vonage-capture button.switch {
  z-index: 100;
  position: absolute;
  bottom: 10px;
  left: 10px;
}



.fquestion-ask .fquestion-ask-button {
  opacity: .6;
}

.fquestion-ask .fquestion-ask-button:hover {
  opacity: 1;
}

.fquestion-ask.always_opened {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fquestion-ask:not(.always_opened) .fquestion-ask-modal {
  position: absolute;
  right: 0;
}

.fquestion-ask .fquestion-ask-success {
  flex-direction: row;
  gap: 8px;
  display: flex;
}

@media screen and (max-width: 400px) {
  .fquestion-ask-modal {
    zoom: .6;
  }
}



.tippy-tooltip {
  color: #fff;
  z-index: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #000;
  border: none;
  border-radius: 6px;
  align-items: center;
  padding: 11px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
}

.tippy-popper[x-placement^="top"] .tippy-arrow {
  border-top-color: #000;
}

.tippy-popper[x-placement^="left"] .tippy-arrow {
  border-left-color: #000;
}

.tippy-popper[x-placement^="right"] .tippy-arrow {
  border-right-color: #000;
}

.tippy-popper[x-placement^="bottom"] .tippy-arrow {
  border-bottom-color: #000;
}

vvvumeter-component {
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 14px;
  display: flex;
  position: relative;
}

vvvumeter-component > div.abs-container:first-child {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

vvvumeter-component > canvas {
  z-index: 0;
  width: 1.6em;
  height: calc(50% - 1em);
  max-height: 25em;
  margin: 1em;
}

vvvumeter-component > button.enable-vumeter {
  z-index: 1;
  height: 38px;
  opacity: .7;
  color: #fff;
  background-color: rgba(0, 0, 0, .33);
  border: none;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin: 1em;
  padding: 0 1em;
  font-size: 1em;
  transition: opacity .125s;
  display: flex;
}

vvvumeter-component > button.enable-vumeter i {
  margin-left: 10px;
}

vvvumeter-component > button.enable-vumeter:hover {
  opacity: 1;
}

vvvumeter-component > .mute-button {
  z-index: 0;
  background-color: rgba(0, 0, 0, .33);
  border-radius: 50%;
  margin: 1em 0 1em 1em;
}

vvvumeter-component > .mute-button > .button {
  color: #fff;
  opacity: .7;
  background: none;
  border: none;
  border-radius: 2px;
}

vvvumeter-component > .mute-button > .button.muted {
  color: #eee;
}

vvvumeter-component > .mute-button > .button:hover {
  opacity: 1;
}

vvvumeter-component .button {
  text-align: left;
  border-bottom: 1px dotted #666;
  display: inline-block;
  position: relative;
}

vvvumeter-component .button vvvumeter-tooltip {
  min-width: 10em;
  text-align: center;
  min-height: 1.5em;
  color: #fff;
  z-index: 100000000;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, .8);
  border: 1px solid #fff;
  border-radius: 4px;
  padding: .25em .5em;
  line-height: 1.5em;
  display: none;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
}

vvvumeter-component .button:hover vvvumeter-tooltip {
  display: block;
}

vvvumeter-component .button vvvumeter-tooltip i {
  width: 12px;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  left: 100%;
  overflow: hidden;
}

vvvumeter-component .button vvvumeter-tooltip i:after {
  content: "";
  width: 12px;
  height: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%)rotate(-45deg);
}



/*# sourceMappingURL=vrun.entry.css.map */