@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;
}

.branding-component {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 45px 0;
  display: flex;
}

.branding-component > .f-form {
  width: 500px;
  flex: auto;
}

.branding-component > .f-form .f-form > .title {
  color: var(--white-a25);
  padding: 0;
}

.branding-component > .f-form .f-form > .content-container {
  margin-top: 16px;
}

.branding-component > .f-form .f-form > .content-container .content {
  margin: 0;
  padding: 0;
}

.home24 {
  height: 100%;
  flex-direction: column;
  display: flex;
}

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

.home24 .home24-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 48px;
  display: flex;
}

.home24 h2 {
  color: var(--white-a75);
  text-align: center;
  font-family: Lato;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}

.home24 .home24-columns {
  width: 100%;
  justify-content: center;
  gap: 48px;
  display: flex;
}

.home24 .home24-columns .home24-column {
  width: 480px;
  flex-direction: column;
  flex: 0 0 480px;
  gap: 24px;
  display: flex;
}

.home24-box {
  background: var(--white-a10);
  border-left: 6px solid var(--primary);
  border-radius: 6px;
  padding: 16px;
}

.home24-plan {
  gap: 16px;
  display: flex;
}

.home24-plan .f-button {
  align-self: center;
  padding: 8px 8px 8px 16px;
  font-weight: 400;
}

.home24-plan .f-button .f-icon {
  font-size: 20px;
}

.home24-plan .home24-plan-left {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-dates-and-jauge {
  width: 100%;
  flex-direction: column;
  flex: auto;
  gap: 4px;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-jauges {
  width: 100%;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge {
  height: 8px;
  background-color: var(--navigation-a10);
  border-radius: 4px;
  flex: 50%;
  display: flex;
  position: relative;
}

.home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge > .fill {
  background-color: var(--primary);
  height: 100%;
  border-radius: 4px;
}

.home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge > .fill.warning {
  background-color: var(--notice);
}

.home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge > .fill.danger {
  background-color: var(--negative);
}

.home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge.delete-at:before, .home24-plan .home24-plan-left .home24-plan-jauges .home24-plan-jauge.next-session:before {
  content: "";
  width: 0;
  height: 16px;
  border: 1px dashed var(--white-a75);
  margin-top: -3px;
  margin-left: -3px;
  position: absolute;
  top: 0;
  left: 0;
}

.home24-plan .home24-plan-left .home24-plan-content-deleted, .home24-plan .home24-plan-left .home24-plan-content-next-session {
  text-align: center;
  color: var(--white-a75);
  font-family: Lato;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.home24-plan .home24-plan-left .home24-plan-label {
  color: var(--white-a75);
  text-align: center;
  letter-spacing: .32px;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-label span {
  color: var(--white-a75);
  text-transform: lowercase;
  border-radius: 24px;
  align-self: normal;
  align-items: center;
  padding: 0 6px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-label span.free {
  background-color: var(--navigation);
}

.home24-plan .home24-plan-left .home24-plan-label span.expired {
  background-color: var(--negative);
}

.home24-plan .home24-plan-left .home24-plan-dates {
  width: 100%;
  color: var(--white-a75);
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.home24-plan .home24-plan-left .home24-plan-dates .home24-plan-dates-expire-at, .home24-plan .home24-plan-left .home24-plan-dates .home24-plan-dates-delete-at {
  margin-left: auto;
}

.home24-timeleft {
  align-items: center;
  gap: 8px;
  display: flex;
}

.home24-timeleft.warning .home24-timeleft-time .left {
  color: var(--notice);
}

.home24-timeleft.danger .home24-timeleft-time .left {
  color: var(--negative);
}

.home24-timeleft > .f-icon {
  color: var(--primary);
  font-size: 40px;
}

.home24-timeleft .home24-timeleft-time {
  align-items: center;
  gap: 8px;
  display: flex;
}

.home24-timeleft .home24-timeleft-time .left {
  text-align: center;
  color: var(--primary);
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
}

.home24-timeleft .home24-timeleft-time .right {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home24-timeleft .home24-timeleft-time .right .unit {
  color: var(--white-a75);
  text-align: center;
  letter-spacing: .32px;
  text-transform: uppercase;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.home24-timeleft .home24-timeleft-time .right .minutes {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 125%;
}

.home24-timeleft .home24-timeleft-time .right .minutes .value {
  color: var(--primary);
}

.home24-timeleft > .f-button {
  margin-left: auto;
  padding: 8px 8px 8px 16px;
  font-weight: 400;
}

.home24-timeleft > .f-button .f-icon {
  font-size: 20px;
}

.home24-open {
  height: 300px;
  background-color: var(--black);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.home24-open .home24-open-top {
  width: 100%;
  border-bottom: 1px solid var(--white-a5);
  height: 66px;
  flex: 0 0 66px;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.home24-open .home24-open-top > .title {
  color: var(--white-a75);
  gap: 8px;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  display: flex;
}

.home24-open .home24-open-top > .title .f-icon {
  color: var(--primary);
  font-size: 20px;
}

.home24-open .home24-open-top > .actions {
  margin-left: auto;
}

.home24-open .home24-open-top > .actions > .f-icon {
  font-size: 22px;
}

.home24-open.noEvent .home24-open-center {
  justify-content: center;
  align-items: center;
}

.home24-open .home24-open-center {
  width: 100%;
  height: 0;
  flex-direction: column;
  flex: auto;
  padding: 8px;
  display: flex;
}

.home24-open .home24-open-center .home24-open-project {
  width: 100%;
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 9px 8px;
  display: flex;
}

.home24-open .home24-open-center .home24-open-project > .f-button {
  opacity: 0;
}

.home24-open .home24-open-center .home24-open-project:hover {
  background-color: var(--white-a5);
}

.home24-open .home24-open-center .home24-open-project:hover > .f-button {
  opacity: 1;
}

.home24-open .home24-open-center .home24-open-project > .icon {
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 26px;
  margin-right: 4px;
}

.home24-open .home24-open-center .home24-open-project > .icon.conference {
  background-image: url("conference_turquoise.576cfdaf.svg");
}

.home24-open .home24-open-center .home24-open-project > .icon.production {
  background-image: url("production_turquoise.4e004631.svg");
}

.home24-open .home24-open-center .home24-open-project > .icon.player {
  background-image: url("player_turquoise.27711987.svg");
}

.home24-open .home24-open-center .home24-open-project > .icon.all-in-one, .home24-open .home24-open-center .home24-open-project > .icon.allinone, .home24-open .home24-open-center .home24-open-project > .icon.event {
  background-image: url("event.6e1b69fe.svg");
}

.home24-open .home24-open-center .home24-open-project > .icon.studio {
  background-image: url("production_turquoise.4e004631.svg");
}

.home24-open .home24-open-center .home24-open-project > .icon.player {
  background-image: url("player_turquoise.27711987.svg");
}

.home24-open .home24-open-center .home24-open-project > a.icon {
  height: 32px;
  flex: 0 0 32px;
}

.home24-open .home24-open-center .home24-open-project > .title {
  color: var(--white-a75);
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.home24-open .home24-open-center .home24-open-project .badge {
  color: #161615;
  border-radius: 4px;
  flex: none;
  padding: 4px 8px;
}

.home24-open .home24-open-center .home24-open-project .badge.badge-running {
  background-color: var(--negative);
}

.home24-open .home24-open-center .home24-open-project .badge.badge-active {
  background-color: var(--primary);
}

.home24-open .home24-open-center .home24-open-project > .date {
  color: var(--white-a50);
  margin-left: auto;
  margin-right: 10px;
  font-size: 14px;
}

.home24-open .home24-open-bottom {
  width: 100%;
  justify-content: center;
  margin: 15px 0;
  display: flex;
}

.home24-open .home24-open-bottom a.f-link {
  font-size: 12px;
}

.home24-news {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.home24-news > .actions {
  gap: 24px;
  display: flex;
}

.home24-news > .home24-box {
  border-left-color: var(--white-a25);
  flex-wrap: wrap;
  display: flex;
}

.home24-news > .home24-box > .actions {
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.home24-news > .home24-box > .title {
  color: var(--white-a90);
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.home24-news > .home24-box > .date {
  color: var(--white-a90);
  text-align: center;
  margin-left: auto;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.home24-news > .home24-box > .content {
  width: 100%;
  color: var(--white-a75);
  margin-top: 8px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.home24-storage {
  gap: 16px;
  display: flex;
}

.home24-storage > .f-icon {
  color: var(--primary);
  font-size: 40px;
}

.home24-storage .home24-storage-infos {
  flex-direction: column;
  flex: auto;
  display: flex;
}

.home24-storage .home24-storage-infos > .title {
  color: var(--white-a75);
  letter-spacing: .02em;
  text-align: left;
  text-transform: uppercase;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
}

.home24-storage .home24-storage-infos > .values {
  color: var(--white-a75);
  text-align: left;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
}

.home24-storage .home24-storage-infos > .values > .limit {
  margin-left: auto;
}

.home24-storage .home24-storage-infos > .jauge {
  width: 100%;
  height: 8px;
  background-color: var(--navigation-a10);
  border-radius: 4px;
  margin-top: 4px;
  position: relative;
}

.home24-storage .home24-storage-infos > .jauge > .fill {
  height: 100%;
  background-color: var(--primary);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.home24-storage .home24-storage-infos > .jauge > .fill.warning {
  background-color: var(--notice);
}

.home24-storage .home24-storage-infos > .jauge > .fill.danger {
  background-color: var(--negative);
}



.autoscroll[data-v-682f3b] {
  height: 300px;
  width: 1px;
  position: absolute;
  bottom: 0;
}

.open22 {
  color: #161615;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.open22 .inner-shadow {
  width: 100%;
  height: 32px;
  background: linear-gradient(180deg, var(--black-a25) 0%, #16161500 100%);
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.open22 .f-sexy-scroll {
  height: 100%;
}

.open22 .v17-panel {
  background-color: #1b1c1d;
  border-radius: 12px;
  box-shadow: 0 24px 48px #16161540;
}

.open22 .title {
  justify-content: center;
  align-items: flex-end;
  margin-top: 5%;
  padding-bottom: 32px;
  display: flex;
}

.open22 .title > h1 {
  text-align: center;
  color: var(--white-a75);
  margin: 0;
  font-family: Lato;
  font-size: 48px;
  font-weight: normal;
}

.open22 .title > h1 .titleplus {
  color: var(--white-a90);
}

.open22 .content {
  flex: 0 50%;
  place-content: center;
  display: flex;
}

.open22 .content .v17-panel {
  width: 75%;
  height: 100%;
  padding: 8px 16px 0;
  position: relative;
}

.open22 .content .v17-panel button.load-more-button {
  color: var(--white-a75);
  height: 48px;
  width: 174px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 1em;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.open22 .content .v17-panel button.load-more-button:hover {
  background-color: #0000000d;
}

.open22 .content .search {
  height: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.open22 .content .search .f-icon {
  color: var(--white-a25);
  font-size: 14px;
}

.open22 .content .search input {
  color: var(--white-a50);
  background-color: #0000;
  border: none;
  flex: auto;
  padding: 5px 10px;
  font-size: 14px;
}

.open22 .content .search input::placeholder {
  color: var(--white-a25);
}

.open22 .content .search button {
  background: none;
  border: none;
}

.open22 .content .open22-table {
  height: calc(100% - 35px);
  min-height: 400px;
  flex-direction: column;
  display: flex;
}

.open22 .content .open22-table .open22-table-head .open22-table-row {
  margin-bottom: 8px;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell {
  color: #161615;
  padding: 22px 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  position: relative;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.sortable {
  cursor: pointer;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.sortable .sortable-icon {
  color: #ffffffbf;
  margin-left: auto;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.sortable:hover:after, .open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.selected:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--primary);
  border-radius: 1px 1px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.open22 .content .open22-table .open22-table-body {
  height: 0;
  flex-direction: column;
  flex: 100%;
  display: flex;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.selected {
  color: var(--white-a75);
  font-weight: bold;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title {
  display: flex;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon {
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 32px;
  margin-right: 8px;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.conference {
  background-image: url("conference_turquoise.576cfdaf.svg");
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.production {
  background-image: url("production_turquoise.4e004631.svg");
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.player {
  background-image: url("player_turquoise.27711987.svg");
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.all-in-one, .open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.allinone, .open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.event {
  background-image: url("event.6e1b69fe.svg");
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.studio {
  background-image: url("production_turquoise.4e004631.svg");
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title .icon.player {
  background-image: url("player_turquoise.27711987.svg");
}

.open22 .content .open22-table .open22-file-item-container {
  border-bottom: 1px solid var(--white-a25);
  padding: 8px 0;
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item {
  height: 48px;
  color: var(--white-a50);
  border-radius: 6px;
  align-items: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  display: flex;
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item:hover {
  background: var(--white-a5);
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item:active, .open22 .content .open22-table .open22-file-item-container .open22-file-item:hover:active {
  background: var(--white-a10);
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item .open22-table-cell {
  padding-left: 16px;
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item .badge {
  color: #161615;
  border-radius: 4px;
  flex: none;
  margin-left: 16px;
  padding: 4px 8px;
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item .badge.badge-running {
  background-color: var(--negative);
}

.open22 .content .open22-table .open22-file-item-container .open22-file-item .badge.badge-active {
  background-color: var(--primary);
}

.open22 .content .open22-table .open22-table-head .open22-table-row {
  display: flex;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell {
  color: var(--white-a75);
  align-items: center;
  display: flex;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.c-title {
  flex: auto;
}

.open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.c-type, .open22 .content .open22-table .open22-table-head .open22-table-row .open22-table-cell.c-date {
  flex: 0 0 230px;
}

.open22 .content .open22-table .open22-table-body .open22-file-item {
  display: flex;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell {
  color: var(--white-a50);
  align-items: center;
  display: flex;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-title {
  width: 0;
  flex: auto;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-type, .open22 .content .open22-table .open22-table-body .open22-file-item .open22-table-cell.c-date {
  flex: 0 0 226px;
}

.open22 .content .open22-table .open22-table-body .open22-file-item.more {
  cursor: pointer;
  justify-content: center;
  gap: 7px;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-open-project-button {
  margin-left: auto;
  margin-right: 8px;
  display: none;
}

.open22 .content .open22-table .open22-table-body .open22-file-item .open22-open-project-button .f-button {
  width: 32px;
  height: 32px;
}

.open22 .content .open22-table .open22-table-body .open22-file-item:hover .open22-open-project-button {
  display: flex;
}

.open22 .loading {
  height: 100%;
  color: #161615;
  flex: auto;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
}

.open22 .no_search_result {
  text-align: center;
  color: var(--white-a50);
  flex-direction: column;
  flex: 100%;
  justify-content: center;
  align-items: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  display: flex;
}

.open22 .no_search_result .f-icon {
  margin-bottom: 14px;
  font-size: 36px;
}

.open22 .new {
  justify-content: center;
  align-items: center;
  margin-bottom: 5%;
  padding-top: 48px;
  display: flex;
}

.plan-tunnel-component {
  height: 100%;
  width: 100%;
}

.plan-tunnel-component .f-sexy-scroll {
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
}

.plan-tunnel-component .f-sexy-scroll .f-sexy-scroll-inner {
  box-sizing: content-box;
  padding: 32px 0;
}

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

.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 #1616151f;
}

.plan-tunnel-default.most-popular:after {
  content: "";
  width: 125px;
  height: 125px;
  background-image: url("popular.5ff4cac7.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, #ffffffe6);
  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, #ffffffe6);
  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, #ffffffbf);
  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 #1616151f;
}

.plan-tunnel-default.most-popular:after {
  content: "";
  width: 125px;
  height: 125px;
  background-image: url("popular.5ff4cac7.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, #ffffffe6);
  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;
}

.plan-extra-hours-panel {
  background-color: var(--black);
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  gap: 16px;
  padding: 32px 32px 48px;
  display: flex;
  box-shadow: 0 4px 16px #1616151a;
}

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

.plan-extra-hours-panel .plan-extra-hours-left-price {
  color: var(--white);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.plan-extra-hours-panel .plan-extra-hours-left-info {
  max-width: 236px;
  flex-direction: row;
  flex-basis: 100%;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-extra-hours-panel .plan-extra-hours-left-line {
  height: 2px;
  background-color: #373838;
  margin: 0 16px;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter {
  background-color: var(--white-a10);
  border-radius: 24px;
  align-self: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter .counter-button {
  width: 32px;
  height: 32px;
  color: var(--navigation);
  cursor: pointer;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter .counter-button:hover {
  background: var(--navigation-a25);
}

.plan-extra-hours-panel .plan-extra-hours-left-counter .counter-button.disabled {
  opacity: .5;
  cursor: default;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter .counter-button.disabled:hover {
  background: none;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter .counter-count {
  color: var(--black);
  width: 32px;
  height: 32px;
  background: var(--primary);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-weight: 800;
  display: flex;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter.readonly {
  background-color: #0000;
}

.plan-extra-hours-panel .plan-extra-hours-left-counter.readonly .counter-count {
  background: var(--white-a25);
  color: var(--white);
  border-radius: 32px;
}

.plan-extra-hours {
  height: 100%;
  width: 100%;
}

.plan-extra-hours .f-sexy-scroll {
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
}

.plan-extra-hours .f-sexy-scroll .f-sexy-scroll-inner {
  box-sizing: content-box;
  flex-direction: column;
  gap: 32px;
  padding: 64px 0;
  display: flex;
}

.plan-extra-hours .plan-extra-hours-title {
  color: var(--white-a75);
  text-align: center;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.plan-extra-hours .plan-extra-hours-content {
  flex: auto;
  gap: 32px;
  padding-bottom: 64px;
  display: flex;
}

.plan-extra-hours .plan-extra-hours-content .plan-extra-hours-left {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.plan-extra-hours .plan-extra-hours-content .plan-extra-hours-left .plan-extra-hours-left-back {
  color: var(--white-a75);
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.plan-extra-hours .plan-extra-hours-content .plan-extra-hours-right {
  width: 950px;
}

.plan-upthere {
  gap: 16px;
  display: flex;
}

.plan-upthere .plan-drop-down-content {
  color: var(--white-a50);
  flex-direction: column;
  gap: 8px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  display: flex;
}

.plan-upthere .plan-drop-down-content .plan-upthere-feature {
  color: var(--white-a75);
  margin: 0;
  padding-left: 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.plan-upthere .plan-drop-down-content .f-button {
  text-transform: uppercase;
  padding: 8px 16px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.plan-upthere .plan-drop-down-content .f-button .f-icon {
  margin-left: auto;
  font-size: 20px;
}

.plan-upthere .plan-upthere-streaming-hours .streaming-hours > .value {
  color: var(--white-a75);
}

.plan-upthere .plan-upthere-plan-title {
  background-color: var(--white-a25);
  text-transform: uppercase;
  text-align: left;
  color: var(--white-a75);
  border-radius: 24px;
  align-self: center;
  padding: 8px 12px;
  font-family: Lato;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
}

.plan-upthere .plan-upthere-plan-sold, .plan-upthere .plan-upthere-viewers-number {
  color: var(--white-a75);
}

.plan-timetravel {
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  display: grid;
}

.plan-timetravel h4 {
  grid-column: 1 / -1;
}

plan-v-wallet-ng-component {
  width: 100%;
}

plan-v-wallet-ng-component .vwallet17 {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-header {
  border-bottom: 2px solid var(--white-a10);
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-header > div {
  color: var(--white-a75);
  flex: 0 0 100px;
  padding: 16px 0;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-header > div.description {
  flex: auto;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-header > div.amount {
  text-align: right;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content {
  height: 100%;
  flex-direction: column;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content > .f-sexy-scroll {
  height: 0;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content > .f-sexy-scroll .f-sexy-scroll-inner, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day {
  flex-direction: column-reverse;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost {
  width: 100%;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan > div, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan > div, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour > div, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost > div {
  flex: 0 0 100px;
  align-self: start;
  padding: 16px 0;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan > div.description, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan > div.description, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour > div.description, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost > div.description {
  flex: auto;
  align-items: center;
  gap: 8px;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan > div.description .deleted, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan > div.description .deleted, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour > div.description .deleted, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost > div.description .deleted {
  background-color: var(--negative);
  color: var(--white-a75);
  text-transform: lowercase;
  border-radius: 24px;
  align-self: center;
  align-items: center;
  padding: 2px 6px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan > div.amount, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan > div.amount, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour > div.amount, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost > div.amount {
  text-align: right;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .new-plan .amount, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .extra-hour .amount {
  color: var(--statusPositive);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .cost .amount, plan-v-wallet-ng-component .vwallet17 .vwallet17-content .vwallet17-items-by-day .vwallet17-item .expired-plan .amount {
  color: var(--statusNegative);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}







.question24-tag-editor .f-list .f-list-items {
  height: 100px;
  padding: 4px;
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll .question24-tag-editor-tags-tag {
  height: auto;
  align-items: center;
  margin: 4px 0;
  padding: 4px;
  display: flex;
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll .question24-tag-editor-tags-tag .question24-tag-editor-tags-tag-title {
  color: var(--white-a50);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll .question24-tag-editor-tags-tag .f-icon {
  cursor: pointer;
  color: var(--white-a25);
  margin-left: auto;
  font-size: 20px;
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll .question24-tag-editor-tags-tag .f-icon:hover {
  color: var(--white-a50);
}

.question24-tag-editor .f-list .f-list-items .f-sexy-scroll .question24-tag-editor-tags-tag .f-icon:active {
  color: var(--white-a75);
}

stepin-vconsole17-ng {
  width: 0;
}

.stepin-vconsole17 .stepin-modal .f-dialog {
  width: 500px;
}

.stepin-vconsole17 .stepin-modal .f-dialog .f-hint {
  margin-bottom: 24px;
}

.stepin-vconsole17 {
  height: 100%;
  position: relative;
}

.stepin-vconsole17 .content .candidates {
  height: 100%;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list {
  border-right: 1px solid var(--white-a10);
  height: 100%;
  width: 0;
  flex-direction: column;
  flex: 0 0 50%;
  padding: 16px 0;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll {
  height: 0;
  flex: auto;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items {
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate {
  border: solid 1px var(--white-a25);
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate:hover, .stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate.selected {
  outline: 2px solid var(--navigation);
  outline-offset: -2px;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-unread {
  background-color: var(--white-a10);
  width: 24px;
  height: 24px;
  color: var(--white-a50);
  border: 1px solid var(--white-a10);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-unread.unread {
  background: var(--navigation);
  border: 1px solid var(--navigation);
  color: #181919;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-content {
  width: 0;
  word-wrap: break-word;
  flex-direction: column;
  flex: 100%;
  gap: 2px;
  font-family: Lato;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-content .candidate-name-and-date {
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-content .candidate-name-and-date .candidate-name {
  font-weight: bold;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-content .candidate-name-and-date .candidate-closed {
  border: 1px solid var(--negative-a50);
  text-transform: lowercase;
  border-radius: 16px;
  align-self: baseline;
  margin: 0 9px;
  padding: 0 8px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.stepin-vconsole17 .content .candidates .candidates-list .f-sexy-scroll .candidates-list-items .candidate .candidate-content .candidate-name-and-date .candidate-date {
  color: #738080;
  margin-left: auto;
}

.stepin-vconsole17 .content .candidates .candidate-chat {
  width: 0;
  flex: 0 0 50%;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages {
  border: 1px solid var(--white-a25);
  border-radius: 6px;
  flex-direction: column;
  flex: 100%;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .f-sexy-scroll {
  height: 0;
  flex: auto;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .f-sexy-scroll .scroll-items {
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .f-button-link {
  align-self: center;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .request {
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  font-family: Lato;
  display: flex;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .request .author {
  word-wrap: break-word;
  font-weight: bold;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .request .text {
  word-wrap: break-word;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .candidate-selected-messages .request .date {
  color: #bbb;
  font-size: 12px;
  font-weight: 400;
}

.stepin-vconsole17 .content .candidates .candidate-chat .candidate-selected .actions {
  gap: 16px;
  display: flex;
}

.stepin-vconsole17 .content .candidates .no-candidate-selected {
  height: 100%;
  color: var(--white-a75);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stepin-vconsole17 .content .candidates .no-candidate-selected .f-icon {
  width: 36px;
  height: 36px;
  border: 4px solid var(--white-a75);
  color: var(--white-a75);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  font-size: 18px;
  display: flex;
}

.stepin-player-chat-textarea .f-field.f-textarea.disabled .actions {
  background: var(--black-5, #18181a0d);
}

.stepin-player-chat-textarea .f-input-container {
  height: 64px;
  background-color: #fff;
}

.stepin-player-chat-textarea .f-input-container textarea.f-input {
  height: 100%;
}

.stepin-player-chat-textarea .f-input-container textarea.f-input[disabled] {
  background: var(--black-5, #18181a0d);
}

.stepin-player-chat-textarea .f-input-container textarea.f-input::placeholder {
  color: #000;
}

.stepin-player-chat-textarea .f-input-container textarea.f-input[disabled]::placeholder {
  color: var(--black-25, #18181a40);
}

.stepin-player-chat-textarea .f-input-container .actions {
  height: 100%;
  width: 40px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 8px 4px;
  display: flex;
}

.stepin-player-chat-textarea .f-input-container .actions button.f-button {
  color: #209fdf;
  width: 32px;
  height: 32px;
  font-size: 16px;
}

.dark-mode .stepin-vconsole17 .content-container {
  margin: 0;
}

.dark-mode .stepin-vconsole17 .content-container .content {
  margin: 0;
  padding: 0;
}



.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;
}

.stepin-invitation-modal .f-dialog {
  width: 500px;
}

.stepin-invitation-modal .f-dialog .f-dialog-content {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.stepin-list {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.stepin-list .stepin-list-title {
  color: var(--black, #181919);
  font-family: Lato;
  font-size: 12px;
  font-weight: 600;
}

.stepin-list .stepin-list-items {
  border: 1px solid var(--grey-100, #dfe5e5);
  height: 200px;
  border-radius: 0 0 8px 8px;
  flex-direction: column;
  display: flex;
}

.stepin-list .stepin-list-items .stepin-list-item {
  align-items: center;
  padding: 8px;
  display: flex;
}

.stepin-list .stepin-list-items .stepin-list-item .f-icon {
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stepin-list .stepin-list-items .stepin-list-item .item-label {
  color: var(--black, #181919);
  flex: auto;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
}

.dark-mode .stepin-list-title {
  color: var(--white-a75);
}

.dark-mode .stepin-list-items {
  border: 1px solid var(--white-a10);
  border-radius: 6px;
}

.dark-mode .stepin-list-items .stepin-list-item, .dark-mode .stepin-list-items .stepin-list-item .item-label {
  color: var(--white-a75);
}

:root {
  --accessibleColorOnColorPrimary: #191919;
  --p-colorPrimaryHover: #22afaf;
  --p-colorPrimaryActive: #1e9999;
  --p-colorPrimaryAlpha20: #2ad5d540;
  --p-colorPrimaryAlpha40: #2ad5d566;
  --p-colorPrimaryAlpha50: #2ad5d580;
  --p-colorPrimaryDisabled: #474747;
  --p-colorPrimaryDisabledText: #a3a3a3;
  --accessibleColorOnColorBackground: #ffffffbf;
  --p-colorBackgroundDivider: #3c3c3c;
  --p-colorBackgroundDisabled: #131313;
  --p-colorBackgroundDisabledDeemphasize05: #282828;
  --p-colorBackgroundDeemphasize03: #292929;
  --p-colorBackgroundDeemphasize05: #303030;
  --p-colorBackgroundDeemphasize10: #3c3c3c;
  --p-colorBackgroundDeemphasize15: #474747;
  --p-colorBackgroundDeemphasize20: #535353;
  --p-colorBackgroundLightenAbsolute05: #2d2d2d;
  --p-colorBackgroundContrastAlpha05: #ffffff14;
  --p-colorBackgroundContrastAlpha08: #ffffff1f;
  --p-colorBackgroundContrastAlpha30: #fff6;
  --colorTextSecondary: #b3b3b3;
  --colorTextPlaceholder: #8a8a8a;
  --accessibleColorOnColorSuccess: #ffffffbf;
  --accessibleColorOnColorDanger: #ffffffbf;
  --accessibleColorOnColorWarning: #000;
  --p-linkProtectionsBadgeBackground: #fff;
  --p-linkProtectionsBadgeColor: #1d3944;
  --fontFamily: Lato;
  --fontSmooth: always;
  --fontVariantLigatures: normal;
  --fontVariationSettings: normal;
  --fontLineHeight: 1.45;
  --fontSizeBase: 15px;
  --fontSizeSm: .93rem;
  --fontSizeXs: .875rem;
  --fontSize2Xs: .8125rem;
  --fontSize3Xs: .75rem;
  --fontSizeLg: 1.0625rem;
  --fontSizeXl: 1.125rem;
  --fontSize2Xl: 1.25rem;
  --fontWeightLight: 300;
  --fontWeightNormal: 400;
  --fontWeightMedium: 600;
  --fontWeightBold: bold;
  --colorPrimary: #2ad5d5;
  --colorBackground: #191919;
  --colorText: #ffffffbf;
  --colorSuccess: #30b130;
  --colorDanger: #d00e0e;
  --colorWarning: #f6e6b9;
  --iconColor: var(--colorTextSecondary);
  --iconHoverColor: var(--colorText);
  --iconCheckmarkColor: var(--colorPrimaryText);
  --iconCardErrorColor: var(--colorDanger);
  --iconCardCvcColor: var(--iconColor);
  --iconCardCvcErrorColor: var(--colorDanger);
  --iconChevronDownColor: var(--iconColor);
  --iconChevronDownHoverColor: var(--iconHoverColor);
  --iconCloseColor: var(--iconColor);
  --iconCloseHoverColor: var(--iconHoverColor);
  --iconLoadingIndicatorColor: var(--p-colorBackgroundContrastAlpha30);
  --iconMenuColor: var(--colorPrimary);
  --iconMenuHoverColor: var(--iconMenuColor);
  --iconMenuOpenColor: var(--iconMenuColor);
  --iconPasscodeDeviceColor: var(--iconColor);
  --iconPasscodeDeviceHoverColor: var(--iconHoverColor);
  --iconPasscodeDeviceNotificationColor: var(--colorPrimary);
  --iconRedirectColor: currentColor;
  --tabIconColor: var(--iconColor);
  --tabIconHoverColor: var(--colorText);
  --tabIconSelectedColor: var(--colorPrimary);
  --tabIconMoreColor: var(--iconColor);
  --tabIconMoreHoverColor: var(--colorText);
  --spacingUnit: 6px;
  --gridRowSpacing: var(--p-spacing3);
  --gridColumnSpacing: var(--p-spacing3);
  --tabSpacing: var(--p-spacing1);
  --pickerItemSpacing: var(--p-spacing2);
  --accordionItemSpacing: var(--p-spacing2);
  --borderRadius: 4px;
  --focusBoxShadow: 0 0 0 3px var(--p-colorPrimaryAlpha20), 0 1px 1px 0 var(--p-colorBackgroundContrastAlpha08);
  --focusOutline: 0px;
  --spacingGridRow: var(--gridRowSpacing);
  --spacingGridColumn: var(--gridColumnSpacing);
  --spacingTab: var(--tabSpacing);
  --spacingPickerItem: var(--pickerItemSpacing);
  --spacingAccordionItem: var(--accordionItemSpacing);
  --colorPrimaryText: var(--accessibleColorOnColorPrimary);
  --colorBackgroundText: var(--accessibleColorOnColorBackground);
  --colorSuccessText: var(--accessibleColorOnColorSuccess);
  --colorDangerText: var(--accessibleColorOnColorDanger);
  --colorWarningText: var(--accessibleColorOnColorWarning);
  --colorIcon: var(--iconColor);
  --colorIconHover: var(--iconHoverColor);
  --colorIconCardError: var(--iconCardErrorColor);
  --colorIconCardCvc: var(--iconCardCvcColor);
  --colorIconCardCvcError: var(--iconCardCvcErrorColor);
  --colorIconCheckmark: var(--iconCheckmarkColor);
  --colorIconChevronDown: var(--iconChevronDownColor);
  --colorIconChevronDownHover: var(--iconChevronDownHoverColor);
  --colorIconClose: var(--iconCloseColor);
  --colorIconCloseHover: var(--iconCloseHoverColor);
  --colorIconLoadingIndicator: var(--iconLoadingIndicatorColor);
  --colorIconMenu: var(--iconMenuColor);
  --colorIconMenuHover: var(--iconMenuHoverColor);
  --colorIconMenuOpen: var(--iconMenuOpenColor);
  --colorIconPasscodeDevice: var(--iconPasscodeDeviceColor);
  --colorIconPasscodeDeviceHover: var(--iconPasscodeDeviceHoverColor);
  --colorIconPasscodeDeviceNotification: var(--iconPasscodeDeviceNotificationColor);
  --colorIconRedirect: var(--iconRedirectColor);
  --colorIconTab: var(--tabIconColor);
  --colorIconTabHover: var(--tabIconHoverColor);
  --colorIconTabSelected: var(--tabIconSelectedColor);
  --colorIconTabMore: var(--tabIconMoreColor);
  --colorIconTabMoreHover: var(--tabIconMoreHoverColor);
  --colorLogo: var(--logoColor);
  --colorLogoTab: var(--tabLogoColor);
  --colorLogoTabSelected: var(--tabLogoSelectedColor);
  --colorLogoBlock: var(--blockLogoColor);
  --p-spacingXs: 1px;
  --p-spacingSm: 2px;
  --p-spacing1: 6px;
  --p-spacing2: 12px;
  --p-spacing3: 18px;
  --p-spacing4: 24px;
  --p-spacing5: 30px;
  --p-spacing6: 36px;
  --p-spacing7: 42px;
  --p-spacing8: 48px;
  --p-spacing9: 54px;
  --p-spacing10: 60px;
  --logoColor: dark;
  --p-logoLightDisplay: none;
  --p-logoDarkDisplay: block;
  --tabLogoColor: dark;
  --p-logoTabLightDisplay: none;
  --p-logoTabDarkDisplay: block;
  --tabLogoSelectedColor: dark;
  --p-logoTabSelectedLightDisplay: none;
  --p-logoTabSelectedDarkDisplay: block;
  --blockLogoColor: dark;
  --p-logoBlockLightDisplay: none;
  --p-logoBlockDarkDisplay: block;
  -webkit-font-smoothing: antialiased;
}

.fa-xmark[data-v-f35a52] {
  color: var(--statusNegative);
}

.stripe-thank-you {
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.stripe-thank-you .f-sexy-scroll {
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
}

.stripe-thank-you .f-sexy-scroll .f-sexy-scroll-inner {
  box-sizing: content-box;
  padding: 32px 0;
}

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

.stripe-thank-you .stripe-thank-you-content {
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.stripe-thank-you .stripe-thank-you-detail {
  gap: 32px;
  display: flex;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information {
  width: 976px;
  height: 615px;
  background: var(--black);
  border-radius: 12px;
  grid-template-rows: 1fr min-content 1fr;
  grid-template-columns: 1fr min-content 1fr;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: grid;
  position: relative;
  box-shadow: 0 24px 32px -8px #1616151f;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information > .center-spacer {
  height: 100%;
  grid-row: 1 / -1;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information > .center-spacer > div {
  width: 1px;
  height: 100%;
  background-color: var(--white-a20);
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information > .left, .stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information .right {
  grid-row: 1 / -1;
  grid-template-rows: subgrid;
  justify-items: center;
  gap: 16px;
  display: grid;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information > .left :first-child, .stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information .right :first-child {
  align-self: end;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information > .left > .text-title, .stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information .right > .text-title {
  color: var(--white-a90);
  text-align: center;
  align-self: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information[pending] .f-form-pending {
  visibility: visible;
  opacity: 1;
  display: flex;
}

.stripe-thank-you .stripe-thank-you-detail .stripe-thank-you-information .f-form-pending {
  visibility: hidden;
  opacity: 0;
  transition-property: visibility opacity;
  height: 100%;
  width: 100%;
  z-index: 1;
  backdrop-filter: blur(2px);
  background-color: #ffffff61;
  border-radius: 0 6px 6px 0;
  justify-content: center;
  align-items: center;
  transition-duration: .125s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.stripe-order-invoices .order-item {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: grid;
}

.stripe-order-invoices .order-item > .positive {
  color: var(--statusPositive);
}

.stripe-order-invoices .order-item > .negative {
  color: var(--statusNegative);
}

.stripe-order-invoices-ng {
  width: 100%;
}

.stripe-order-invoices {
  position: relative;
}

.stripe-order-invoices .content-container > .content {
  max-height: 100%;
}

.stripe-order-invoices .orders {
  max-height: 100%;
  grid-template-columns: repeat(4, auto);
  align-content: flex-start;
  align-items: start;
  padding-right: 16px;
  display: grid;
  position: relative;
  overflow: auto;
}

.stripe-order-invoices .orders .order-subgrid {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  height: 42px;
  display: grid;
}

.stripe-order-invoices .orders .order-subgrid > :nth-child(4) {
  justify-self: right;
}

.stripe-order-invoices .orders .orders-header {
  background: linear-gradient(180deg, var(--black) 0%, var(--black) 80%, var(--black-a0) 100%);
  z-index: 5;
  color: var(--white-75, #ffffffbf);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: sticky;
  top: 0;
}

.stripe-order-invoices .f-button {
  padding: 0;
}

.studio20-layout23[data-v-6465d8] form .content-container .content {
  margin: 0 16px;
  padding: 0;
}

.studio20-layout23, .studio20-layout23 form {
  height: 100%;
}

.studio20-layout23 .studio20-layout23-container {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.studio20-layout23 .studio20-layout23-container .studio20-layout23-layout {
  cursor: pointer;
}

.studio20-layout23 .studio20-layout23-container .studio20-layout23-layout:hover .studio20-layout23-layout-layer {
  background: #8c8c8c;
}

.studio20-layout23 .studio20-layout23-container .studio20-layout23-layout.selected .studio20-layout23-layout-layer {
  background: #1e7dad;
}

.studio20-layout23 .studio20-layout23-container .studio20-layout23-layout .studio20-layout23-layout-layer {
  color: var(--white-a50);
  background: #525252;
  border-radius: 3px;
  outline: 1px solid #181919;
  justify-content: center;
  align-items: center;
  display: flex;
}



.troubleshooting-main-page {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.troubleshooting-main-page .troubleshooting-item {
  flex-direction: column;
  display: flex;
}

.troubleshooting-main-page .troubleshooting-page-url {
  align-items: center;
  display: flex;
}

.troubleshooting-main-page .troubleshooting-page-url .troubleshooting-page-url-label {
  color: var(--white-a25);
  text-transform: uppercase;
  margin-right: auto;
  font-size: 14px;
  font-weight: 700;
}

.troubleshooting-main-page .troubleshooting-page-url .troubleshooting-page-url-label2 {
  color: var(--white-a25);
  margin-right: auto;
  font-size: 14px;
  font-weight: 700;
}

.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.67bee061.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;
}

.f-console17-tabs {
  display: inline;
  position: relative;
}

.vconsole17-tab-center {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 32px;
  display: flex;
}

.vconsole17-tab-center-panel {
  max-width: 100%;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  display: flex;
}

.vconsole17-tab-center-panel > *, .vconsole17-tab-center-panel > * .vform17-component-container, .vconsole17-tab-center.form-fullheight .f-form, .vconsole17-tab-center.form-fullheight .vform17-component-container {
  height: 100%;
}

: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: #ffffffe6;
  --white-a80: #fffc;
  --white-a75: #ffffffbf;
  --white-a70: #ffffffb3;
  --white-a60: #fff9;
  --white-a50: #ffffff80;
  --white-a40: #fff6;
  --white-a30: #ffffff4d;
  --white-a25: #ffffff40;
  --white-a20: #fff3;
  --white-a10: #ffffff1a;
  --white-a5: #ffffff0d;
  --white-a2: #ffffff05;
  --white-a0: #fff0;
  --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: #191919e6;
  --black-a80: #191919cc;
  --black-a75: #191919bf;
  --black-a70: #191919b3;
  --black-a60: #19191999;
  --black-a50: #19191980;
  --black-a40: #19191966;
  --black-a30: #1919194d;
  --black-a25: #19191940;
  --black-a20: #19191933;
  --black-a10: #1919191a;
  --black-a5: #1919190d;
  --black-a2: #19191905;
  --black-a0: #19191900;
  --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: #ffe601e6;
  --yellow-a80: #ffe601cc;
  --yellow-a75: #ffe601bf;
  --yellow-a70: #ffe601b3;
  --yellow-a60: #ffe60199;
  --yellow-a50: #ffe60180;
  --yellow-a40: #ffe60166;
  --yellow-a30: #ffe6014d;
  --yellow-a25: #ffe60140;
  --yellow-a20: #ffe60133;
  --yellow-a10: #ffe6011a;
  --yellow-a5: #ffe6010d;
  --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: #1890d3e6;
  --blue-a80: #1890d3cc;
  --blue-a75: #1890d3bf;
  --blue-a70: #1890d3b3;
  --blue-a60: #1890d399;
  --blue-a50: #1890d380;
  --blue-a40: #1890d366;
  --blue-a30: #1890d34d;
  --blue-a25: #1890d340;
  --blue-a20: #1890d333;
  --blue-a10: #1890d31a;
  --blue-a5: #1890d30d;
  --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: #5cbab6e6;
  --turquoise-a80: #5cbab6cc;
  --turquoise-a75: #5cbab6bf;
  --turquoise-a70: #5cbab6b3;
  --turquoise-a60: #5cbab699;
  --turquoise-a50: #5cbab680;
  --turquoise-a40: #5cbab666;
  --turquoise-a30: #5cbab64d;
  --turquoise-a25: #5cbab640;
  --turquoise-a20: #5cbab633;
  --turquoise-a10: #5cbab61a;
  --turquoise-a5: #5cbab60d;
  --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: #22a39de6;
  --turquoiseDark-a80: #22a39dcc;
  --turquoiseDark-a75: #22a39dbf;
  --turquoiseDark-a70: #22a39db3;
  --turquoiseDark-a60: #22a39d99;
  --turquoiseDark-a50: #22a39d80;
  --turquoiseDark-a40: #22a39d66;
  --turquoiseDark-a30: #22a39d4d;
  --turquoiseDark-a25: #22a39d40;
  --turquoiseDark-a20: #22a39d33;
  --turquoiseDark-a10: #22a39d1a;
  --turquoiseDark-a5: #22a39d0d;
  --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: #d00e0ee6;
  --statusNegative-a80: #d00e0ecc;
  --statusNegative-a75: #d00e0ebf;
  --statusNegative-a50: #d00e0e80;
  --statusNegative-a25: #d00e0e40;
  --statusNegative-a10: #d00e0e1a;
  --statusNegative-a5: #d00e0e0d;
  --statusNegative-a2: #d00e0e05;
  --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: #f5b537e6;
  --statusNotice-a80: #f5b537cc;
  --statusNotice-a75: #f5b537bf;
  --statusNotice-a50: #f5b53780;
  --statusNotice-a25: #f5b53740;
  --statusNotice-a10: #f5b5371a;
  --statusNotice-a5: #f5b5370d;
  --statusNotice-a2: #f5b53705;
  --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: #69d357e6;
  --statusPositive-a80: #69d357cc;
  --statusPositive-a75: #69d357bf;
  --statusPositive-a50: #69d35780;
  --statusPositive-a25: #69d35740;
  --statusPositive-a10: #69d3571a;
  --statusPositive-a5: #69d3570d;
  --statusPositive-a2: #69d35705;
  --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: #2ad5d5e6;
  --primary-a80: #2ad5d5cc;
  --primary-a75: #2ad5d5bf;
  --primary-a70: #2ad5d5b3;
  --primary-a60: #2ad5d599;
  --primary-a50: #2ad5d580;
  --primary-a40: #2ad5d566;
  --primary-a30: #2ad5d54d;
  --primary-a25: #2ad5d540;
  --primary-a20: #2ad5d533;
  --primary-a10: #2ad5d51a;
  --primary-a5: #2ad5d50d;
  --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: #209fdfe6;
  --navigation-a80: #209fdfcc;
  --navigation-a75: #209fdfbf;
  --navigation-a70: #209fdfb3;
  --navigation-a60: #209fdf99;
  --navigation-a50: #209fdf80;
  --navigation-a40: #209fdf66;
  --navigation-a30: #209fdf4d;
  --navigation-a25: #209fdf40;
  --navigation-a20: #209fdf33;
  --navigation-a10: #209fdf1a;
  --navigation-a5: #209fdf0d;
  --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: #d00e0ee6;
  --negative-a80: #d00e0ecc;
  --negative-a75: #d00e0ebf;
  --negative-a70: #d00e0eb3;
  --negative-a60: #d00e0e99;
  --negative-a50: #d00e0e80;
  --negative-a40: #d00e0e66;
  --negative-a30: #d00e0e4d;
  --negative-a25: #d00e0e40;
  --negative-a20: #d00e0e33;
  --negative-a10: #d00e0e1a;
  --negative-a5: #d00e0e0d;
  --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: #f5b537e6;
  --notice-a80: #f5b537cc;
  --notice-a75: #f5b537bf;
  --notice-a70: #f5b537b3;
  --notice-a60: #f5b53799;
  --notice-a50: #f5b53780;
  --notice-a40: #f5b53766;
  --notice-a30: #f5b5374d;
  --notice-a25: #f5b53740;
  --notice-a20: #f5b53733;
  --notice-a10: #f5b5371a;
  --notice-a5: #f5b5370d;
  --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 #16161540;
}

.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 #0006;
}

.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: #efefee80;
  border: 1px solid #0000;
  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 #1890d340;
}

.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: #1616151a padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-sexy-scroll::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
  border: 4px solid #0000;
  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 #0000;
  border-radius: 8px;
}

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

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

.f-sexy-scroll.dark::-webkit-scrollbar-thumb {
  background: #ebebeb1a padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-sexy-scroll.dark::-webkit-scrollbar-thumb:hover {
  background: #ffffff1a padding-box content-box;
  border: 4px solid #0000;
  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 #0000;
  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 #0000;
  border-radius: 8px;
}

.dark-mode .f-sexy-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--white-a50);
  background-clip: content-box;
  border: 4px solid #0000;
  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 #0000;
  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 #0000;
}

.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 #0000;
}

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

.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 #0000;
}

.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: #0000;
  border: 2px solid #0000;
}

.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: #0000;
}

.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 #0000;
  padding: 12px 8px;
  text-decoration: none;
}

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

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

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

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

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

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

.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 #0000;
}

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

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

.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 #0000;
}

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

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

.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: #1890d31a;
}

.f-button.icon.active, .f-button.icon:active, .f-button.icon:active:hover {
  background: #1890d340;
}

.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: #0000;
  border: 2px solid #0000;
}

.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: #0000;
  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 #0000;
  text-decoration: none;
}

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

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

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 #0000;
}

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

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 #0000;
}

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 #0000;
}

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

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 #0000;
}

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: #0000;
  border: 2px solid #0000;
}

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: #0000;
  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: #1890d31a;
}

a.f-button.icon.active, a.f-button.icon:active, a.f-button.icon:active:hover {
  background: #1890d340;
}

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, #19191940);
  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 #1616151a;
}

.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: #1890d31a;
}

.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;
  user-select: none;
  flex: 100%;
  align-items: center;
  display: flex;
}

.f-double-slider-container .f-slider .f-container[data-v-19fe04] {
  height: 8px;
  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%;
  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) );
  user-select: none;
}

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

.f-double-slider-container .f-slider .f-container .f-cursor[data-v-19fe04] {
  width: 24px;
  height: 24px;
  user-select: none;
  background: #fff;
  border-radius: 16px;
  position: relative;
  top: -8px;
  box-shadow: 0 4px 16px #16161540;
}

.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: #1890d30d;
  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: #efefee80;
  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: hidden 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 #1890d3bf;
}

.f-input-container.focus {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

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

.f-input-container.disabled {
  color: #16161540;
  background: #1616150d;
  border: 1px solid #bbbbb8;
}

.f-input-container.disabled::placeholder {
  color: #16161540;
}

.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;
  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: #0000;
  z-index: 1;
  background: none;
}

.dark-mode .f-input-container input[type="date"].f-input:before {
  color: #0000;
  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::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 {
  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 #16161540;
}

.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 #16161540;
}

.f-slider-heavy-container {
  --fillColor-h: 177;
  --fillColor-s: 41%;
  --fillColor-l: 55%;
  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: #0000;
  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 #16161540;
}

.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: #0000;
  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-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 #16161540;
}

.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: #ffffff80;
  position: absolute;
  inset: 5px 0 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 #16161540;
}

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

.dark-mode .f-dialog.pending:after {
  background-color: var(--white-a5);
  height: 100%;
  width: 100%;
  inset: 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 #16161540;
}

.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;
  backdrop-filter: blur(1px);
  background: #16161540;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.f-dialog {
  cursor: initial;
}

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

.dark-mode .f-modal-backdrop {
  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;
  backdrop-filter: blur(4px);
  background-color: #161615e6;
  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 #0000;
  border-left-width: 0;
  border-right-color: #161615e6;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -10px;
}

.f-toast {
  gap: 16px;
}

.f-toast .separator {
  width: 1px;
  opacity: .25;
  background-color: #ffffff80;
  align-self: stretch;
  margin: -8px 0;
}

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

.f-toast .action .f-icon {
  color: #ffffffbf;
}

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

.f-toast {
  background-color: var(--black-a90);
  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 #16161540;
}

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



.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: #16161540;
}

.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: #16161540;
}

.f-form {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 4px 16px #1616151a;
}

.f-form .f-form-pending {
  height: 100%;
  width: 100%;
  z-index: 1;
  backdrop-filter: blur(2px);
  background-color: #ffffff61;
  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: #0000;
  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: #16161580;
}

form .f-form-button:hover, form .f-form-button:focus, form .f-form-button:active {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

form .f-form-button {
  border: 1px solid #0000;
  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: #0000;
}

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

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

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

.f-checkbox .f-checkbox-container input:before {
  content: "";
  width: 10px;
  height: 10px;
  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: #1890d31a;
}

.f-checkbox:hover:active {
  background-color: #1890d340;
}

.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: #1890d31a;
}

.dark-mode .f-checkbox:hover:active {
  background-color: #1890d340;
}

.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.00dbc539.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%;
  min-height: 50px;
  background: #efefee80;
  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 .multiple-selection-currents {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.f-field .f-select .current .multiple-selection-currents .multiple-selection-current {
  background: var(--white-a10);
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  padding: 5px;
  display: flex;
}

.f-field .f-select .current .multiple-selection-currents .multiple-selection-current:hover {
  background: var(--white-a25);
}

.f-field .f-select .current:hover {
  border: 1px solid #1890d3bf;
}

.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;
  inset: 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;
  flex-direction: column;
  padding: 8px;
  display: flex;
  position: fixed;
  box-shadow: 0 8px 32px -8px #16161540;
}

.f-field .f-select .filter {
  background: inherit;
  z-index: 2;
  padding: 8px 8px 0;
  position: sticky;
  top: 0;
}

.f-field .f-select .filter input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--white-a25);
  color: var(--white-a50);
  background: none;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
}

.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-track:hover {
  background: none;
}

.f-field .f-select .options::-webkit-scrollbar-thumb {
  background: var(--white-a25);
  border-radius: 8px;
}

.f-field .f-select .options::-webkit-scrollbar-thumb:hover {
  background: var(--white-a25);
  border-radius: 8px;
}

.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: #1890d31a;
}

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

.f-field.focused .current {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

.f-field.focused .current .icon {
  background-color: #1890d31a;
}

.f-field.active .current .icon {
  background: #1890d340;
}

.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: var(--white-a25);
}

.dark-mode .f-field .f-select .options::-webkit-scrollbar-thumb:hover {
  background: var(--white-a25);
}

.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: #1616151a padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-textarea textarea::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
  border: 4px solid #0000;
  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 #0000;
  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: #1890d31a;
  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 #16161540;
}

.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 #16161540;
}

.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: #16161540;
  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: #efefee40;
  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: #1890d340;
  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, #1616151a, #1616151a), #5cbab6;
}

.f-thumb.selected[data-v-474183]:not(.no-hover):active {
  background: linear-gradient(0deg, #16161533, #16161533), #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;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 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: #16161500;
  --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: #fff0;
  --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 0), linear-gradient(#fff 0 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: #fff0;
  --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);
}

.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;
}

.f-drop-down-button[data-v-9715c1] {
  height: 40px;
  color: #ffffffbf;
  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: #ffffff1a;
}

.f-drop-down-button.active[data-v-9715c1], .f-drop-down-button[data-v-9715c1]:active {
  color: var(--white);
  background: #1890d340;
}

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

.f-drop-down-button.selected[data-v-9715c1] {
  background: #ffffff1a;
}

.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: #ffffffbf;
  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: #ffffff1a;
}

.vfigma-list-item:active {
  color: #fff;
  background: #1890d340;
}

.vfigma-list-item:active:hover {
  color: #fff;
  background: #ffffff40;
}

.vfigma-list-item.selected {
  background: #ffffff1a;
}

.vfigma-list-item .vfigma-listitem-icon {
  font-size: 24px;
}

.vfigma-list-item:disabled {
  opacity: .25;
}

.vfigma-list-item.default {
  color: #161615bf;
  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: #1890d340;
}

.vfigma-list-item.default:hover {
  color: #161615;
  background-color: #1890d31a;
}

.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: #1890d31a;
}

.f-mini-tab .f-mini-tab-wrapper:active {
  background-color: #1890d340;
}

.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: #1890d31a;
}

.dark-mode .f-mini-tab .f-mini-tab-wrapper:active {
  background-color: #1890d340;
}

.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 #0000;
}

.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 #16161540;
}

.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 #0000;
}

.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;
  place-self: center flex-end;
  padding-left: 24px;
  display: flex;
}

.f-project-tabs .info .f-icon {
  cursor: help;
  background-color: #00000017;
  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: #efefee85;
  border-radius: 8px 8px 0 0;
}

.f-project-tabs .f-project-tabs-drag .separator {
  border-right: 1px solid #0000;
}

.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: #0000;
}

.f-tag {
  background-color: var(--white-a10);
  color: var(--white-a75);
  cursor: pointer;
  border: 1px solid #0000;
  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);
}

.vfigma-page[data-v-2836cc] {
  height: 100%;
  overflow-y: auto;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar {
  width: 16px;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar-track {
  background: none;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar-thumb {
  background: #ddd padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
}

.vfigma-page[data-v-2836cc]::-webkit-scrollbar-thumb:active {
  background: #bbb padding-box content-box;
}

.f-form[data-v-2836cc] {
  margin: 20px;
}

.f-form .items[data-v-2836cc] {
  display: flex;
}

.f-form .items > [data-v-2836cc] {
  margin-right: 10px;
}



.vform17-textfield2 .checkbutton {
  color: var(--statusPositive);
  padding: 0 8px;
  font-size: 24px;
}

.from17-collection-toggle .f-media-list {
  box-sizing: border-box;
  border: 1px solid var(--white-a25);
  border-radius: 0 0 8px 8px;
  flex-direction: row;
  flex: 1 0 auto;
  order: 1;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.from17-collection-toggle .f-media-list .f-sexy-scroll {
  width: 100%;
}

.from17-collection-toggle .collection-toggle-inner {
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.from17-collection-toggle .collection-toggle-inner .collection-toggle-item {
  height: 40px;
  flex-direction: row;
  flex-basis: 100%;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.from17-collection-toggle .collection-toggle-inner .collection-toggle-item :nth-child(2) {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-basis: 100%;
  overflow: hidden;
}





.vform17-textfield2 .checkbutton {
  color: var(--statusPositive);
  padding: 0 8px;
  font-size: 24px;
}

.vform17-item-list[data-v-ae78c0] {
  width: 100%;
}

.item-input-section[data-v-ae78c0] {
  margin-bottom: 10px;
}

.items-list[data-v-ae78c0] {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.items-list .items-list-item[data-v-ae78c0] {
  background: var(--white-a10);
  color: var(--white-a50);
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  padding: 5px;
  font-size: 14px;
  display: flex;
}

.items-list .items-list-item[data-v-ae78c0]:hover {
  background: var(--white-a25);
}

.empty-state[data-v-ae78c0] {
  color: var(--text-muted, #6c757d);
  font-style: italic;
}

.f-invalid-session {
  width: 100%;
  height: 100%;
  position: fixed;
}

.f-notification-space, .f-notification-space > span {
  visibility: hidden;
  text-align: initial;
  background-color: #ffc0cb80;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.f-notification-space .toasts-enter-active, .f-notification-space .toasts-leave-active, .f-notification-space > span .toasts-enter-active, .f-notification-space > span .toasts-leave-active {
  transition: all .2s;
}

.f-notification-space .toasts-enter, .f-notification-space .toasts-leave-to, .f-notification-space > span .toasts-enter, .f-notification-space > span .toasts-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.f-notification-space > *, .f-notification-space > span > * {
  visibility: visible;
}

.f-notification-space .f-items-progressing, .f-notification-space > span .f-items-progressing {
  position: absolute;
  bottom: 32px;
  right: 32px;
}

.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;
}



.header-extra-component {
  flex: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

div.v17-vproject-bar-left {
  width: 96px;
  height: 100%;
  background-color: var(--black);
  color: #fff;
  flex-direction: column;
  flex: none;
  grid-area: 2 / 1 / 4;
  display: flex;
}

div.v17-vproject-bar-left .f-sexy-scroll {
  height: 0;
  flex: auto;
  overflow-x: hidden;
}

div.v17-vproject-bar-left .vfigma-list-item {
  margin-right: 2px;
}

div.v17-vproject-bar-left .vproject17-list-item.separator {
  border-bottom: solid 1px var(--white-a10);
}

.container[data-v-570e5a] {
  height: 100%;
  width: 100%;
  padding: 10px;
  position: relative;
}

.container .f-sexy-scroll[data-v-570e5a] {
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container .f-content[data-v-570e5a] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container .f-content > .title[data-v-570e5a] {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 48px;
  font-weight: normal;
  line-height: 100%;
}

.container .f-content > .title .titleplus[data-v-570e5a] {
  color: var(--white-a90);
}

.container .f-content > .categories[data-v-570e5a] {
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-top: 48px;
  display: flex;
}

.container .f-content .f-button-justify[data-v-570e5a] {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container .f-content .f-button-justify > .open[data-v-570e5a] {
  margin-top: 48px;
}

.container .f-content .f-button-justify > .buy[data-v-570e5a] {
  margin-top: 12px;
}

.vprojector-card[data-v-4a27aa] {
  width: 240px;
  height: 100%;
  min-height: 450px;
  background: var(--black);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 16px 24px 32px;
  display: flex;
  box-shadow: 0 24px 32px -8px #16151580;
}

.vprojector-card[data-v-4a27aa]:hover, .vprojector-card.pending[data-v-4a27aa] {
  box-shadow: 0 24px 48px -8px #16161554;
}

.vprojector-card .icon[data-v-4a27aa] {
  width: 96px;
  height: 96px;
}

.vprojector-card .title[data-v-4a27aa] {
  text-align: center;
  color: var(--white-a75);
  padding: 8px;
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
}

.vprojector-card:hover .title[data-v-4a27aa], .vprojector-card.pending .title[data-v-4a27aa] {
  color: var(--white-a75);
}

.vprojector-card .tag[data-v-4a27aa] {
  text-align: center;
  color: var(--black);
  background: none;
  border-radius: 16px;
  margin-top: 8px;
  padding: 4px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 125%;
}

.vprojector-card .tag.highlight[data-v-4a27aa] {
  background: var(--primary);
  color: var(--white-a75);
}

.vprojector-card .list[data-v-4a27aa] {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.vprojector-card .list .list-item[data-v-4a27aa] {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  display: flex;
}

.vprojector-card .list .list-item .list-item-icon[data-v-4a27aa] {
  color: var(--primary);
  margin-right: 10px;
}

.vprojector-card .cost[data-v-4a27aa] {
  color: var(--white-a75);
  margin-top: auto;
  padding-top: 16px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.vprojector-card .view[data-v-4a27aa] {
  margin-top: 17px;
}

.vprojector-items[data-v-4a27aa] {
  width: 100%;
  height: 100%;
  backdrop-filter: blur(20px);
  z-index: 1;
  background: #2a2a2ab5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vprojector-items > .goBack[data-v-4a27aa] {
  color: var(--white-a75);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  font-family: Lato;
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
  display: flex;
}

.vprojector-items > .goBack .f-button .f-icon[data-v-4a27aa] {
  color: var(--white-a75);
}

.vprojector-items > .category[data-v-4a27aa] {
  color: var(--white-a90);
  margin-top: 13px;
  font-family: Lato;
  font-size: 48px;
  font-weight: normal;
  line-height: 58px;
}

.vprojector-items > .items[data-v-4a27aa] {
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
  display: flex;
}

.vprojector-items-fade-enter[data-v-4a27aa], .vprojector-items-fade-leave-to[data-v-4a27aa] {
  opacity: 0;
}

.vprojector-card[data-v-350824] {
  width: 240px;
  height: 100%;
  min-height: 450px;
  background: var(--black);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 16px 24px 32px;
  display: flex;
  box-shadow: 0 24px 32px -8px #16151580;
}

.vprojector-card[data-v-350824]:hover {
  background: var(--black-a75);
  box-shadow: 0 24px 48px -8px #16161554;
}

.vprojector-card.pending[data-v-350824] {
  background: var(--black-a75);
  outline: 4px solid #1890d3bf;
  box-shadow: 0 24px 48px -8px #16161554;
}

.vprojector-card .icon[data-v-350824] {
  width: 96px;
  height: 96px;
}

.vprojector-card .title[data-v-350824] {
  text-align: center;
  color: var(--white-a75);
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  line-height: 29px;
}

.vprojector-card:hover .title[data-v-350824], .vprojector-card.pending .title[data-v-350824] {
  color: color(--white);
}

.vprojector-card .tag[data-v-350824] {
  background: var(--white-a75);
  color: #fff;
  border-radius: 16px;
  margin-top: 8px;
  padding: 4px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  line-height: 125%;
}

.vprojector-card .list[data-v-350824] {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.vprojector-card .list .list-item[data-v-350824] {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  display: flex;
}

.vprojector-card .list .list-item .list-item-icon[data-v-350824] {
  color: var(--primary);
  margin-right: 10px;
}

.vprojector-card .cost[data-v-350824] {
  color: var(--white-a75);
  margin-top: 16px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.vprojector-card .view[data-v-350824] {
  margin-top: 17px;
}

.vprojector-items[data-v-350824] {
  width: 100%;
  height: 100%;
  background: var(--white-a10);
  backdrop-filter: blur(2px);
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vprojector-items > .goBack[data-v-350824] {
  color: #fff;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
  display: flex;
}

.vprojector-items > .category[data-v-350824] {
  color: #fff;
  margin-top: 13px;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: bold;
  line-height: 58px;
}

.vprojector-items > .items[data-v-350824] {
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
  display: flex;
}

.vprojector-items-fade-enter[data-v-350824], .vprojector-items-fade-leave-to[data-v-350824] {
  opacity: 0;
}

.projector-item-modal .f-dialog {
  width: 390px;
}

.vprojector-card {
  width: 240px;
  height: 100%;
  min-height: 450px;
  background: var(--black);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 16px 24px 32px;
  display: flex;
  box-shadow: 0 24px 32px -8px #16151580;
}

.vprojector-card .icon {
  width: 96px;
  height: 96px;
}

.vprojector-card .title {
  text-align: center;
  color: var(--white-a75);
  padding: 8px;
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
}

.vprojector-card .cost {
  margin-top: 16px;
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 125%;
}

.vprojector-card .tag {
  text-align: center;
  color: var(--white-a75);
  background: none;
  border-radius: 16px;
  margin-top: 8px;
  padding: 4px 12px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 125%;
}

.vprojector-card .tag.highlight {
  background: var(--primary);
  color: var(--black);
}

.vprojector-card .list {
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.vprojector-card .list .list-item {
  color: var(--white-a75);
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  display: flex;
}

.vprojector-card .list .list-item .list-item-icon {
  color: #5cbab6;
  margin-top: 2px;
  margin-right: 10px;
}

.vprojector-card .cost {
  color: var(--white-a75);
  margin-top: auto;
  padding-top: 16px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.vprojector-card .viewers {
  color: var(--white-a75);
  margin-top: 2px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.vprojector-card.disabled {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.vprojector-card .permissionlabel {
  text-align: center;
  color: var(--primary);
  margin-top: 17px;
}

.vprojector-card .f-button {
  margin-top: 16px;
}

.vprojector-card .cost[data-v-6a9d76] {
  margin-top: 16px;
  font-size: 12px;
  font-weight: bold;
  line-height: 125%;
}

.vprojector-card .viewers[data-v-6a9d76] {
  color: #161615;
  margin-top: 2px;
  font-family: Lato;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.vprojector-card.disabled[data-v-6a9d76] {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.vprojector-card .permissionlabel[data-v-6a9d76] {
  text-align: center;
  color: #1890d3;
  margin-top: 17px;
}

.fquestion-ask {
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0;
}

.fquestion-ask .fquestion-ask-button {
  opacity: .6;
  box-shadow: none;
  border: none;
}

.fquestion-ask .fquestion-ask-button:hover {
  opacity: 1;
}

.fquestion-ask.always_opened {
  width: 100%;
  height: 100%;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.fquestion-ask:not(.always_opened) .fquestion-ask-modal {
  box-shadow: none;
  border: none;
  position: absolute;
  right: 0;
}

.fquestion-ask .fquestion-ask-success {
  box-shadow: none;
  border: none;
  flex-direction: row;
  gap: 8px;
  display: flex;
}

.fquestion-ask .fquestion-ask-modal {
  box-shadow: none;
  width: 100%;
  height: 100%;
  border: none;
}

.fquestion-ask .fquestion-ask-modal .f-dialog__content {
  width: 100%;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.fquestion-ask .f-dialog.fquestion-ask-modal {
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  display: flex;
}

.fquestion-ask .f-dialog.fquestion-ask-modal .f-dialog-content {
  flex-direction: column;
  flex-grow: 1;
  justify-content: stretch;
  margin: 0;
  display: flex;
}

.fquestion-ask .f-dialog.fquestion-ask-modal .f-dialog-content .f-textarea {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.fquestion-ask .f-dialog.fquestion-ask-modal .f-dialog-content .f-textarea > .f-center {
  flex-grow: 1;
}

.fquestion-ask .f-dialog.fquestion-ask-modal .f-dialog-content .f-textarea > .f-center > * {
  height: 100%;
}

@media screen and (max-width: 400px) {
  .fquestion-ask-modal {
    zoom: .6;
  }
}



div[data-v-1cd840] {
  padding: 24px 16px;
}

.vrun-form-checkbox-cell-component[data-v-f13416] {
  padding: 24px 16px;
}

.vrun-form-builder {
  height: 100%;
  display: flex;
}

.vrun-form-builder > .f-left {
  flex-direction: column;
  flex: auto;
  display: flex;
}

.vrun-form-builder > .f-left .vrun-form-builder-languages {
  display: flex;
}

.vrun-form-builder > .f-left .vrun-form-builder-languages .vrun-form-builder-language-label {
  border-bottom: 1px dashed #0000;
}

.vrun-form-builder > .f-left .vrun-form-builder-languages .f-mini-tab .f-action {
  opacity: 0;
}

.vrun-form-builder > .f-left .vrun-form-builder-languages .f-mini-tab:hover .f-action, .vrun-form-builder > .f-left .vrun-form-builder-languages .f-mini-tab.f-mini-tab-selected .f-action {
  opacity: 1;
}

.vrun-form-builder > .f-left iframe {
  width: 100%;
  border: none;
  flex: auto;
}

.vrun-form-builder > .f-right {
  box-sizing: content-box;
  flex: 0 0 458px;
  padding: 12px;
  position: relative;
  overflow: hidden;
}

.vrun-form-builder > .f-right > .f-form {
  height: 100%;
  background: var(--black);
  border-radius: 8px;
  box-shadow: 0 4px 16px #1616151a;
}

.vrun-form-builder > .f-right > .f-form > .title {
  padding: 12px;
}

.vrun-form-builder > .f-right > .f-form > .content-container > .f-sexy-scroll {
  flex-direction: column;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form > .content-container > .f-sexy-scroll > .f-sexy-scroll-inner {
  height: 0;
  flex: 100%;
}

.vrun-form-builder > .f-right > .f-form > .content-container > .f-sexy-scroll > .f-sexy-scroll-inner > .content {
  height: 100%;
}

.vrun-form-builder > .f-right > .f-form > .content-container .sticky-action {
  margin: 8px 32px 32px;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content {
  flex-direction: column;
  flex: 100%;
  gap: 16px;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items {
  height: 0;
  min-height: 200px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .f-form {
  height: 100%;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .f-form > .title {
  height: auto;
  color: var(--white-a75);
  text-transform: uppercase;
  padding: 0;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .f-form > .content-container {
  border: 1px solid var(--white-a10);
  border-radius: 8px;
  margin-top: 16px;
  padding: 8px;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .f-form > .content-container .content {
  margin: 0;
  padding: 0;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .f-form > .content-container .content .smooth-dnd-container {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .vrun-form-builder-item-title {
  gap: 6px;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .vrun-form-builder-item-actions {
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.vrun-form-builder > .f-right > .f-form .vrun-form-builder-content .vrun-form-builder-items .vrun-form-builder-item-actions button:hover {
  background-color: #1890d31a;
}

.vrun-form-builder > .f-right .vrun-form-builder-additem, .vrun-form-builder > .f-right .vrun-form-builder-item-form {
  width: 100%;
  height: 100%;
  transition-property: left visibility;
  visibility: hidden;
  padding: 12px;
  transition-duration: .5s;
  transition-timing-function: ease;
  position: absolute;
  top: 0;
  left: 100%;
}

.vrun-form-builder > .f-right .vrun-form-builder-additem > .f-form, .vrun-form-builder > .f-right .vrun-form-builder-item-form > .f-form {
  height: 100%;
}

.vrun-form-builder > .f-right .vrun-form-builder-additem > .f-form .vrun-form-builder-additem-items, .vrun-form-builder > .f-right .vrun-form-builder-item-form > .f-form .vrun-form-builder-additem-items {
  flex-direction: column;
  flex: 100%;
  justify-content: flex-start;
  display: flex;
}

.vrun-form-builder > .f-right .vrun-form-builder-additem > .f-form .sticky-action, .vrun-form-builder > .f-right .vrun-form-builder-item-form > .f-form .sticky-action {
  margin: 20px;
}

.vrun-form-builder > .f-right .vrun-form-builder-additem.open, .vrun-form-builder > .f-right .vrun-form-builder-item-form.open {
  visibility: visible;
  top: 0;
  left: 0;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container[data-v-704d8f] {
  z-index: 1;
  position: fixed;
  inset: 0;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others[data-v-704d8f] {
  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;
  flex-direction: column;
  padding: 8px;
  display: flex;
  position: fixed;
  box-shadow: 0 8px 32px -8px #16161540;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-language[data-v-704d8f] {
  background: none;
  border: none;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-language[data-v-704d8f]:hover {
  border: none;
}

.f-vrun-form-lang-textfield .f-languages-container[data-v-704d8f] {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  position: relative;
}

.f-vrun-form-lang-textfield .f-languages-container.f-language-default .more[data-v-704d8f] {
  cursor: pointer;
  width: auto;
  padding: 0 8px;
  font-size: 12px;
}

.f-vrun-form-lang-textfield .f-languages-container.f-language-default .more > div[data-v-704d8f] {
  gap: 0;
  display: flex;
}

.f-vrun-form-lang-textfield .f-languages-container .f-language[data-v-704d8f] {
  color: #18181a80;
  width: 100%;
  height: 50px;
  white-space: nowrap;
  background: #f7f7f6;
  border: 1px solid #bbbbb8;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 4px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.f-vrun-form-lang-textfield .f-languages-container input[data-v-704d8f] {
  color: #161615;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden scroll;
}

.f-vrun-form-lang-textfield .f-languages-container input[data-v-704d8f]:active {
  border: none;
  outline: none;
}

.f-vrun-form-lang-textfield .f-languages-container input[readonly][data-v-704d8f] {
  cursor: default;
}

.f-vrun-form-lang-textfield .f-languages-container input[type="date"].f-input[data-v-704d8f] {
  overflow-y: initial;
}

.f-vrun-form-lang-textfield .f-languages-container input[type="number"].f-input[data-v-704d8f]::-webkit-outer-spin-button, .f-vrun-form-lang-textfield .f-languages-container input[type="number"].f-input[data-v-704d8f]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.f-vrun-form-lang-textfield .f-languages-container textarea.f-input[data-v-704d8f] {
  white-space: inherit;
}

.f-vrun-form-lang-textfield .f-languages-container:hover .f-language[data-v-704d8f] {
  border: 1px solid #1890d3bf;
}

.f-vrun-form-lang-textfield .f-languages-container.focus .f-language[data-v-704d8f] {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

.f-vrun-form-lang-textfield .f-languages-container.error[data-v-704d8f] {
  border-color: var(--statusNegative);
}

.f-vrun-form-lang-textfield .f-languages-container.disabled[data-v-704d8f] {
  color: #16161540;
  background: #1616150d;
  border: 1px solid #bbbbb8;
}

.f-vrun-form-lang-textfield .f-languages-container.disabled[data-v-704d8f]::placeholder {
  color: #16161540;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container[data-v-704d8f] {
  z-index: 1;
  position: fixed;
  inset: 0;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others[data-v-704d8f] {
  box-shadow: 0 12px 24px var(--white-a5);
  background-color: #000;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-language[data-v-704d8f], .dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-language[data-v-704d8f]:hover {
  border: none;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-language.focus[data-v-704d8f] {
  border: none;
  outline: none;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container .f-language[data-v-704d8f] {
  color: var(--white-a50);
  border: 1px solid var(--white-a25);
  background: none;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container input[data-v-704d8f] {
  color: var(--white-a50);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container:hover .f-language[data-v-704d8f] {
  border: 1px solid var(--navigation-a50);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.focus .f-language[data-v-704d8f] {
  border: 1px solid var(--navigation);
  outline: 5px solid var(--navigation-a25);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.error[data-v-704d8f] {
  border-color: var(--negative);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.disabled[data-v-704d8f] {
  background: var(--white-a5);
  border: 1px solid var(--white-a10);
  color: var(--white-a10);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.disabled[data-v-704d8f]::placeholder {
  color: var(--white-a10);
}

.vrun-form-result-page {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.vrun-form-result-page .f-actions {
  background-color: var(--black);
  border-radius: 8px;
  gap: 16px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 16px #1616151a;
}

.vrun-form-result-page .f-content {
  background-color: var(--black);
  height: 0;
  border-radius: 8px;
  flex: 100%;
  gap: 16px;
  padding: 16px;
  box-shadow: 0 4px 16px #1616151a;
}

.vrun-form-result-page .f-content .f-empty {
  height: 100%;
  opacity: .5;
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: bold;
  display: flex;
}

.vrun-form-result-page .f-content .f-sexy-scroll {
  height: 100%;
}

.vrun-form-result-page .f-content .f-sexy-scroll table {
  border-collapse: collapse;
}

.vrun-form-result-page .f-content .f-sexy-scroll table thead {
  z-index: 1;
  position: sticky;
  top: 0;
}

.vrun-form-result-page .f-content .f-sexy-scroll table thead tr th {
  text-transform: none;
  flex: auto;
  padding: 22px 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  position: relative;
}

.vrun-form-result-page .f-content .f-sexy-scroll table tbody tr td {
  padding: 0;
}

.vrun-form-result-page .f-content .f-sexy-scroll .more {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: baseline;
  padding: 8px 4px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.vrun-form-result-page .f-content .f-sexy-scroll .more:hover {
  background-color: #1890d31a;
}

.vrun-form-result-no-data[data-v-984c1e] {
  opacity: .5;
  padding: 24px 16px;
  font-style: italic;
}

.vrun-form-result-date[data-v-3125be] {
  padding: 24px 16px;
}

div[data-v-cc2b84] {
  padding: 24px 16px;
}

div[data-v-f1e93a] {
  padding: 24px 16px;
}

div[data-v-ca357c] {
  padding: 24px 16px;
}

.f-vrun-form-lang-textfield .f-hint {
  margin-top: 6px;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container {
  z-index: 1;
  position: fixed;
  inset: 0;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others {
  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;
  flex-direction: column;
  padding: 8px;
  display: flex;
  position: fixed;
  box-shadow: 0 8px 32px -8px #16161540;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-languages-container .f-languages-language {
  cursor: pointer;
  color: #000;
  opacity: .75;
  text-align: center;
  border-bottom: 2px solid #0000;
  flex: auto;
  padding: 8px 0;
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-languages-container .f-languages-language.selected {
  opacity: 1;
  border-bottom: 2px solid #209fdf;
}

.f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-languages-current {
  height: 100px;
  padding: 4px 8px;
}

.f-vrun-form-lang-textfield textarea {
  color: #161615;
  width: 100%;
  resize: none;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  overflow-y: scroll;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar {
  width: 16px;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-track {
  background: none;
}

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

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb {
  background: #1616151a padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb:hover {
  background: #ddd padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-corner {
  background: none;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-track {
  background: none;
}

.f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb {
  background: #ddd padding-box content-box;
  border: 4px solid #0000;
  border-radius: 8px;
}

.f-vrun-form-lang-textfield textarea:active {
  border: none;
  outline: none;
}

.f-vrun-form-lang-textfield textarea[readonly] {
  cursor: default;
}

.f-vrun-form-lang-textfield .f-languages-container {
  align-items: flex-start;
  gap: 8px;
  display: flex;
  position: relative;
}

.f-vrun-form-lang-textfield .f-languages-container.f-language-default .more {
  cursor: pointer;
  width: auto;
  padding: 0 8px;
  font-size: 12px;
}

.f-vrun-form-lang-textfield .f-languages-container.f-language-default .more > div {
  gap: 0;
  display: flex;
}

.f-vrun-form-lang-textfield .f-languages-container .f-language {
  color: #18181a80;
  width: 100%;
  height: 100px;
  white-space: nowrap;
  background: #f7f7f6;
  border: 1px solid #bbbbb8;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.f-vrun-form-lang-textfield .f-languages-container:hover .f-language {
  border: 1px solid #1890d3bf;
}

.f-vrun-form-lang-textfield .f-languages-container.focus .f-language {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

.f-vrun-form-lang-textfield .f-languages-container.error {
  border-color: var(--statusNegative);
}

.f-vrun-form-lang-textfield .f-languages-container.disabled {
  color: #16161540;
  background: #1616150d;
  border: 1px solid #bbbbb8;
}

.f-vrun-form-lang-textfield .f-languages-container.disabled::placeholder {
  color: #16161540;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others {
  box-shadow: 0 12px 24px var(--white-a5);
  background-color: #000;
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-languages-container .f-languages-language {
  color: var(--white-a50);
}

.dark-mode .f-vrun-form-lang-textfield .f-vrun-form-lang-textfield-others-container .f-vrun-form-lang-textfield-others .f-languages-container .f-languages-language.selected {
  border-bottom: 2px solid var(--white-a50);
}

.dark-mode .f-vrun-form-lang-textfield textarea {
  color: var(--white-a50);
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb {
  background: #1616151a;
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-corner {
  background: none;
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-track {
  background: none;
}

.dark-mode .f-vrun-form-lang-textfield textarea::-webkit-scrollbar-thumb {
  background: #ddd;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container .f-language {
  color: var(--white-a50);
  border: 1px solid var(--white-a25);
  background: none;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container:hover .f-language {
  border: 1px solid #1890d3bf;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.focus .f-language {
  border: 1px solid #1890d3;
  outline: 5px solid #1890d340;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.error {
  border-color: var(--statusNegative);
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.disabled {
  color: #16161540;
  background: #1616150d;
  border: 1px solid #bbbbb8;
}

.dark-mode .f-vrun-form-lang-textfield .f-languages-container.disabled::placeholder {
  color: #16161540;
}

.vstorage-cost-upthere-container {
  border: 1px solid var(--white-a25);
  border-radius: 8px;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-header {
  margin-bottom: 6px;
  padding: 8px;
  font-size: 12px;
  font-weight: 700;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan {
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan.not-current {
  background-color: var(--primary);
  row-gap: 0;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan-bytes {
  grid-area: 1 / 1 / 2 / 2;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan-limit {
  grid-area: 1 / 3 / 2 / 4;
  font-weight: 700;
}

.vstorage-cost-upthere-container .current .vstorage-cost-upthere-plan-limit {
  justify-self: end;
}

.vstorage-cost-upthere-container .not-current .vstorage-cost-upthere-plan-limit {
  color: #16161580;
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan-progressbar {
  grid-area: 2 / 1 / 3 / 4;
}

.vstorage-cost-upthere-container .vstorage-cost-upthere-plan-cost {
  background-color: var(--primary);
  color: var(--black);
  white-space: nowrap;
  border-radius: 4px;
  grid-area: 3 / 3 / 4 / 4;
  padding: 4px 8px;
  font-weight: 700;
}

.vstorage-cost-upthere-container .current .vstorage-cost-upthere-plan-cost {
  justify-self: end;
}

.vstorage-cost-upthere-container .not-current .vstorage-cost-upthere-plan-cost {
  color: var(--primary);
  justify-left: start;
  background: none;
  grid-area: 2 / 1 / 3 / 2;
  padding: 0;
  font-weight: 500;
}

.vstudio20-presets-closed {
  opacity: 1;
  width: 40px;
  height: 100%;
  margin-left: 10px;
}

.vstudio20-presets-closed .preset-body .fa {
  visibility: hidden;
  opacity: 0;
  transition: opacity .125s;
}

.vstudio20-presets-closed:hover .preset-body .fa {
  visibility: visible;
  opacity: 1;
}

.vstudio20-presets-closed .head {
  border-bottom: 5px solid #f2f2f2;
  justify-content: center;
  padding: 15px 0;
}

.vstudio20-presets-closed .preset-body {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: bakground-color .125s;
  display: flex;
}

.vstudio20-presets-closed .preset-body:hover {
  background-color: #d7f3f140;
}

.vstudio20-presets-closed.v-enter-active, .vstudio20-presets-closed.v-leave-active {
  transition: all .125s;
  transition-property: opacity width;
}

.vstudio20-presets-closed.v-enter, .vstudio20-presets-closed.v-leave-to {
  opacity: 0;
  width: 350px;
}

.dark-mode .vstudio20-presets-closed {
  background-color: var(--black);
  color: var(--white-a75);
}

.dark-mode .vstudio20-presets-closed .head {
  color: var(--white-a75);
  border-bottom: 5px solid #404040;
}

.dark-mode .vstudio20-presets-closed .preset-body {
  color: var(--white-a75);
}

.preset-key {
  color: #fff;
  background: #000;
  border: 1px solid #555;
  border-radius: 4px;
  margin: 0 2px;
  padding: 2px 6px;
  font-family: monospace;
  font-size: .9em;
  display: inline-block;
  box-shadow: 0 2px #333;
}

.vstudio20-presets-preset-top {
  height: 42px;
}

.vstudio20-presets-preset {
  text-align: left;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 1.83;
  display: flex;
}

.vstudio20-presets-preset .vstudio20-layers-layer-title {
  color: var(--white-a75);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px dashed #5cbab6;
  display: inline-block;
  overflow: hidden;
}

.vstudio20-presets-preset .actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.vstudio20-presets-preset .actions .vstudio20-button, .vstudio20-presets-preset .actions .f-button {
  text-transform: uppercase;
  margin-left: 10px;
  font-size: 12px;
  line-height: 14px;
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button, .vstudio20-presets-preset .actions .f-button.apply-button {
  min-width: 5.2em;
  border: none;
  justify-content: center;
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button .text.v-enter-active, .vstudio20-presets-preset .actions .vstudio20-button.apply-button .text.v-leave-active, .vstudio20-presets-preset .actions .f-button.apply-button .text.v-enter-active, .vstudio20-presets-preset .actions .f-button.apply-button .text.v-leave-active {
  transition: all .1s;
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button .text.v-enter, .vstudio20-presets-preset .actions .vstudio20-button.apply-button .text.v-leave-to, .vstudio20-presets-preset .actions .f-button.apply-button .text.v-enter, .vstudio20-presets-preset .actions .f-button.apply-button .text.v-leave-to {
  opacity: 0;
  transform: translateY(10px);
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button .check.v-enter-active, .vstudio20-presets-preset .actions .f-button.apply-button .check.v-enter-active {
  transition: all .25s;
  transition-property: opacity transform;
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button .check.v-leave-active, .vstudio20-presets-preset .actions .f-button.apply-button .check.v-leave-active {
  transition: opacity .1s;
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button .check.v-enter, .vstudio20-presets-preset .actions .vstudio20-button.apply-button .check.v-leave-to, .vstudio20-presets-preset .actions .f-button.apply-button .check.v-enter, .vstudio20-presets-preset .actions .f-button.apply-button .check.v-leave-to {
  opacity: 0;
  transform: scale(.5)rotate(360deg);
}

.vstudio20-presets-preset .actions .vstudio20-button.apply-button, .vstudio20-presets-preset .actions .vstudio20-button.set-button, .vstudio20-presets-preset .actions .f-button.apply-button, .vstudio20-presets-preset .actions .f-button.set-button {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

.vstudio20-presets-preset .actions .vstudio20-button.delete-button, .vstudio20-presets-preset .actions .f-button.delete-button {
  font-size: 14px;
}

.dark-mode .vstudio20-presets-preset .vstudio20-layers-layer-title {
  border-bottom: 1px dashed var(--primary);
}

.presets-help-tooltip {
  text-align: left;
  font-weight: initial;
}

.presets-help-tooltip .quote {
  border-left: 1px solid #d3d3d3;
  padding-left: 10px;
  font-size: .9em;
  display: block;
}

.vstudio20-presets-container form > .content-container {
  flex: auto;
}

.vstudio20-presets-container form > .content-container .content {
  padding: 0;
}

.vstudio20-presets-container form > .content-container .content .vstudio20-layers .vfigma-list-item.default:hover, .vstudio20-presets-container form > .content-container .content .vstudio20-layers .vfigma-list-item.default:active, .vstudio20-presets-container form > .content-container .content .vstudio20-layers .vfigma-list-item.default:active:hover {
  color: #161615bf;
  background-color: #0000;
}

.vstudio20-presets-container[data-v-1f0657] {
  height: 100%;
  width: 360px;
  flex-direction: row;
  display: flex;
}

.vstudio20-presets-container .f-form[data-v-1f0657] {
  width: 100%;
}

.vstudio20-presets-container .f-form .title .actions[data-v-1f0657] {
  gap: 7px;
  margin-left: auto;
  display: flex;
}

.vstudio20-presets-container .f-form .vstudio20-layers.no-presets[data-v-1f0657] {
  flex-direction: column;
  place-self: center;
  margin: auto;
  display: flex;
}

.vstudio20-presets-container .f-form .vstudio20-layers.no-presets .f-button[data-v-1f0657] {
  margin-top: 10px;
}

.vstudio20-presets[data-v-1f0657] {
  height: 100%;
  width: 350px;
  flex: none;
  margin-left: 10px;
  position: relative;
  top: 0;
  bottom: 0;
}

.vstudio20-presets .vstudio20-layers[data-v-1f0657] {
  width: 100%;
  flex-direction: column;
  flex: 1 0;
  display: flex;
  overflow-y: auto;
}

.vstudio20-presets .vstudio20-layers.no-presets[data-v-1f0657] {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
}

.vstudio20-presets .vstudio20-layers.no-presets .create-button[data-v-1f0657] {
  color: #fff;
  background-color: #5cbab6;
  margin-top: 10px;
}

.vstudio20-presets .head[data-v-1f0657] {
  border-bottom: 5px solid #f2f2f2;
}

.vstudio20-presets .settings[data-v-1f0657] {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
}

.vstudio20-presets .settings .vstudio20-button[data-v-1f0657] {
  margin-left: 10px;
}

.vstudio20-presets .settings .vstudio20-button.help[data-v-1f0657] {
  cursor: help;
}

.vstudio20-presets .settings .vstudio20-button.main[data-v-1f0657] {
  color: #fff;
  background-color: #5cbab6;
}

.vuser-account17-storage-plans {
  background-color: var(--white-a10);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 8px;
  display: flex;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan {
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  display: grid;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan.not-current {
  row-gap: 0;
}

.vuser-account17-storage-plans .vuser-account17-storage-title {
  grid-area: 1 / 1 / 2 / 2;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.vuser-account17-storage-plans .vuser-account17-storage-icon {
  color: var(--turquoise);
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
}

.vuser-account17-storage-plans .vuser-account17-storage-icon .f-icon {
  font-size: 12px;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan-bytes {
  grid-area: 2 / 1 / 3 / 2;
  font-weight: bold;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan-limit {
  grid-area: 2 / 3 / 3 / 4;
  font-weight: 700;
}

.vuser-account17-storage-plans .current .vuser-account17-storage-plan-limit, .vuser-account17-storage-plans .current .vuser-account17-storage-plan-cost {
  justify-self: end;
}

.vuser-account17-storage-plans .not-current {
  border: 1px solid #1616151a;
  border-radius: 6px;
  padding: 8px;
}

.vuser-account17-storage-plans .not-current .vuser-account17-storage-plan-limit {
  color: #16161580;
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

.vuser-account17-storage-plans .not-current .vuser-account17-storage-plan-cost {
  color: var(--primary);
  justify-left: start;
  background: none;
  grid-area: 2 / 2 / 3 / 3;
  padding: 0;
  font-weight: 500;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan-progressbar {
  grid-area: 3 / 1 / 4 / 4;
}

.vuser-account17-storage-plans .vuser-account17-storage-plan-cost {
  background-color: var(--primary);
  color: var(--black);
  border-radius: 4px;
  grid-area: 1 / 3 / 2 / 4;
  padding: 4px 8px;
  font-weight: 700;
}





.tippy-tooltip {
  color: #fff;
  z-index: 1;
  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;
  inset: 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: #00000054;
  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: #00000054;
  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: #000c;
  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: #000c;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%)rotate(-45deg);
}

.f-modal-text {
  margin-bottom: 26px;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
}

.f-modal-content-container {
  display: flex;
}

.f-modal-content-container .f-textfield {
  flex: auto;
}

.f-modal-icon {
  color: var(--blue);
  margin-right: 6px;
  font-size: 16px;
  font-weight: bold;
}

.f-whitelist-listing[data-v-3b6971] {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.f-whitelist-listing .f-actions[data-v-3b6971] {
  background-color: var(--black);
  border-radius: 8px;
  gap: 16px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 16px #1616151a;
}

.f-whitelist-listing .f-content[data-v-3b6971] {
  background-color: var(--black);
  height: 0;
  border-radius: 8px;
  flex: 100%;
  gap: 16px;
  padding: 16px;
  box-shadow: 0 4px 16px #1616151a;
}

.f-whitelist-listing .f-content .f-search[data-v-3b6971] {
  height: 35px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 11px;
  display: flex;
}

.f-whitelist-listing .f-content .f-search .f-icon[data-v-3b6971] {
  font-size: 18px;
}

.f-whitelist-listing .f-content .f-search input[data-v-3b6971] {
  color: #161615;
  background-color: #0000;
  border: none;
  flex: auto;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 14px;
}

.f-whitelist-listing .f-content .f-table[data-v-3b6971] {
  height: calc(100% - 35px);
  min-height: 400px;
  flex-direction: column;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-header[data-v-3b6971] {
  color: var(--white-a75);
  cursor: pointer;
  align-items: center;
  padding: 22px 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  display: flex;
  position: relative;
}

.f-whitelist-listing .f-content .f-table .f-table-header .f-icon[data-v-3b6971] {
  margin-left: auto;
}

.f-whitelist-listing .f-content .f-table .f-table-header[data-v-3b6971]:hover:after, .f-whitelist-listing .f-content .f-table .f-table-header.selected[data-v-3b6971]:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--white-a10);
  border-radius: 1px 1px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.f-whitelist-listing .f-content .f-table .f-table-body[data-v-3b6971] {
  height: 0;
  flex-direction: column;
  flex: 100%;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-empty[data-v-3b6971] {
  height: 100%;
  opacity: .5;
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: bold;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line[data-v-3b6971] {
  border-bottom: 1px solid var(--white-a10);
  padding: 8px 0;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain[data-v-3b6971] {
  color: #161615bf;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address .f-checkbox[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain .f-checkbox[data-v-3b6971] {
  width: 100%;
  height: 50px;
  align-items: center;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address .f-icon[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain .f-icon[data-v-3b6971] {
  color: var(--primary);
  font-size: 16px;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address .email[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain .email[data-v-3b6971] {
  flex: auto;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address .address[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-address .domain[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain .address[data-v-3b6971], .f-whitelist-listing .f-content .f-table .f-table-body .f-table-line .f-whitelist-domain .domain[data-v-3b6971] {
  border-bottom: 1px dashed #18181a40;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line.more[data-v-3b6971] {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: baseline;
  padding: 8px 4px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.f-whitelist-listing .f-content .f-table .f-table-body .f-table-line.more[data-v-3b6971]:hover {
  background-color: #1890d31a;
}

.f-whitelist-tracking[data-v-648695] {
  height: 100%;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.f-whitelist-tracking .f-actions[data-v-648695] {
  background-color: var(--black);
  border-radius: 8px;
  gap: 16px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 16px #1616151a;
}

.f-whitelist-tracking .f-content[data-v-648695] {
  background-color: var(--black);
  height: 0;
  border-radius: 8px;
  flex: 100%;
  gap: 16px;
  padding: 16px;
  box-shadow: 0 4px 16px #1616151a;
}

.f-whitelist-tracking .f-content .f-search[data-v-648695] {
  height: 35px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 11px;
  display: flex;
}

.f-whitelist-tracking .f-content .f-search .f-icon[data-v-648695] {
  font-size: 18px;
}

.f-whitelist-tracking .f-content .f-search input[data-v-648695] {
  color: var(--white-a75);
  background-color: #0000;
  border: none;
  flex: auto;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 14px;
}

.f-whitelist-tracking .f-content .f-table[data-v-648695] {
  height: calc(100% - 35px);
  min-height: 400px;
  flex-direction: column;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-header[data-v-648695] {
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-header .f-table-header-col[data-v-648695] {
  color: var(--white-a75);
  cursor: pointer;
  flex: 0 0 200px;
  align-items: center;
  padding: 22px 16px;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  display: flex;
  position: relative;
}

.f-whitelist-tracking .f-content .f-table .f-table-header .f-table-header-col.address[data-v-648695] {
  flex: auto;
}

.f-whitelist-tracking .f-content .f-table .f-table-header .f-table-header-col .f-icon[data-v-648695] {
  margin-left: auto;
}

.f-whitelist-tracking .f-content .f-table .f-table-header .f-table-header-col[data-v-648695] :after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--white-a10);
  border-radius: 1px 1px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.f-whitelist-tracking .f-content .f-table .f-table-body[data-v-648695] {
  height: 0;
  flex-direction: column;
  flex: 100%;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-empty[data-v-648695] {
  height: 100%;
  opacity: .5;
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: bold;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line[data-v-648695] {
  border-bottom: 1px solid var(--white-a10);
  padding: 8px 0;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track[data-v-648695] {
  color: var(--white-a75);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track .f-whitelist-track[data-v-648695] {
  height: 50px;
  flex: 0 0 200px;
  align-items: center;
  padding: 0 16px;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track .f-whitelist-track.address[data-v-648695] {
  flex: auto;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track .f-checkbox[data-v-648695] {
  width: 100%;
  padding: 14px 4px;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track .f-icon[data-v-648695] {
  color: var(--primary);
  font-size: 16px;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line .f-whitelist-track .email[data-v-648695] {
  flex: auto;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line.more[data-v-648695] {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: baseline;
  padding: 8px 4px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.f-whitelist-tracking .f-content .f-table .f-table-body .f-table-line.more[data-v-648695]:hover {
  background-color: #1890d31a;
}

.zapper-talkto-overlay {
  position: relative;
}

.zapper-talkto-overlay .overlay {
  border: 3px solid #0000;
  border-radius: 10px;
  margin: 2px;
  position: absolute;
  inset: 0;
}

.zapper-talkto-overlay .overlay.selected {
  border-color: var(--statusNotice);
}



/*# sourceMappingURL=vconsole.entry.css.map */