/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-home-action-button {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fe-popups-home-action-button + .fe-popups-home-action-button {
  margin-left: 8px;
}
.fe-popups-home-action-button__button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: none;
  color: var(--zoom-color-inverse-global-default);
  outline-offset: 2px;
  cursor: pointer;
  transition: transform 0.3s linear;
  appearance: none;
  width: 60px;
  height: 60px;
  border-radius: 20px;
}
.fe-popups-home-action-button__button .fe-popups-icon {
  font-size: 28px;
}
.fe-popups-home-action-button__button:hover:not(.is-disabled) {
  transform: translateY(-4px);
}
.fe-popups-home-action-button__button:active:not(.is-disabled) {
  transform: translateY(0);
}
.fe-popups-home-action-button__button.is-disabled {
  cursor: not-allowed;
}
.fe-popups-home-action-button--primary {
  background-image: linear-gradient(to right bottom, #FA0 0%, #FF5F0F 100%);
  box-shadow: 0 4px 8px rgba(255, 85, 0, 0.12);
}
.fe-popups-home-action-button--primary:hover:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, #FA0 0%, #FF5F0F 100%);
  box-shadow: 0 8px 8px rgba(255, 85, 0, 0.24);
}
.fe-popups-home-action-button--primary:active:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, var(--zoom-color-state-complementary-press) 0%, var(--zoom-color-state-complementary-press) 100%);
  box-shadow: 0 4px 8px rgba(255, 85, 0, 0.12);
}
.fe-popups-home-action-button--primary.is-disabled {
  background-color: var(--zoom-color-state-subtle-disable);
  background-image: none;
  color: var(--zoom-color-state-disable);
  box-shadow: none;
}
.fe-popups-home-action-button--secondary {
  background-image: linear-gradient(to right bottom, #508AFF 0%, #0B5CFF 100%);
  box-shadow: 0 4px 8px rgba(44, 103, 255, 0.12);
}
.fe-popups-home-action-button--secondary:hover:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, #508AFF 0%, #0B5CFF 100%);
  box-shadow: 0 8px 8px rgba(44, 103, 255, 0.24);
}
.fe-popups-home-action-button--secondary:active:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, var(--zoom-color-state-primary-press) 0%, var(--zoom-color-state-primary-press) 100%);
  box-shadow: 0 4px 8px rgba(44, 103, 255, 0.12);
}
.fe-popups-home-action-button--secondary.is-disabled {
  background-color: var(--zoom-color-state-subtle-disable);
  background-image: none;
  color: var(--zoom-color-state-disable);
  box-shadow: none;
}
.fe-popups-home-action-button--destructive {
  background-image: linear-gradient(to right bottom, #FF6682 0%, #DA1639 100%);
  box-shadow: 0 4px 8px rgba(218, 22, 57, 0.12);
}
.fe-popups-home-action-button--destructive:hover:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, #FF6682 0%, #DA1639 100%);
  box-shadow: 0 8px 8px rgba(218, 22, 57, 0.24);
}
.fe-popups-home-action-button--destructive:active:not(.is-disabled) {
  background-image: linear-gradient(to right bottom, var(--zoom-color-state-error-press) 0%, var(--zoom-color-state-error-press) 100%);
  box-shadow: 0 4px 8px rgba(218, 22, 57, 0.12);
}
.fe-popups-home-action-button--destructive.is-disabled {
  background-color: var(--zoom-color-state-subtle-disable);
  background-image: none;
  color: var(--zoom-color-state-disable);
  box-shadow: none;
}
.fe-popups-home-action-button__label {
  margin-top: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-home-action-button__label.is-disabled {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-home-action-button:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-home-action-button .fe-popups-home-action-button__button {
  border: 1px solid transparent;
}
.fe-popups-theme--highContrast .fe-popups-home-action-button .fe-popups-home-action-button__button.is-disabled {
  border-color: GrayText;
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-home-action-button .fe-popups-home-action-button__label.is-disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-hero-action-button {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  gap: 8px;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-stronger-neutral);
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-hero-action-button:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-hero-action-button:active:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-hero-action-button--sm {
  height: 40px;
  padding: 8px 12px;
  border-radius: 12px;
}
.fe-popups-hero-action-button--sm .fe-popups-hero-action-button__icon {
  font-size: 16px;
}
.fe-popups-hero-action-button--md {
  height: 48px;
  padding: 12px 16px;
  border-radius: 16px;
}
.fe-popups-hero-action-button--md .fe-popups-hero-action-button__icon {
  font-size: 18px;
}
.fe-popups-hero-action-button.is-disabled {
  background-color: var(--zoom-color-state-subtle-disable);
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.is-vue3-keyboard-event .fe-popups-hero-action-button:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-hero-action-button {
  border: 1px solid transparent;
}
.fe-popups-theme--highContrast .fe-popups-hero-action-button.is-disabled {
  border-color: GrayText;
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-anchor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-elevated-default);
  backdrop-filter: blur(15px);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-anchor-button__main {
  display: inline-flex;
  vertical-align: middle;
  gap: 4px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  padding: 2px 8px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 999px;
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-anchor-button__main.is-primary {
  color: var(--zoom-color-text-strong-primary);
}
.fe-popups-anchor-button__main.is-primary:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-anchor-button__main.is-primary:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-anchor-button__main.is-alert {
  color: var(--zoom-color-text-error);
}
.fe-popups-anchor-button__main.is-alert:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  color: var(--zoom-color-state-error-hover);
}
.fe-popups-anchor-button__main.is-alert:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  color: var(--zoom-color-state-error-press);
}
.fe-popups-anchor-button__main.is-neutral {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-anchor-button__main.is-neutral:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-anchor-button__main.is-neutral:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-anchor-button__main.is-rounded {
  width: 28px;
}
.fe-popups-anchor-button__main.is-split {
  padding-right: 6px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fe-popups-anchor-button__close {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  padding: 2px 10px 2px 8px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 999px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--zoom-color-icon-stronger-neutral);
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
}
.fe-popups-anchor-button__close:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-anchor-button__close:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.is-vue3-keyboard-event .fe-popups-anchor-button .fe-popups-anchor-button__main:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-anchor-button .fe-popups-anchor-button__close:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-toggle-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
  outline-offset: 2px;
}
.fe-popups-toggle-button + .fe-popups-toggle-button {
  margin-left: 8px;
}
.fe-popups-toggle-button:hover:not(.is-disabled, .is-selected, .is-loading) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-toggle-button:active:not(.is-disabled, .is-selected, .is-loading) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-toggle-button--sm {
  padding: 4px 6px;
  border-radius: 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-toggle-button--sm.is-icon-only {
  width: 24px;
  height: 24px;
  padding: 0;
}
.fe-popups-toggle-button--sm.is-icon-only .fe-popups-icon {
  font-size: 14px;
}
.fe-popups-toggle-button--md {
  height: 32px;
  padding: 6px 10px;
  border-radius: 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-toggle-button--md.is-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
}
.fe-popups-toggle-button--md.is-icon-only .fe-popups-icon {
  font-size: 16px;
}
.fe-popups-toggle-button--lg {
  height: 40px;
  padding: 6px 14px;
  border-radius: 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-toggle-button--lg.is-icon-only {
  width: 40px;
  height: 40px;
  padding: 0;
}
.fe-popups-toggle-button--lg.is-icon-only .fe-popups-icon {
  font-size: 18px;
}
.fe-popups-toggle-button.is-loading {
  cursor: not-allowed;
}
.fe-popups-toggle-button.is-selected {
  background-color: var(--zoom-color-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
}
.fe-popups-toggle-button.is-selected:hover {
  background-color: var(--zoom-color-state-subtle-primary-hover);
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-toggle-button.is-selected:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-toggle-button.is-selected.is-loading:hover {
  background-color: var(--zoom-color-toggle-button-background-selected);
}
.fe-popups-toggle-button.is-selected.is-loading:active {
  background-color: var(--zoom-color-toggle-button-background-selected);
}
.fe-popups-toggle-button.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-toggle-button.is-disabled.is-selected {
  background-color: var(--zoom-color-toggle-button-background-selected);
  color: var(--zoom-color-state-subtle-primary-disable);
}
.fe-popups-toggle-button.is-gap {
  gap: 4px;
}
.fe-popups-toggle-button.is-reverse {
  flex-direction: row-reverse;
}
.is-vue3-keyboard-event .fe-popups-toggle-button:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-selected {
  background-color: Highlight;
  color: HighlightText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-selected:hover {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-selected:active {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-disabled {
  color: ButtonText;
  opacity: 0.3;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-disabled.is-selected {
  background-color: Highlight;
  color: HighlightText;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-disabled.is-selected:hover {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-disabled.is-selected:active {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-loading {
  color: CanvasText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-loading .fe-popups-spinners__spinner {
  background-color: CanvasText;
  opacity: 0.56;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-loading.is-selected {
  color: HighlightText;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-loading.is-selected:hover {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-toggle-button.is-loading.is-selected .fe-popups-spinners__spinner {
  background-color: HighlightText;
  opacity: 0.56;
}
.is-vue3-keyboard-event.fe-popups-theme--highContrast .fe-popups-toggle-button:focus {
  outline: 2px solid Highlight !important;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-faq {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 100%;
  background-image: linear-gradient(to right bottom, #508AFF 0%, #0B5CFF 100%);
  box-shadow: 0 4px 8px rgba(44, 103, 255, 0.12);
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
  appearance: none;
}
.fe-popups-faq .fe-popups-icon {
  color: var(--zoom-color-inverse-global-default);
  font-size: 18px;
}
.fe-popups-faq + .fe-popups-faq {
  margin-left: 8px;
}
.fe-popups-faq::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.fe-popups-faq:hover:not(.is-disabled) {
  box-shadow: 0 8px 8px rgba(44, 103, 255, 0.24);
  transform: translateY(-4px);
}
.fe-popups-faq:active:not(.is-disabled) {
  box-shadow: 0 4px 8px rgba(44, 103, 255, 0.12);
  transform: translateY(0);
}
.fe-popups-faq:active:not(.is-disabled)::before {
  opacity: 1;
}
.fe-popups-faq.is-disabled {
  background-color: var(--zoom-color-state-subtle-disable);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.fe-popups-faq.is-disabled .fe-popups-icon {
  color: var(--zoom-color-state-disable);
  font-size: 18px;
}
.is-vue3-keyboard-event .fe-popups-faq:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-faq {
  border: 1px solid transparent;
}
.fe-popups-theme--highContrast .fe-popups-faq:hover {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-faq[aria-disabled=true] {
  border-color: GrayText;
  background-color: transparent;
  color: GrayText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-faq[aria-disabled=true]:hover {
  border-color: GrayText;
  background-color: transparent;
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-dial-pad-button {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 100%;
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
  appearance: none;
}
.fe-popups-dial-pad-button .fe-popups-icon {
  color: var(--zoom-color-inverse-global-default);
  font-size: 24px;
}
.fe-popups-dial-pad-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.fe-popups-dial-pad-button:active {
  box-shadow: none;
  transform: translateY(0);
}
.fe-popups-dial-pad-button:active::before {
  opacity: 1;
}
.fe-popups-dial-pad-button--call {
  background-image: linear-gradient(135deg, #508AFF 0%, #2D73FF 50%, #0B5CFF 100%);
}
.fe-popups-dial-pad-button--call:hover {
  box-shadow: 0 8px 16px rgba(45, 115, 255, 0.4);
  transform: translateY(-4px);
}
.fe-popups-dial-pad-button--end-call {
  background-image: linear-gradient(135deg, #FF6682 0%, #ED3E5E 50%, #DA1639 100%);
}
.fe-popups-dial-pad-button--end-call:hover {
  box-shadow: 0 8px 16px rgba(237, 62, 94, 0.4);
  transform: translateY(-4px);
}
.is-vue3-keyboard-event .fe-popups-dial-pad-button:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-dial-pad-button {
  border: 1px solid transparent;
}
.fe-popups-theme--highContrast .fe-popups-dial-pad-button:hover {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-dial-pad-button:active {
  border-color: ButtonText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-avatar-group {
  display: inline-flex;
}
.fe-popups-avatar-group--xs.is-bubble {
  width: 20px;
  height: 20px;
  border-radius: 999px;
}
.fe-popups-avatar-group--sm.is-bubble {
  width: 24px;
  height: 24px;
  border-radius: 999px;
}
.fe-popups-avatar-group--md.is-bubble {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}
.fe-popups-avatar-group--lg.is-bubble {
  width: 40px;
  height: 40px;
  border-radius: 999px;
}
.fe-popups-avatar-group.is-bubble {
  position: relative;
  background-color: var(--zoom-color-fill-contrary-subtle-transparent);
}
.fe-popups-avatar-group.is-bubble .fe-popups-avatar {
  position: absolute;
  display: inline-flex;
}
.fe-popups-avatar-group.is-bubble .fe-popups-avatar:not(:first-child) {
  margin-left: 0;
  outline: none;
}
.fe-popups-avatar-group__collapsed.fe-popups-avatar.is-character {
  background-color: var(--zoom-color-fill-subtle-neutral);
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-size: 14px;
}
.fe-popups-avatar-group__collapsed.fe-popups-avatar.is-character.fe-popups-avatar--xs {
  font-size: 12px;
}
.fe-popups-avatar-group__collapsed.fe-popups-avatar.is-character.fe-popups-avatar--sm {
  font-size: 14px;
}
.fe-popups-avatar-group__collapsed.fe-popups-avatar.is-character.fe-popups-avatar--md {
  font-size: 16px;
}
.fe-popups-avatar-group__collapsed.fe-popups-avatar.is-character.fe-popups-avatar--lg {
  font-size: 20px;
}
.fe-popups-avatar-group .fe-popups-avatar {
  box-sizing: content-box;
}
.fe-popups-avatar-group .fe-popups-avatar--lg:not(:first-child) {
  margin-left: -6px;
  outline: 2px solid var(--zoom-color-fill-default);
}
.fe-popups-avatar-group .fe-popups-avatar--md:not(:first-child) {
  margin-left: -4px;
  outline: 2px solid var(--zoom-color-fill-default);
}
.fe-popups-avatar-group .fe-popups-avatar--sm:not(:first-child) {
  margin-left: -2px;
  outline: 1px solid var(--zoom-color-fill-default);
}
.fe-popups-avatar-group .fe-popups-avatar--xs:not(:first-child) {
  margin-left: -2px;
  outline: 1px solid var(--zoom-color-fill-default);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-presence-status {
  display: inline-flex;
  align-items: center;
}
.fe-popups-presence-status__icon {
  font-size: 9px;
}
.fe-popups-presence-status__icon.is-meeting {
  width: auto;
}
.fe-popups-presence-status__icon.is-meeting svg {
  width: 12px;
  height: 8px;
}
.fe-popups-presence-status__label {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-presence-status__label.is-deactivated {
  color: var(--zoom-color-text-neutral);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-divider {
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-divider.is-horizontal {
  width: 100%;
  height: 1px;
}
.fe-popups-divider--balanced.is-horizontal {
  width: calc(100% - 32px);
  margin-right: 16px;
  margin-left: 16px;
}
.fe-popups-divider--indent.is-horizontal {
  width: calc(100% - 32px);
  margin-right: 0;
  margin-left: 32px;
}
.fe-popups-divider--indent-balanced.is-horizontal {
  width: calc(100% - 48px);
  margin-right: 16px;
  margin-left: 32px;
}
.fe-popups-divider.is-vertical {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.fe-popups-theme--highContrast .fe-popups-divider {
  background-color: CanvasText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
[class*=zoom-col-] {
  float: left;
  box-sizing: border-box;
}
[class*=zoom-col-].is-guttered {
  display: block;
  min-height: 1px;
}
.fe-popups-col-0 {
  display: none;
}
.fe-popups-col-0 {
  flex: 0 0 0%;
  max-width: 0%;
}
.fe-popups-col-offset-0 {
  margin-left: 0%;
}
.fe-popups-col-pull-0 {
  position: relative;
  right: 0%;
}
.fe-popups-col-push-0 {
  position: relative;
  left: 0%;
}
.fe-popups-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.fe-popups-col-offset-1 {
  margin-left: 8.3333333333%;
}
.fe-popups-col-pull-1 {
  position: relative;
  right: 8.3333333333%;
}
.fe-popups-col-push-1 {
  position: relative;
  left: 8.3333333333%;
}
.fe-popups-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.fe-popups-col-offset-2 {
  margin-left: 16.6666666667%;
}
.fe-popups-col-pull-2 {
  position: relative;
  right: 16.6666666667%;
}
.fe-popups-col-push-2 {
  position: relative;
  left: 16.6666666667%;
}
.fe-popups-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.fe-popups-col-offset-3 {
  margin-left: 25%;
}
.fe-popups-col-pull-3 {
  position: relative;
  right: 25%;
}
.fe-popups-col-push-3 {
  position: relative;
  left: 25%;
}
.fe-popups-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.fe-popups-col-offset-4 {
  margin-left: 33.3333333333%;
}
.fe-popups-col-pull-4 {
  position: relative;
  right: 33.3333333333%;
}
.fe-popups-col-push-4 {
  position: relative;
  left: 33.3333333333%;
}
.fe-popups-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.fe-popups-col-offset-5 {
  margin-left: 41.6666666667%;
}
.fe-popups-col-pull-5 {
  position: relative;
  right: 41.6666666667%;
}
.fe-popups-col-push-5 {
  position: relative;
  left: 41.6666666667%;
}
.fe-popups-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.fe-popups-col-offset-6 {
  margin-left: 50%;
}
.fe-popups-col-pull-6 {
  position: relative;
  right: 50%;
}
.fe-popups-col-push-6 {
  position: relative;
  left: 50%;
}
.fe-popups-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.fe-popups-col-offset-7 {
  margin-left: 58.3333333333%;
}
.fe-popups-col-pull-7 {
  position: relative;
  right: 58.3333333333%;
}
.fe-popups-col-push-7 {
  position: relative;
  left: 58.3333333333%;
}
.fe-popups-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.fe-popups-col-offset-8 {
  margin-left: 66.6666666667%;
}
.fe-popups-col-pull-8 {
  position: relative;
  right: 66.6666666667%;
}
.fe-popups-col-push-8 {
  position: relative;
  left: 66.6666666667%;
}
.fe-popups-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.fe-popups-col-offset-9 {
  margin-left: 75%;
}
.fe-popups-col-pull-9 {
  position: relative;
  right: 75%;
}
.fe-popups-col-push-9 {
  position: relative;
  left: 75%;
}
.fe-popups-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.fe-popups-col-offset-10 {
  margin-left: 83.3333333333%;
}
.fe-popups-col-pull-10 {
  position: relative;
  right: 83.3333333333%;
}
.fe-popups-col-push-10 {
  position: relative;
  left: 83.3333333333%;
}
.fe-popups-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.fe-popups-col-offset-11 {
  margin-left: 91.6666666667%;
}
.fe-popups-col-pull-11 {
  position: relative;
  right: 91.6666666667%;
}
.fe-popups-col-push-11 {
  position: relative;
  left: 91.6666666667%;
}
.fe-popups-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.fe-popups-col-offset-12 {
  margin-left: 100%;
}
.fe-popups-col-pull-12 {
  position: relative;
  right: 100%;
}
.fe-popups-col-push-12 {
  position: relative;
  left: 100%;
}
@media only screen and (max-width: 767px) {
.fe-popups-col-xs-0 {
    display: none;
}
.fe-popups-col-xs-0.is-guttered {
    display: none;
}
.fe-popups-col-xs-0 {
    flex: 0 0 0%;
    max-width: 0%;
}
.fe-popups-col-xs-offset-0 {
    margin-left: 0%;
}
.fe-popups-col-xs-pull-0 {
    position: relative;
    right: 0%;
}
.fe-popups-col-xs-push-0 {
    position: relative;
    left: 0%;
}
.fe-popups-col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: block;
}
.fe-popups-col-xs-offset-1 {
    margin-left: 8.3333333333%;
}
.fe-popups-col-xs-pull-1 {
    position: relative;
    right: 8.3333333333%;
}
.fe-popups-col-xs-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.fe-popups-col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: block;
}
.fe-popups-col-xs-offset-2 {
    margin-left: 16.6666666667%;
}
.fe-popups-col-xs-pull-2 {
    position: relative;
    right: 16.6666666667%;
}
.fe-popups-col-xs-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.fe-popups-col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
}
.fe-popups-col-xs-offset-3 {
    margin-left: 25%;
}
.fe-popups-col-xs-pull-3 {
    position: relative;
    right: 25%;
}
.fe-popups-col-xs-push-3 {
    position: relative;
    left: 25%;
}
.fe-popups-col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: block;
}
.fe-popups-col-xs-offset-4 {
    margin-left: 33.3333333333%;
}
.fe-popups-col-xs-pull-4 {
    position: relative;
    right: 33.3333333333%;
}
.fe-popups-col-xs-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.fe-popups-col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: block;
}
.fe-popups-col-xs-offset-5 {
    margin-left: 41.6666666667%;
}
.fe-popups-col-xs-pull-5 {
    position: relative;
    right: 41.6666666667%;
}
.fe-popups-col-xs-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.fe-popups-col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
}
.fe-popups-col-xs-offset-6 {
    margin-left: 50%;
}
.fe-popups-col-xs-pull-6 {
    position: relative;
    right: 50%;
}
.fe-popups-col-xs-push-6 {
    position: relative;
    left: 50%;
}
.fe-popups-col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: block;
}
.fe-popups-col-xs-offset-7 {
    margin-left: 58.3333333333%;
}
.fe-popups-col-xs-pull-7 {
    position: relative;
    right: 58.3333333333%;
}
.fe-popups-col-xs-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.fe-popups-col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: block;
}
.fe-popups-col-xs-offset-8 {
    margin-left: 66.6666666667%;
}
.fe-popups-col-xs-pull-8 {
    position: relative;
    right: 66.6666666667%;
}
.fe-popups-col-xs-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.fe-popups-col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
}
.fe-popups-col-xs-offset-9 {
    margin-left: 75%;
}
.fe-popups-col-xs-pull-9 {
    position: relative;
    right: 75%;
}
.fe-popups-col-xs-push-9 {
    position: relative;
    left: 75%;
}
.fe-popups-col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: block;
}
.fe-popups-col-xs-offset-10 {
    margin-left: 83.3333333333%;
}
.fe-popups-col-xs-pull-10 {
    position: relative;
    right: 83.3333333333%;
}
.fe-popups-col-xs-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.fe-popups-col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: block;
}
.fe-popups-col-xs-offset-11 {
    margin-left: 91.6666666667%;
}
.fe-popups-col-xs-pull-11 {
    position: relative;
    right: 91.6666666667%;
}
.fe-popups-col-xs-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.fe-popups-col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
.fe-popups-col-xs-offset-12 {
    margin-left: 100%;
}
.fe-popups-col-xs-pull-12 {
    position: relative;
    right: 100%;
}
.fe-popups-col-xs-push-12 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 768px) {
.fe-popups-col-sm-0 {
    display: none;
}
.fe-popups-col-sm-0.is-guttered {
    display: none;
}
.fe-popups-col-sm-0 {
    flex: 0 0 0%;
    max-width: 0%;
}
.fe-popups-col-sm-offset-0 {
    margin-left: 0%;
}
.fe-popups-col-sm-pull-0 {
    position: relative;
    right: 0%;
}
.fe-popups-col-sm-push-0 {
    position: relative;
    left: 0%;
}
.fe-popups-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: block;
}
.fe-popups-col-sm-offset-1 {
    margin-left: 8.3333333333%;
}
.fe-popups-col-sm-pull-1 {
    position: relative;
    right: 8.3333333333%;
}
.fe-popups-col-sm-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.fe-popups-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: block;
}
.fe-popups-col-sm-offset-2 {
    margin-left: 16.6666666667%;
}
.fe-popups-col-sm-pull-2 {
    position: relative;
    right: 16.6666666667%;
}
.fe-popups-col-sm-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.fe-popups-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
}
.fe-popups-col-sm-offset-3 {
    margin-left: 25%;
}
.fe-popups-col-sm-pull-3 {
    position: relative;
    right: 25%;
}
.fe-popups-col-sm-push-3 {
    position: relative;
    left: 25%;
}
.fe-popups-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: block;
}
.fe-popups-col-sm-offset-4 {
    margin-left: 33.3333333333%;
}
.fe-popups-col-sm-pull-4 {
    position: relative;
    right: 33.3333333333%;
}
.fe-popups-col-sm-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.fe-popups-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: block;
}
.fe-popups-col-sm-offset-5 {
    margin-left: 41.6666666667%;
}
.fe-popups-col-sm-pull-5 {
    position: relative;
    right: 41.6666666667%;
}
.fe-popups-col-sm-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.fe-popups-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
}
.fe-popups-col-sm-offset-6 {
    margin-left: 50%;
}
.fe-popups-col-sm-pull-6 {
    position: relative;
    right: 50%;
}
.fe-popups-col-sm-push-6 {
    position: relative;
    left: 50%;
}
.fe-popups-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: block;
}
.fe-popups-col-sm-offset-7 {
    margin-left: 58.3333333333%;
}
.fe-popups-col-sm-pull-7 {
    position: relative;
    right: 58.3333333333%;
}
.fe-popups-col-sm-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.fe-popups-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: block;
}
.fe-popups-col-sm-offset-8 {
    margin-left: 66.6666666667%;
}
.fe-popups-col-sm-pull-8 {
    position: relative;
    right: 66.6666666667%;
}
.fe-popups-col-sm-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.fe-popups-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
}
.fe-popups-col-sm-offset-9 {
    margin-left: 75%;
}
.fe-popups-col-sm-pull-9 {
    position: relative;
    right: 75%;
}
.fe-popups-col-sm-push-9 {
    position: relative;
    left: 75%;
}
.fe-popups-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: block;
}
.fe-popups-col-sm-offset-10 {
    margin-left: 83.3333333333%;
}
.fe-popups-col-sm-pull-10 {
    position: relative;
    right: 83.3333333333%;
}
.fe-popups-col-sm-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.fe-popups-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: block;
}
.fe-popups-col-sm-offset-11 {
    margin-left: 91.6666666667%;
}
.fe-popups-col-sm-pull-11 {
    position: relative;
    right: 91.6666666667%;
}
.fe-popups-col-sm-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.fe-popups-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
.fe-popups-col-sm-offset-12 {
    margin-left: 100%;
}
.fe-popups-col-sm-pull-12 {
    position: relative;
    right: 100%;
}
.fe-popups-col-sm-push-12 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 1024px) {
.fe-popups-col-md-0 {
    display: none;
}
.fe-popups-col-md-0.is-guttered {
    display: none;
}
.fe-popups-col-md-0 {
    flex: 0 0 0%;
    max-width: 0%;
}
.fe-popups-col-md-offset-0 {
    margin-left: 0%;
}
.fe-popups-col-md-pull-0 {
    position: relative;
    right: 0%;
}
.fe-popups-col-md-push-0 {
    position: relative;
    left: 0%;
}
.fe-popups-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: block;
}
.fe-popups-col-md-offset-1 {
    margin-left: 8.3333333333%;
}
.fe-popups-col-md-pull-1 {
    position: relative;
    right: 8.3333333333%;
}
.fe-popups-col-md-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.fe-popups-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: block;
}
.fe-popups-col-md-offset-2 {
    margin-left: 16.6666666667%;
}
.fe-popups-col-md-pull-2 {
    position: relative;
    right: 16.6666666667%;
}
.fe-popups-col-md-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.fe-popups-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
}
.fe-popups-col-md-offset-3 {
    margin-left: 25%;
}
.fe-popups-col-md-pull-3 {
    position: relative;
    right: 25%;
}
.fe-popups-col-md-push-3 {
    position: relative;
    left: 25%;
}
.fe-popups-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: block;
}
.fe-popups-col-md-offset-4 {
    margin-left: 33.3333333333%;
}
.fe-popups-col-md-pull-4 {
    position: relative;
    right: 33.3333333333%;
}
.fe-popups-col-md-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.fe-popups-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: block;
}
.fe-popups-col-md-offset-5 {
    margin-left: 41.6666666667%;
}
.fe-popups-col-md-pull-5 {
    position: relative;
    right: 41.6666666667%;
}
.fe-popups-col-md-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.fe-popups-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
}
.fe-popups-col-md-offset-6 {
    margin-left: 50%;
}
.fe-popups-col-md-pull-6 {
    position: relative;
    right: 50%;
}
.fe-popups-col-md-push-6 {
    position: relative;
    left: 50%;
}
.fe-popups-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: block;
}
.fe-popups-col-md-offset-7 {
    margin-left: 58.3333333333%;
}
.fe-popups-col-md-pull-7 {
    position: relative;
    right: 58.3333333333%;
}
.fe-popups-col-md-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.fe-popups-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: block;
}
.fe-popups-col-md-offset-8 {
    margin-left: 66.6666666667%;
}
.fe-popups-col-md-pull-8 {
    position: relative;
    right: 66.6666666667%;
}
.fe-popups-col-md-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.fe-popups-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
}
.fe-popups-col-md-offset-9 {
    margin-left: 75%;
}
.fe-popups-col-md-pull-9 {
    position: relative;
    right: 75%;
}
.fe-popups-col-md-push-9 {
    position: relative;
    left: 75%;
}
.fe-popups-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: block;
}
.fe-popups-col-md-offset-10 {
    margin-left: 83.3333333333%;
}
.fe-popups-col-md-pull-10 {
    position: relative;
    right: 83.3333333333%;
}
.fe-popups-col-md-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.fe-popups-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: block;
}
.fe-popups-col-md-offset-11 {
    margin-left: 91.6666666667%;
}
.fe-popups-col-md-pull-11 {
    position: relative;
    right: 91.6666666667%;
}
.fe-popups-col-md-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.fe-popups-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
.fe-popups-col-md-offset-12 {
    margin-left: 100%;
}
.fe-popups-col-md-pull-12 {
    position: relative;
    right: 100%;
}
.fe-popups-col-md-push-12 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 1440px) {
.fe-popups-col-lg-0 {
    display: none;
}
.fe-popups-col-lg-0.is-guttered {
    display: none;
}
.fe-popups-col-lg-0 {
    flex: 0 0 0%;
    max-width: 0%;
}
.fe-popups-col-lg-offset-0 {
    margin-left: 0%;
}
.fe-popups-col-lg-pull-0 {
    position: relative;
    right: 0%;
}
.fe-popups-col-lg-push-0 {
    position: relative;
    left: 0%;
}
.fe-popups-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: block;
}
.fe-popups-col-lg-offset-1 {
    margin-left: 8.3333333333%;
}
.fe-popups-col-lg-pull-1 {
    position: relative;
    right: 8.3333333333%;
}
.fe-popups-col-lg-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.fe-popups-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: block;
}
.fe-popups-col-lg-offset-2 {
    margin-left: 16.6666666667%;
}
.fe-popups-col-lg-pull-2 {
    position: relative;
    right: 16.6666666667%;
}
.fe-popups-col-lg-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.fe-popups-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
}
.fe-popups-col-lg-offset-3 {
    margin-left: 25%;
}
.fe-popups-col-lg-pull-3 {
    position: relative;
    right: 25%;
}
.fe-popups-col-lg-push-3 {
    position: relative;
    left: 25%;
}
.fe-popups-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: block;
}
.fe-popups-col-lg-offset-4 {
    margin-left: 33.3333333333%;
}
.fe-popups-col-lg-pull-4 {
    position: relative;
    right: 33.3333333333%;
}
.fe-popups-col-lg-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.fe-popups-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: block;
}
.fe-popups-col-lg-offset-5 {
    margin-left: 41.6666666667%;
}
.fe-popups-col-lg-pull-5 {
    position: relative;
    right: 41.6666666667%;
}
.fe-popups-col-lg-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.fe-popups-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
}
.fe-popups-col-lg-offset-6 {
    margin-left: 50%;
}
.fe-popups-col-lg-pull-6 {
    position: relative;
    right: 50%;
}
.fe-popups-col-lg-push-6 {
    position: relative;
    left: 50%;
}
.fe-popups-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: block;
}
.fe-popups-col-lg-offset-7 {
    margin-left: 58.3333333333%;
}
.fe-popups-col-lg-pull-7 {
    position: relative;
    right: 58.3333333333%;
}
.fe-popups-col-lg-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.fe-popups-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: block;
}
.fe-popups-col-lg-offset-8 {
    margin-left: 66.6666666667%;
}
.fe-popups-col-lg-pull-8 {
    position: relative;
    right: 66.6666666667%;
}
.fe-popups-col-lg-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.fe-popups-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
}
.fe-popups-col-lg-offset-9 {
    margin-left: 75%;
}
.fe-popups-col-lg-pull-9 {
    position: relative;
    right: 75%;
}
.fe-popups-col-lg-push-9 {
    position: relative;
    left: 75%;
}
.fe-popups-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: block;
}
.fe-popups-col-lg-offset-10 {
    margin-left: 83.3333333333%;
}
.fe-popups-col-lg-pull-10 {
    position: relative;
    right: 83.3333333333%;
}
.fe-popups-col-lg-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.fe-popups-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: block;
}
.fe-popups-col-lg-offset-11 {
    margin-left: 91.6666666667%;
}
.fe-popups-col-lg-pull-11 {
    position: relative;
    right: 91.6666666667%;
}
.fe-popups-col-lg-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.fe-popups-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
.fe-popups-col-lg-offset-12 {
    margin-left: 100%;
}
.fe-popups-col-lg-pull-12 {
    position: relative;
    right: 100%;
}
.fe-popups-col-lg-push-12 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 1920px) {
.fe-popups-col-xl-0 {
    display: none;
}
.fe-popups-col-xl-0.is-guttered {
    display: none;
}
.fe-popups-col-xl-0 {
    flex: 0 0 0%;
    max-width: 0%;
}
.fe-popups-col-xl-offset-0 {
    margin-left: 0%;
}
.fe-popups-col-xl-pull-0 {
    position: relative;
    right: 0%;
}
.fe-popups-col-xl-push-0 {
    position: relative;
    left: 0%;
}
.fe-popups-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: block;
}
.fe-popups-col-xl-offset-1 {
    margin-left: 8.3333333333%;
}
.fe-popups-col-xl-pull-1 {
    position: relative;
    right: 8.3333333333%;
}
.fe-popups-col-xl-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.fe-popups-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: block;
}
.fe-popups-col-xl-offset-2 {
    margin-left: 16.6666666667%;
}
.fe-popups-col-xl-pull-2 {
    position: relative;
    right: 16.6666666667%;
}
.fe-popups-col-xl-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.fe-popups-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
}
.fe-popups-col-xl-offset-3 {
    margin-left: 25%;
}
.fe-popups-col-xl-pull-3 {
    position: relative;
    right: 25%;
}
.fe-popups-col-xl-push-3 {
    position: relative;
    left: 25%;
}
.fe-popups-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: block;
}
.fe-popups-col-xl-offset-4 {
    margin-left: 33.3333333333%;
}
.fe-popups-col-xl-pull-4 {
    position: relative;
    right: 33.3333333333%;
}
.fe-popups-col-xl-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.fe-popups-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: block;
}
.fe-popups-col-xl-offset-5 {
    margin-left: 41.6666666667%;
}
.fe-popups-col-xl-pull-5 {
    position: relative;
    right: 41.6666666667%;
}
.fe-popups-col-xl-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.fe-popups-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
}
.fe-popups-col-xl-offset-6 {
    margin-left: 50%;
}
.fe-popups-col-xl-pull-6 {
    position: relative;
    right: 50%;
}
.fe-popups-col-xl-push-6 {
    position: relative;
    left: 50%;
}
.fe-popups-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: block;
}
.fe-popups-col-xl-offset-7 {
    margin-left: 58.3333333333%;
}
.fe-popups-col-xl-pull-7 {
    position: relative;
    right: 58.3333333333%;
}
.fe-popups-col-xl-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.fe-popups-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: block;
}
.fe-popups-col-xl-offset-8 {
    margin-left: 66.6666666667%;
}
.fe-popups-col-xl-pull-8 {
    position: relative;
    right: 66.6666666667%;
}
.fe-popups-col-xl-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.fe-popups-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
}
.fe-popups-col-xl-offset-9 {
    margin-left: 75%;
}
.fe-popups-col-xl-pull-9 {
    position: relative;
    right: 75%;
}
.fe-popups-col-xl-push-9 {
    position: relative;
    left: 75%;
}
.fe-popups-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: block;
}
.fe-popups-col-xl-offset-10 {
    margin-left: 83.3333333333%;
}
.fe-popups-col-xl-pull-10 {
    position: relative;
    right: 83.3333333333%;
}
.fe-popups-col-xl-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.fe-popups-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: block;
}
.fe-popups-col-xl-offset-11 {
    margin-left: 91.6666666667%;
}
.fe-popups-col-xl-pull-11 {
    position: relative;
    right: 91.6666666667%;
}
.fe-popups-col-xl-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.fe-popups-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}
.fe-popups-col-xl-offset-12 {
    margin-left: 100%;
}
.fe-popups-col-xl-pull-12 {
    position: relative;
    right: 100%;
}
.fe-popups-col-xl-push-12 {
    position: relative;
    left: 100%;
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.fe-popups-row.is-justify-center {
  justify-content: center;
}
.fe-popups-row.is-justify-end {
  justify-content: flex-end;
}
.fe-popups-row.is-justify-space-between {
  justify-content: space-between;
}
.fe-popups-row.is-justify-space-around {
  justify-content: space-around;
}
.fe-popups-row.is-justify-space-evenly {
  justify-content: space-evenly;
}
.fe-popups-row.is-align-middle {
  align-items: center;
}
.fe-popups-row.is-align-bottom {
  align-items: flex-end;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-checkbox-group.is-vertical.fe-popups-checkbox-group--menu .fe-popups-checkbox {
  padding: 6px 8px;
}
.fe-popups-checkbox-group.is-vertical.fe-popups-checkbox-group--menu .fe-popups-checkbox + .fe-popups-checkbox {
  margin-top: 0;
}
.fe-popups-checkbox-group .fe-popups-checkbox {
  margin-right: 24px;
}
.fe-popups-checkbox__title {
  margin-bottom: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-checkbox-group.is-vertical .fe-popups-checkbox {
  display: flex;
  width: 100%;
  margin-right: 0;
}
.fe-popups-checkbox-group.is-vertical .fe-popups-checkbox + .fe-popups-checkbox {
  margin-top: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
}
.fe-popups-input input[type=password]::-ms-reveal {
  display: none;
}
.fe-popups-input input[type=password]::-ms-clear {
  display: none;
}
.fe-popups-input--lg .fe-popups-input__inner {
  height: 40px;
  padding: 6px 15px;
}
.fe-popups-input--lg .fe-popups-input__inner.is-leaded {
  padding-right: 11px;
  padding-left: 31px;
}
.fe-popups-input--lg .fe-popups-input__inner.is-trailed {
  padding-right: 35px;
}
.fe-popups-input--lg .fe-popups-input__prepend {
  padding: 9px 15px;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-input--lg .fe-popups-input__append {
  padding: 9px 15px;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-input--lg .fe-popups-input__trailing {
  top: 11px;
  right: 14px;
}
.fe-popups-input--lg .fe-popups-input__leading {
  top: 13px;
  left: 14px;
  font-size: 14px;
}
.fe-popups-input--sm .fe-popups-input__inner {
  height: 24px;
  padding: 4px 7px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-input--sm .fe-popups-input__inner.is-leaded {
  padding-right: 5px;
  padding-left: 23px;
}
.fe-popups-input--sm .fe-popups-input__inner.is-trailed {
  padding-right: 25px;
}
.fe-popups-input--sm .fe-popups-input__prepend {
  padding: 3px 7px;
  border-radius: 6px 0 0 6px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-input--sm .fe-popups-input__append {
  padding: 3px 7px;
  border-radius: 0 8px 8px 0;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-input--sm .fe-popups-input__trailing {
  top: 4px;
  right: 6px;
}
.fe-popups-input--sm .fe-popups-input__leading {
  top: 6px;
  left: 8px;
  font-size: 12px;
}
.fe-popups-input.is-counted {
  padding-bottom: 20px;
}
.fe-popups-input__inner {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 6px 11px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  opacity: 1;
}
.fe-popups-input__inner:focus:not(.is-disabled, .is-bare) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-input__inner:hover:not(:focus, .is-disabled, .is-readonly, .is-bare) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-input__inner:hover:not(:focus, .is-disabled, .is-readonly, .is-bare)::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-input__inner.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-input__inner.is-zindex-higher {
  z-index: 1;
}
.fe-popups-input__inner.is-readonly {
  border-color: var(--zoom-color-border-input);
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-neutral);
  cursor: not-allowed;
}
.fe-popups-input__inner.is-readonly::placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-input__inner.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-input__inner.is-errored:focus:not(.is-disabled) {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-input__inner.is-leaded {
  padding-right: 7px;
  padding-left: 27px;
}
.fe-popups-input__inner.is-trailed {
  padding-right: 31px;
}
.fe-popups-input__inner.is-prepended {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fe-popups-input__inner.is-appended {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fe-popups-input__inner.is-no-left-border {
  border-left: none;
}
.fe-popups-input__inner.is-no-right-border {
  border-right: none;
}
.fe-popups-input__inner.is-bare {
  border: none;
}
.fe-popups-input__trailing {
  position: absolute;
  top: 7px;
  right: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
}
.fe-popups-input__leading {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  cursor: pointer;
}
.fe-popups-input__leading.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-input__count {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-input__count.is-exceed {
  color: var(--zoom-color-text-error);
}
.fe-popups-input__prepend {
  padding: 6px 7px;
  border: 1px solid var(--zoom-color-border-input);
  border-right: none;
  border-radius: 12px 0 0 12px;
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-input__prepend.is-disabled {
  border: 1px solid var(--zoom-color-border-input);
  color: var(--zoom-color-state-disable);
}
.fe-popups-input__prepend-select {
  display: flex;
}
.fe-popups-input__prepend-select .fe-popups-select-input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fe-popups-input__append {
  padding: 6px 7px;
  border: 1px solid var(--zoom-color-border-input);
  border-left: none;
  border-radius: 0 12px 12px 0;
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-input__append.is-disabled {
  border: 1px solid var(--zoom-color-border-input);
  color: var(--zoom-color-state-disable);
}
.fe-popups-input__append-select {
  display: flex;
}
.fe-popups-input__append-select .fe-popups-select-input {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.is-vue3-keyboard-event:not(.fe-popups-theme--highContrast) .fe-popups-input .fe-popups-input__inner.is-disabled:focus {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event:not(.fe-popups-theme--highContrast) .fe-popups-input .fe-popups-input__inner.is-disabled.is-errored:focus {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-input .fe-popups-input__inner {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-input .fe-popups-input__inner:focus {
  border-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-input .fe-popups-input__inner.is-disabled {
  border-color: GrayText;
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-input .fe-popups-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-input .fe-popups-input__leading.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-input .fe-popups-input__inner.is-disabled:focus {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-autocomplete {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.fe-popups-autocomplete__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-autocomplete__menu.is-no-border {
  border: 0;
}
.fe-popups-autocomplete__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-autocomplete__option {
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-autocomplete__option:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-autocomplete__option.is-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-autocomplete__option.is-truncated::after {
  content: "";
  display: block;
}
.fe-popups-autocomplete__loading {
  position: relative;
  height: 40px;
}
.is-vue3-keyboard-event .fe-popups-autocomplete__option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-filter-select-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-filter-select-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-filter-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 8px;
  outline-offset: 2px;
  cursor: pointer;
}
.fe-popups-filter-select-input .fe-popups-filter-select-input__clear.fe-popups-button {
  position: absolute;
  top: 7px;
  right: 6px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 16px;
}
.fe-popups-filter-select-input .fe-popups-filter-select-input__clear.fe-popups-button .fe-popups-icon {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-filter-select-input .fe-popups-filter-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-filter-select-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-filter-select-input.is-focusing:not(.is-disabled).is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-filter-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-filter-select-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 23px 5px 7px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-filter-select-input__wrapper.is-multiple-selected {
  padding: 1px 23px 5px 7px;
}
.fe-popups-filter-select-input__wrapper.is-multiple-selected .fe-popups-filter-select-input__inner {
  margin-top: 4px;
}
.fe-popups-filter-select-input__wrapper.is-displaying-lead-icon {
  padding-left: 29px;
}
.fe-popups-filter-select-input__inner {
  display: inline-block;
  flex-grow: 1;
  width: 1%;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-filter-select-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-filter-select-input__inner[type=password]::-ms-reveal {
  display: none;
}
.fe-popups-filter-select-input__inner[type=password]::-ms-clear {
  display: none;
}
.fe-popups-filter-select-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-filter-select-input__inner:focus {
  outline: none;
}
.fe-popups-filter-select-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-select-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-select-input__inner.is-displaying-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fe-popups-filter-select-input__tags {
  display: contents;
}
.fe-popups-filter-select-input__chevron.fe-popups-icon {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 16px;
  height: 16px;
  color: var(--zoom-color-icon-strong-neutral);
  font-size: 12px;
  transition: transform 0.3s linear;
  transform: translateY(-50%);
}
.fe-popups-filter-select-input__chevron.is-rotated {
  transform: translateY(-50%) rotate(180deg);
}
.fe-popups-filter-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-filter-select-input.is-disabled .fe-popups-filter-select-input__chevron {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-filter-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-filter-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input .fe-popups-filter-select-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input .fe-popups-filter-select-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input .fe-popups-filter-select-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input .fe-popups-filter-select-input__chevron {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-input.is-disabled .fe-popups-filter-select-input__chevron {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-filter-select-input.is-focusing {
  outline: 2px solid Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-filter-select-option {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 4px;
  outline: none;
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
}
.fe-popups-filter-select-option:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-filter-select-option .is-clipped {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-filter-select-option .is-clipped::after {
  content: "";
  display: block;
}
.fe-popups-filter-select-option .fe-popups-checkbox {
  display: block;
}
.fe-popups-filter-select-option .fe-popups-checkbox .fe-popups-checkbox__wrap {
  display: flex;
}
.fe-popups-filter-select-option .fe-popups-checkbox .fe-popups-checkbox__wrap .fe-popups-checkbox__label {
  flex: 1;
  min-width: 0;
}
.fe-popups-filter-select-option__checkbox-content {
  flex: 1;
  min-width: 0;
}
.fe-popups-filter-select-option__checkbox-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-filter-select-option__content {
  flex: 1;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-filter-select-option__desc {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-filter-select-option__helper-icon {
  margin-left: 8px;
}
.fe-popups-filter-select-option.is-sibling-selected {
  padding-right: 32px;
}
.fe-popups-filter-select-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-filter-select-option.is-disabled .fe-popups-filter-select-option__content {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-select-option__checkmark {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 16px;
}
.is-vue3-keyboard-event .fe-popups-filter-select-option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-filter-select-option.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select-option.is-disabled .fe-popups-filter-select-option__content {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-filter-select {
  position: relative;
  display: inline-block;
}
.fe-popups-filter-select__menu {
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 10px;
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-filter-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-filter-select__leading {
  position: absolute;
  top: 50%;
  left: 7px;
  display: flex;
  height: 16px;
  color: var(--zoom-color-text-neutral);
  font-size: 16px;
  transform: translateY(-50%);
}
.fe-popups-filter-select__leading.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-select__list {
  margin: 8px;
  padding: 0;
  outline: 0;
}
.fe-popups-filter-select__list.is-no-data {
  height: 0;
  margin: 0;
}
.fe-popups-filter-select__list.is-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.fe-popups-filter-select__empty {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  outline: 0;
  font-size: 14px;
  text-align: center;
}
.fe-popups-filter-select__empty-inner {
  display: inline-block;
  text-align: center;
}
.fe-popups-filter-select__loading {
  position: relative;
  height: 40px;
}
.fe-popups-theme--highContrast .fe-popups-filter-select .fe-popups-filter-select__leading {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-select .fe-popups-filter-select__leading.is-disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-filter-select-option-group {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fe-popups-filter-select-option-group.is-divided {
  padding-bottom: 16px;
}
.fe-popups-filter-select-option-group.is-divided::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-filter-select-option-group__title {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-filter-select-option-group__inner {
  margin: 0;
  padding: 0;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-virtual-filter-select-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-virtual-filter-select-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-virtual-filter-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  cursor: pointer;
}
.fe-popups-virtual-filter-select-input .fe-popups-virtual-filter-select-input__clear {
  position: absolute;
  right: 9px;
  transform: translateY(-50%);
}
.fe-popups-virtual-filter-select-input .fe-popups-virtual-filter-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-virtual-filter-select-input:hover:not(.is-focusing, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-virtual-filter-select-input:hover:not(.is-focusing, .is-disabled) .fe-popups-virtual-filter-select-input__inner::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-virtual-filter-select-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-virtual-filter-select-input.is-focusing:not(.is-disabled).is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-virtual-filter-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-virtual-filter-select-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 31px 5px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-virtual-filter-select-input__wrapper.is-multiple-selected {
  padding: 1px 31px 5px 11px;
}
.fe-popups-virtual-filter-select-input__wrapper.is-displaying-lead-icon {
  padding-left: 27px;
}
.fe-popups-virtual-filter-select-input__inner {
  display: inline-block;
  flex-grow: 1;
  align-self: end;
  width: 1%;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-virtual-filter-select-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-virtual-filter-select-input__inner[type=password]::-ms-reveal {
  display: none;
}
.fe-popups-virtual-filter-select-input__inner[type=password]::-ms-clear {
  display: none;
}
.fe-popups-virtual-filter-select-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-virtual-filter-select-input__inner:focus {
  outline: none;
}
.fe-popups-virtual-filter-select-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-virtual-filter-select-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-filter-select-input__tags {
  display: contents;
}
.fe-popups-virtual-filter-select-input__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.fe-popups-virtual-filter-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-virtual-filter-select-input--sm {
  border-radius: 8px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__tags .fe-popups-tag {
  margin: 2px 2px 0 0;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__wrapper {
  padding: 3px 25px 3px 7px;
  font-size: 12px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__wrapper.is-multiple-selected {
  padding: 1px 25px 3px 7px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__wrapper.is-displaying-lead-icon {
  padding-left: 23px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__wrapper .fe-popups-virtual-filter-select-input__clear {
  right: 5px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__inner {
  height: 16px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__inner::placeholder {
  font-size: 12px;
}
.fe-popups-virtual-filter-select-input--sm .fe-popups-virtual-filter-select-input__chevron {
  right: 5px;
}
.fe-popups-virtual-filter-select-input--lg {
  border-radius: 12px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__tags .fe-popups-tag {
  margin: 6px 6px 0 0;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__wrapper {
  padding: 7px 35px 7px 15px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__wrapper.is-multiple-selected {
  padding: 1px 35px 7px 15px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__wrapper.is-displaying-lead-icon {
  padding-left: 31px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__wrapper .fe-popups-virtual-filter-select-input__clear {
  right: 13px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__inner {
  height: 24px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__inner::placeholder {
  font-size: 14px;
}
.fe-popups-virtual-filter-select-input--lg .fe-popups-virtual-filter-select-input__chevron {
  right: 13px;
}
.is-vue3-keyboard-event .fe-popups-virtual-filter-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-virtual-filter-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input.is-focusing:not(.is-disabled) {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input .fe-popups-virtual-filter-select-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input .fe-popups-virtual-filter-select-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input .fe-popups-virtual-filter-select-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-virtual-filter-select-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-virtual-filter-select-option {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
}
.fe-popups-virtual-filter-select-option:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-virtual-filter-select-option .is-clipped {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-virtual-filter-select-option .is-clipped::after {
  content: "";
  display: block;
}
.fe-popups-virtual-filter-select-option .fe-popups-checkbox {
  display: block;
}
.fe-popups-virtual-filter-select-option .fe-popups-checkbox .fe-popups-checkbox__wrap {
  display: flex;
}
.fe-popups-virtual-filter-select-option .fe-popups-checkbox .fe-popups-checkbox__wrap .fe-popups-checkbox__label {
  flex: 1;
  min-width: 0;
}
.fe-popups-virtual-filter-select-option.is-created {
  margin: -8px 8px 8px;
}
.fe-popups-virtual-filter-select-option__checkbox-content {
  flex: 1;
  min-width: 0;
}
.fe-popups-virtual-filter-select-option__checkbox-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-virtual-filter-select-option__content {
  flex: 1;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-virtual-filter-select-option__desc {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-virtual-filter-select-option__helper-icon {
  margin-left: 8px;
}
.fe-popups-virtual-filter-select-option.is-sibling-selected {
  padding-right: 32px;
}
.fe-popups-virtual-filter-select-option.is-sibling-selected-left {
  padding-left: 32px;
}
.fe-popups-virtual-filter-select-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-virtual-filter-select-option.is-disabled .fe-popups-virtual-filter-select-option__content {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-filter-select-option.is-disabled .fe-popups-virtual-filter-select-option__desc {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-filter-select-option__checkmark {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 16px;
}
.fe-popups-virtual-filter-select-option__checkmark.is-left {
  margin-right: 8px;
  margin-left: 0;
}
.is-vue3-keyboard-event .fe-popups-virtual-filter-select-option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-option.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-option.is-disabled .fe-popups-virtual-filter-select-option__content {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-virtual-filter-select-group-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1px;
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-virtual-filter-select-group-option.is-separated {
  margin-top: 17px;
}
.fe-popups-virtual-filter-select-group-option.is-separated::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 8px;
  left: 8px;
  height: 1px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-filter-select-group-option.is-empty {
  padding: 0 8px;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select-group-option.is-separated::before {
  background-color: CanvasText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-virtual-filter-select {
  position: relative;
  display: inline-block;
}
.fe-popups-virtual-filter-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-virtual-filter-select__leading {
  position: absolute;
  top: 50%;
  left: 9px;
  display: flex;
  height: 14px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  transform: translateY(-50%);
}
.fe-popups-virtual-filter-select__leading.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-filter-select__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-virtual-filter-select__list.is-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.fe-popups-virtual-filter-select__list.is-no-margin-bottom {
  margin-bottom: 0;
}
.fe-popups-virtual-filter-select__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  outline: 0;
  font-size: 14px;
  text-align: center;
}
.fe-popups-virtual-filter-select__empty-inner {
  display: inline-block;
  text-align: center;
}
.fe-popups-virtual-filter-select__loading {
  position: relative;
  height: 40px;
}
.fe-popups-virtual-filter-select__group {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fe-popups-virtual-filter-select__group:not(:last-of-type) {
  padding-bottom: 16px;
}
.fe-popups-virtual-filter-select__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 8px;
  left: 4px;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-filter-select__group-wrapper {
  margin: 0;
  padding: 0;
}
.fe-popups-virtual-filter-select__group-title {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-virtual-filter-select--sm .fe-popups-virtual-filter-select__leading {
  left: 7px;
  height: 12px;
  font-size: 12px;
}
.fe-popups-virtual-filter-select--lg .fe-popups-virtual-filter-select__leading {
  left: 13px;
  height: 14px;
  font-size: 14px;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select .fe-popups-virtual-filter-select__leading {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-virtual-filter-select .fe-popups-virtual-filter-select__leading.is-disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  cursor: pointer;
}
.fe-popups-tree-select-input .fe-popups-tree-select-input__clear {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}
.fe-popups-tree-select-input .fe-popups-tree-select-input__tags .fe-popups-tag {
  margin-left: 0;
}
.fe-popups-tree-select-input:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tree-select-input:hover:not(.is-disabled) .fe-popups-tree-select-input__span.is-placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-tree-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-tree-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-tree-select-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 30px;
  padding-right: 31px;
  padding-left: 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-tree-select-input__wrapper.is-multiple {
  padding: 3px 31px 3px 11px 11px;
}
.fe-popups-tree-select-input__wrapper.is-multiple.is-has-lead-icon {
  padding-left: 27px;
}
.fe-popups-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 27px;
}
.fe-popups-tree-select-input__span {
  display: inline-block;
  overflow: hidden;
  min-width: 60px;
  max-width: 100%;
  border: none;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-tree-select-input__span::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-tree-select-input__span:focus {
  outline: none;
}
.fe-popups-tree-select-input__span.is-placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-tree-select-input__span.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-tree-select-input__span.is-displaying-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fe-popups-tree-select-input__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 2px 0;
}
.fe-popups-tree-select-input__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.fe-popups-tree-select-input--sm {
  border-radius: 8px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__wrapper {
  min-height: 22px;
  padding-right: 25px;
  padding-left: 7px;
  font-size: 12px;
  line-height: 1;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__wrapper.is-multiple {
  padding: 1px 25px 1px 7px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__wrapper.is-multiple.is-has-lead-icon {
  padding-left: 23px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 23px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__wrapper .fe-popups-tree-select-input__clear {
  right: 5px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__span {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-tree-select-input--sm .fe-popups-tree-select-input__chevron {
  right: 5px;
}
.fe-popups-tree-select-input--lg {
  border-radius: 12px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__wrapper {
  min-height: 38px;
  padding-right: 35px;
  padding-left: 15px;
  line-height: 1;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__wrapper.is-multiple {
  padding: 3px 35px 3px 15px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__wrapper.is-multiple.is-has-lead-icon {
  padding-left: 31px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 31px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__wrapper .fe-popups-tree-select-input__clear {
  right: 13px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__span {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-tree-select-input--lg .fe-popups-tree-select-input__chevron {
  right: 13px;
}
.is-vue3-keyboard-event .fe-popups-tree-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.is-vue3-keyboard-event .fe-popups-tree-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input:hover:not(.is-disabled) .fe-popups-tree-select-input__span.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input .fe-popups-tree-select-input__span {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input .fe-popups-tree-select-input__span.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input .fe-popups-tree-select-input__span.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-tree-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-tree-select-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree-node .is-disabled.fe-popups-tree-node__content .fe-popups-tree-node__label {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-tree-node__content.is-inline:not(.is-disabled) .fe-popups-tree-node__label:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tree-node__label {
  flex: 1;
  display: flex;
  padding: 2px 0;
  margin-left: 4px;
  border-radius: 2px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-tree--highlight-current .fe-popups-tree-node.is-current > .fe-popups-tree-node__content.is-inline > .fe-popups-tree-node__label {
  color: var(--zoom-color-text-primary);
  background-color: var(--zoom-color-fill-subtler-primary) !important;
}
.fe-popups-theme--highContrast .fe-popups-tree-node .is-disabled > .fe-popups-tree-node__content .fe-popups-tree-node__label {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree-node {
  position: relative;
}
.fe-popups-tree-node .fe-popups-checkbox__inner {
  top: 0;
}
.fe-popups-tree-node .rotate {
  animation: rotate 2s infinite linear;
}
.fe-popups-tree-node .is-hidden,
.fe-popups-tree-node .hide-monk {
  visibility: hidden;
}
.fe-popups-tree-node:focus {
  outline: none;
}
@keyframes rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.fe-popups-tree-node__expand-icon-wrapper {
  display: inline-flex;
}
.fe-popups-tree-node__expand-icon {
  transition: transform 0.3s linear;
  transform: rotate(-90deg);
}
.fe-popups-tree-node__expand-icon.is-rotated {
  transform: rotate(0deg);
}
.fe-popups-tree-node.is-drop-inner > .fe-popups-tree-node__content .fe-popups-tree-node__label {
  background-color: var(--zoom-color-fill-global-primary) !important;
  color: var(--zoom-color-fill-default) !important;
}
.fe-popups-tree-node__indicator-reference {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 1px;
}
.fe-popups-tree-node__content {
  position: relative;
  padding: 2px 0;
}
.fe-popups-tree-node__content.is-first-node {
  padding-top: 0;
}
.fe-popups-tree-node__content.is-last-node {
  padding-bottom: 0;
}
.fe-popups-tree.is-dragging .fe-popups-tree-node__content {
  cursor: grabbing;
}
.fe-popups-tree.is-dragging .fe-popups-tree-node__content * {
  pointer-events: none;
}
.fe-popups-tree.is-dragging.is-drop-not-allow .fe-popups-tree-node__content {
  cursor: not-allowed !important;
}
.fe-popups-tree-node__structure {
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 24px;
  border-radius: 8px;
}
.fe-popups-tree-node__structure.is-block:not(.is-disabled):hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tree--highlight-current .fe-popups-tree-node.is-current > .fe-popups-tree-node__content .fe-popups-tree-node__structure.is-block {
  background-color: var(--zoom-color-fill-subtler-primary);
}
.is-vue3-keyboard-event .fe-popups-tree-node:focus {
  z-index: 1;
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree {
  position: relative;
  max-width: 100%;
  cursor: default;
}
.fe-popups-tree__drop-indicator {
  position: absolute;
  right: 0;
  left: -99999999;
  height: 2px;
  padding: 0 1px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-tree__empty-block {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 60px;
  text-align: center;
}
.fe-popups-tree__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree-select {
  position: relative;
  display: inline-block;
}
.fe-popups-tree-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-tree-select__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-tree-select__leading {
  position: absolute;
  top: 50%;
  left: 9px;
  display: flex;
  height: 14px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  transform: translateY(-50%);
}
.fe-popups-tree-select__leading.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-tree-select--sm .fe-popups-tree-select__leading {
  left: 7px;
  height: 12px;
  font-size: 12px;
}
.fe-popups-tree-select--lg .fe-popups-tree-select__leading {
  left: 13px;
  height: 14px;
  font-size: 14px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-filter-tree-select-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-filter-tree-select-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-filter-tree-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  cursor: pointer;
}
.fe-popups-filter-tree-select-input .fe-popups-filter-tree-select-input__clear {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}
.fe-popups-filter-tree-select-input .fe-popups-filter-tree-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-filter-tree-select-input:hover:not(.is-focusing, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-filter-tree-select-input:hover:not(.is-focusing, .is-disabled) .fe-popups-filter-tree-select-input__inner::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-filter-tree-select-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-filter-tree-select-input.is-focusing:not(.is-disabled).is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-filter-tree-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-filter-tree-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-filter-tree-select-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 31px 5px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-filter-tree-select-input__wrapper.is-multiple-selected {
  padding: 1px 31px 5px 11px;
}
.fe-popups-filter-tree-select-input__wrapper.is-multiple-selected.is-has-lead-icon {
  padding-left: 27px;
}
.fe-popups-filter-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 27px;
}
.fe-popups-filter-tree-select-input__inner {
  display: inline-block;
  flex-grow: 1;
  align-self: end;
  width: 1%;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-filter-tree-select-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-filter-tree-select-input__inner[type=password]::-ms-reveal {
  display: none;
}
.fe-popups-filter-tree-select-input__inner[type=password]::-ms-clear {
  display: none;
}
.fe-popups-filter-tree-select-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-filter-tree-select-input__inner:focus {
  outline: none;
}
.fe-popups-filter-tree-select-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-filter-tree-select-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-tree-select-input__tags {
  display: contents;
}
.fe-popups-filter-tree-select-input__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.fe-popups-filter-tree-select-input--sm {
  border-radius: 8px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__clear {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__tags .fe-popups-tag {
  margin: 2px 2px 0 0;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__wrapper {
  padding: 3px 25px 3px 7px;
  font-size: 12px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__wrapper.is-multiple-selected {
  padding: 1px 25px 3px 7px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__wrapper.is-multiple-selected.is-has-lead-icon {
  padding-left: 23px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 23px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__wrapper .fe-popups-filter-tree-select-input__clear {
  right: 5px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__inner {
  height: 16px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__inner::placeholder {
  font-size: 12px;
}
.fe-popups-filter-tree-select-input--sm .fe-popups-filter-tree-select-input__chevron {
  right: 5px;
}
.fe-popups-filter-tree-select-input--lg {
  border-radius: 12px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__tags .fe-popups-tag {
  margin: 6px 6px 0 0;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__wrapper {
  padding: 7px 35px 7px 15px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__wrapper.is-multiple-selected {
  padding: 1px 35px 7px 15px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__wrapper.is-multiple-selected.is-has-lead-icon {
  padding-left: 31px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__wrapper.is-has-lead-icon {
  padding-left: 31px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__wrapper .fe-popups-filter-tree-select-input__clear {
  right: 13px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__inner {
  height: 24px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__inner::placeholder {
  font-size: 14px;
}
.fe-popups-filter-tree-select-input--lg .fe-popups-filter-tree-select-input__chevron {
  right: 13px;
}
.is-vue3-keyboard-event .fe-popups-filter-tree-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-filter-tree-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input.is-focusing:not(.is-disabled) {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input .fe-popups-filter-tree-select-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input .fe-popups-filter-tree-select-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input .fe-popups-filter-tree-select-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-filter-tree-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-filter-tree-select-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-filter-tree-select {
  position: relative;
  display: inline-block;
}
.fe-popups-filter-tree-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-filter-tree-select__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-filter-tree-select__menu-header {
  margin-bottom: 8px;
}
.fe-popups-filter-tree-select__leading {
  position: absolute;
  top: 50%;
  left: 9px;
  display: flex;
  height: 14px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  transform: translateY(-50%);
}
.fe-popups-filter-tree-select__leading.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-filter-tree-select--sm .fe-popups-filter-tree-select__leading {
  left: 7px;
  height: 12px;
  font-size: 12px;
}
.fe-popups-filter-tree-select--lg .fe-popups-filter-tree-select__leading {
  left: 13px;
  height: 14px;
  font-size: 14px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-input-number__input {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-input-number__input::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-input-number {
  position: relative;
  display: inline-block;
  width: 80px;
  line-height: 1;
}
.fe-popups-input-number__input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 23px 5px 11px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
  line-height: 20px;
  appearance: none;
}
.fe-popups-input-number__input::placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-input-number__input:focus:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-input-number__input:hover:not(:focus, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-input-number__input:hover:not(:focus, .is-disabled)::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-input-number__input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-input-number__input.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-input-number__input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-input-number__input.is-errored:focus:not(.is-disabled) {
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-input-number__increase, .fe-popups-input-number__decrease {
  position: absolute;
  right: 8px;
  z-index: 1;
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  color: var(--zoom-color-icon-strong-neutral);
  outline-offset: 2px;
  font-size: 8px;
  cursor: pointer;
  user-select: none;
}
.fe-popups-input-number__increase:hover:not(.is-disabled), .fe-popups-input-number__decrease:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-input-number__increase:active:not(.is-disabled), .fe-popups-input-number__decrease:active:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-input-number__increase.is-center, .fe-popups-input-number__decrease.is-center {
  justify-content: center;
  align-items: center;
}
.fe-popups-input-number__increase.is-disabled, .fe-popups-input-number__decrease.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-input-number__increase {
  top: 4px;
}
.fe-popups-input-number__decrease {
  bottom: 4px;
}
.fe-popups-input-number--sm .fe-popups-input-number__input {
  padding: 3px 21px 3px 7px;
  border-radius: 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-input-number--sm .fe-popups-input-number__increase, .fe-popups-input-number--sm .fe-popups-input-number__decrease {
  right: 6px;
  width: 12px;
  height: 12px;
  font-size: 8px;
}
.fe-popups-input-number--sm .fe-popups-input-number__increase {
  top: 0;
}
.fe-popups-input-number--sm .fe-popups-input-number__decrease {
  bottom: 0;
}
.fe-popups-input-number--lg .fe-popups-input-number__input {
  padding: 10px 27px 10px 15px;
  border-radius: 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-input-number--lg .fe-popups-input-number__increase, .fe-popups-input-number--lg .fe-popups-input-number__decrease {
  right: 12px;
  width: 12px;
  height: 12px;
  font-size: 8px;
}
.fe-popups-input-number--lg .fe-popups-input-number__increase {
  top: 8px;
}
.fe-popups-input-number--lg .fe-popups-input-number__decrease {
  bottom: 8px;
}
.is-vue3-keyboard-event .fe-popups-input-number .fe-popups-input-number__input.is-disabled:focus {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-input-number .fe-popups-input-number__input.is-disabled.is-errored:focus {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.is-vue3-keyboard-event .fe-popups-input-number .fe-popups-input-number__increase:focus, .is-vue3-keyboard-event .fe-popups-input-number .fe-popups-input-number__decrease:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__input.is-disabled {
  border-color: GrayText;
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__input.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__increase, .fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__decrease {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__increase.is-disabled, .fe-popups-theme--highContrast .fe-popups-input-number .fe-popups-input-number__decrease.is-disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-color-picker.is-transparent {
  background-color: var(--zoom-color-inverse-global-default) !important;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.2) 75%), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.2) 75%);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}
.fe-popups-color-picker__predefine {
  width: 204px;
}
.fe-popups-color-picker__predefine-item {
  display: inline-flex;
  vertical-align: top;
  margin-right: 12px;
}
.fe-popups-color-picker__predefine-item button {
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
}
.fe-popups-color-picker__predefine-item button.transparent {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSItMC41IiB5PSI5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjE5LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjREZFM0U4Ij48L3JlY3Q+PHJlY3QgeD0iMTQuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjE0LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9Ii0wLjUiIHk9IjE0LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iLTAuNSIgeT0iNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjkuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxOS41IiB5PSIxNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjE5LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSI0LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxNC41IiB5PSI5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iNC41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iLTAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxNC41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjE0LjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iLTAuNSIgeT0iMTkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9Ii0wLjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjE5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSIxOS41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjREZFM0U4Ij48L3JlY3Q+PHJlY3QgeD0iMTkuNSIgeT0iLTAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0Pjwvc3ZnPgo=");
}
.fe-popups-color-picker__predefine-item button:hover {
  box-shadow: var(--zoom-color-fill-default) 0 0 0 2px, var(--zoom-color-border-subtle-neutral) 0 0 0 4px;
}
.fe-popups-color-picker__predefine-item button :focus {
  box-shadow: var(--zoom-color-fill-default) 0 0 0 2px, var(--zoom-color-border-primary) 0 0 0 4px;
}
.fe-popups-color-picker__predefine-item:nth-of-type(6n) {
  margin-right: 0;
}
.fe-popups-color-picker__predefine-item-add button {
  border: none;
}
.fe-popups-color-picker__predefine-checked .fe-popups-icon:not(.text-icon), .fe-popups-color-picker__colors-grid-item-checked .fe-popups-icon:not(.text-icon) {
  color: var(--zoom-color-fill-default);
}
.fe-popups-color-picker__predefine-checked .fe-popups-icon:not(.text-icon).is-lighter, .fe-popups-color-picker__colors-grid-item-checked .fe-popups-icon:not(.text-icon).is-lighter {
  color: #222325;
}
.fe-popups-color-picker__colors-grid-item {
  display: inline-flex;
  vertical-align: top;
  margin: 0 12px 12px 0;
}
.fe-popups-color-picker__colors-grid-item button {
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
}
.fe-popups-color-picker__colors-grid-item button.inherit {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSItMC41IiB5PSI5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjE5LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjREZFM0U4Ij48L3JlY3Q+PHJlY3QgeD0iMTQuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9IjE0LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9Ii0wLjUiIHk9IjE0LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iLTAuNSIgeT0iNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjkuNSIgeT0iMTQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxOS41IiB5PSIxNC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjE5LjUiIHk9IjQuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSI0LjUiIHk9IjkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxNC41IiB5PSI5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iNC41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjQuNSIgeT0iLTAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiPjwvcmVjdD48cmVjdCB4PSIxNC41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjxyZWN0IHg9IjE0LjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IndoaXRlIj48L3JlY3Q+PHJlY3QgeD0iLTAuNSIgeT0iMTkuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0PjxyZWN0IHg9Ii0wLjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9IjE5LjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSI5LjUiIHk9Ii0wLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNERkUzRTgiPjwvcmVjdD48cmVjdCB4PSIxOS41IiB5PSIxOS41IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjREZFM0U4Ij48L3JlY3Q+PHJlY3QgeD0iMTkuNSIgeT0iLTAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iI0RGRTNFOCI+PC9yZWN0Pjwvc3ZnPgo=");
}
.fe-popups-color-picker__colors-grid-item button:hover {
  box-shadow: var(--zoom-color-fill-default) 0 0 0 2px, var(--zoom-color-border-subtle-neutral) 0 0 0 4px;
}
.fe-popups-color-picker__colors-grid-item button :focus {
  box-shadow: var(--zoom-color-fill-default) 0 0 0 2px, var(--zoom-color-border-primary) 0 0 0 4px;
}
.fe-popups-color-picker__colors-grid-item button.text-button:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-color-picker__colors-grid-item:nth-of-type(8n) {
  margin-right: 0;
}
.fe-popups-color-picker__colors-grid-item-add button {
  border: none;
}
.fe-popups-color-picker__colors-title {
  margin-bottom: 12px;
  color: var(--zoom-color-text-neutral);
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-color-picker__custom-wrapper {
  position: relative;
  padding-top: 12px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-color-picker__predefine-row {
  margin-bottom: 12px;
}
.fe-popups-color-picker__predefine-row:last-of-type {
  margin-bottom: 0;
}
.fe-popups-color-picker__color-preview {
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
}
.fe-popups-color-picker__popover-custom .fe-popups-popover {
  padding: 16px;
  border-radius: 10px;
}
.fe-popups-color-picker__slider-cursor {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 3px solid var(--zoom-color-fill-default);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 var(--zoom-color-underlay-dropShadow), 0 4px 8px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-color-picker__sv-panel-wrapper {
  margin-bottom: 16px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 4px;
}
.fe-popups-color-picker__sv-panel {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 4px;
  outline-offset: 2px;
}
.fe-popups-color-picker__sv-panel-white, .fe-popups-color-picker__sv-panel-black {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  /* rtl:ignore */
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.fe-popups-color-picker__sv-panel-black {
  /* rtl:ignore */
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.fe-popups-color-picker__sv-panel-cursor {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  /* rtl:ignore */
  transform: translate(-8px, -8px);
}
.fe-popups-color-picker__hue-slider {
  position: relative;
  width: 220px;
  height: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  outline-offset: 2px;
}
.fe-popups-color-picker__hue-slider-bar {
  height: 16px;
  border-radius: 8px;
  /* rtl:ignore */
  background: linear-gradient(90deg, #F00 0%, #FFE600 16.85%, #40FF00 31.78%, #00F0FF 45.74%, #3D00FF 60.19%, #FF00DB 75.12%, #F00 92.45%);
}
.fe-popups-color-picker__hue-slider-cursor {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
  /* rtl:ignore */
  transform: translateX(-8px);
}
.fe-popups-color-picker__alpha-slider {
  position: relative;
  width: 220px;
  height: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  outline-offset: 2px;
}
.fe-popups-color-picker__alpha-slider-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jfPbs2X8GPEBSUhKfNAPjqAHDIgz+//+PNx08f/4cfzoYNYCBceiHAQC5flV5JzgrxQAAAABJRU5ErkJggg==");
}
.fe-popups-color-picker__alpha-slider-bar {
  position: relative;
  z-index: 1;
  height: 16px;
  border-radius: 8px;
  outline: none;
}
.fe-popups-color-picker__alpha-slider-cursor {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
  /* rtl:ignore */
  transform: translateX(-8px);
}
.fe-popups-color-picker__color-wrapper {
  display: flex;
  margin-bottom: 16px;
}
.fe-popups-color-picker__color-eyedropper {
  margin-right: 8px;
}
.fe-popups-color-picker__named-label-wrapper {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-color-picker__trigger-disabled {
  position: relative;
  cursor: not-allowed !important;
}
.fe-popups-color-picker__trigger-disabled::after {
  content: "";
  position: absolute;
  z-index: 10;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: var(--zoom-color-state-inactive);
}
.is-vue3-keyboard-event .fe-popups-color-picker__sv-panel:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-color-picker__hue-slider:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-color-picker__alpha-slider:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-color-picker {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__sv-panel {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__hue-slider {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__alpha-slider {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__color-preview {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__predefine-item {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__colors-grid-item {
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__trigger-disabled {
  opacity: 0.5;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__colors-grid-item-add button {
  border: 1px solid ButtonText;
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-color-picker__predefine-item-add button {
  border: 1px solid ButtonText;
  color: ButtonText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-color-picker__sv-panel:focus {
  outline: 2px solid Highlight;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-color-picker__hue-slider:focus {
  outline: 2px solid Highlight;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-color-picker__alpha-slider:focus {
  outline: 2px solid Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-image-gallery {
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.fe-popups-image-gallery__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.fe-popups-image-preview {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fe-popups-image-preview__header {
  position: relative;
  padding: 24px 24px 14px;
}
.fe-popups-image-preview__title {
  padding-right: 40px;
  color: var(--zoom-color-inverse-neutral);
  overflow-wrap: break-word;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-image-preview__close-btn {
  position: absolute;
  top: 20px;
  right: 24px;
}
.fe-popups-image-preview__canvas {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  user-select: none;
}
.fe-popups-image-preview__prev-btn {
  position: absolute;
  left: 24px;
  z-index: 10;
}
.fe-popups-image-preview__next-btn {
  position: absolute;
  right: 24px;
  z-index: 10;
}
.fe-popups-image-preview__image {
  object-fit: contain;
  cursor: move;
}
.fe-popups-image-preview__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 27px 0;
}
.fe-popups-image-preview__pagination {
  position: relative;
  display: flex;
  align-items: center;
}
.fe-popups-image-preview__pagination::after {
  content: "";
  position: absolute;
  right: 0;
  width: 2px;
  height: 16px;
  background-color: var(--zoom-color-fill-neutral);
}
.fe-popups-image-preview__pagination-text {
  width: 24px;
  margin: 0 16px;
  color: var(--zoom-color-inverse-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-image-preview__list-wrapper {
  position: relative;
  max-width: 416px;
  margin: 0 16px;
}
.fe-popups-image-preview__list {
  display: inline-flex;
  padding: 4px;
}
.fe-popups-image-preview__list-item {
  width: 96px;
  height: 54px;
  margin-right: 8px;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: opacity 0.2s;
}
.fe-popups-image-preview__list-item:last-child {
  margin-right: 0;
}
.fe-popups-image-preview__img {
  object-fit: cover;
  width: 96px;
  height: 54px;
  border-radius: 4px;
}
.fe-popups-image-preview__zoom-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.fe-popups-image-preview__zoom-wrapper::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: var(--zoom-color-fill-neutral);
}
.fe-popups-image-preview__zoom-out-button {
  margin-left: 8px;
}
.fe-popups-image-preview__zoom-text {
  width: 40px;
  margin: 0 6px;
  color: var(--zoom-color-inverse-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-overlay-image-preview {
  height: 100%;
  background: var(--zoom-color-fill-default);
}
.is-vue3-keyboard-event:not(.fe-popups-theme--highContrast) .fe-popups-image-preview .fe-popups-button:focus {
  outline: 2px solid var(--zoom-color-border-primary) !important;
  outline-offset: 2px;
}
.is-vue3-keyboard-event:not(.fe-popups-theme--highContrast) .fe-popups-image-preview__list-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event:not(.fe-popups-theme--highContrast) .fe-popups-image-preview__image:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-progress {
  position: relative;
  display: flex;
}
.fe-popups-progress.is-ring {
  display: inline-block;
}
.fe-popups-progress__text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-progress--without-text .fe-popups-progress-bar {
  display: block;
  margin-right: 0;
  padding-right: 0;
}
.fe-popups-progress--without-text .fe-popups-progress__text {
  display: none;
}
.fe-popups-progress__ring-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: var(--zoom-color-text-neutral);
  line-height: 1;
  text-align: center;
  transform: translate(0, -50%);
}
.fe-popups-progress__ring-track {
  stroke: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-progress__ring-stroke {
  stroke: var(--zoom-color-fill-primary);
  transition: stroke-dasharray 0.3s ease;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  will-change: stroke-dasharray;
}
.fe-popups-progress-bar {
  flex: 1;
  align-self: center;
}
.fe-popups-progress-bar--sm {
  height: 4px;
}
.fe-popups-progress-bar--sm .fe-popups-progress-bar__outer {
  height: 4px;
}
.fe-popups-progress-bar--sm .fe-popups-progress-bar__lead {
  top: 1px;
  left: 1px;
}
.fe-popups-progress-bar--sm .fe-popups-progress-bar__tail {
  top: 1px;
  right: 1px;
}
.fe-popups-progress-bar--md {
  height: 6px;
}
.fe-popups-progress-bar--md .fe-popups-progress-bar__outer {
  height: 6px;
}
.fe-popups-progress-bar__knob {
  position: absolute;
  top: 2px;
  width: 2px;
  height: 2px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-primary);
}
.fe-popups-progress-bar__knob.is-exceed {
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-progress-bar__lead {
  left: 2px;
}
.fe-popups-progress-bar__tail {
  right: 2px;
}
.fe-popups-progress-bar__outer {
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  height: 6px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-progress-bar__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-primary);
}
.fe-popups-theme--highContrast .fe-popups-progress-bar .fe-popups-progress-bar__outer {
  border: 1px solid ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-progress-bar .fe-popups-progress-bar__inner {
  background-color: Highlight;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-file-uploader {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-file-uploader .fe-popups-file-uploader__title + .fe-popups-file-uploader__tip {
  margin-top: 4px;
}
.fe-popups-file-uploader .fe-popups-file-uploader__title + .fe-popups-file-uploader-content,
.fe-popups-file-uploader .fe-popups-file-uploader__tip + .fe-popups-file-uploader-content {
  margin-top: 12px;
}
.fe-popups-file-uploader__title {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-file-uploader__tip {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-file-uploader-dragger {
  box-sizing: border-box;
  max-width: 400px;
  padding: 16px;
  border: 1px dashed var(--zoom-color-border-neutral);
  border-radius: 16px;
  outline-offset: 2px;
  text-align: center;
  cursor: pointer;
}
.fe-popups-file-uploader-dragger:focus-visible {
  outline: none;
}
.fe-popups-file-uploader-dragger:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-file-uploader-dragger:hover:not(.is-disabled) .fe-popups-file-uploader-dragger__icon {
  color: var(--zoom-color-icon-primary);
}
.fe-popups-file-uploader-dragger.is-dragover {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-file-uploader-dragger.is-dragover .fe-popups-file-uploader-dragger__icon {
  color: var(--zoom-color-icon-primary);
}
.fe-popups-file-uploader-dragger.is-disabled {
  cursor: not-allowed;
  cursor: no-drop;
}
.fe-popups-file-uploader-dragger.is-disabled .fe-popups-file-uploader-dragger__icon {
  color: var(--zoom-color-state-disable);
}
.fe-popups-file-uploader-dragger.is-disabled .fe-popups-file-uploader-dragger__text {
  color: var(--zoom-color-state-disable);
}
.fe-popups-file-uploader-dragger.is-disabled .fe-popups-file-uploader-dragger__drag-description {
  color: var(--zoom-color-state-disable);
}
.fe-popups-file-uploader-dragger__icon {
  color: var(--zoom-color-icon-neutral);
  font-size: 24px;
}
.fe-popups-file-uploader-dragger__icon.fe-popups-icon {
  display: block;
  margin: 0 auto 8px;
}
.fe-popups-file-uploader-dragger__text {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-file-uploader-dragger__choose-button {
  margin-top: 8px;
}
.fe-popups-file-uploader-dragger__drag-description {
  margin-top: 4px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-file-uploader-list-item {
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 6px;
  outline-offset: 2px;
  transition: background-color 0.2s ease-in-out 0s;
}
.fe-popups-file-uploader-list-item:nth-child(n+2) {
  margin-top: 16px;
}
.fe-popups-file-uploader-list-item:focus {
  outline: none;
}
.fe-popups-file-uploader-list-item-enter-active {
  transition: background-color, 0.2s, ease-in-out, 0.2s, transform 0.2s ease-out, opacity 0.2s ease-out;
  will-change: transform, opacity;
}
.fe-popups-file-uploader-list-item-leave-active {
  transition: background-color, 0.2s, ease-in-out, 0.2s, transform 0.2s ease-in, opacity 0.2s ease-in;
  will-change: transform, opacity;
}
.fe-popups-file-uploader-list-item-enter-from {
  opacity: 0;
  transform: translateX(32px);
}
.fe-popups-file-uploader-list-item-leave-to {
  opacity: 0;
  transform: translateX(-32px);
}
.fe-popups-file-uploader-list-item.is-clickable {
  cursor: pointer;
}
.fe-popups-file-uploader-list-item__thumbnail {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  font-size: 32px;
}
.fe-popups-file-uploader-list-item__thumbnail .fe-popups-image-gallery {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.fe-popups-file-uploader-list-item__thumbnail .fe-popups-image-gallery__image {
  object-fit: contain;
}
.fe-popups-file-uploader-list-item__file-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  font-size: 32px;
}
.fe-popups-file-uploader-list-item__left {
  flex-grow: 1;
  min-width: 0;
}
.fe-popups-file-uploader-list-item__right {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  align-items: center;
  margin-left: 8px;
}
.fe-popups-file-uploader-list-item__name {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-file-uploader-list-item__name.is-fail {
  color: var(--zoom-color-text-error);
}
.fe-popups-file-uploader-list-item__desc {
  margin-top: 4px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-file-uploader-list-item__error {
  margin-top: 4px;
  color: var(--zoom-color-text-error);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-file-uploader-list-item__error {
  margin-top: 4px;
}
.fe-popups-file-uploader-list-item__common-icon.fe-popups-button {
  width: auto;
  height: auto;
  padding: 4px;
  font-size: 16px;
}
.fe-popups-file-uploader-list {
  margin-top: 16px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 16px;
}
.fe-popups-file-uploader-list__list {
  padding: 16px 8px;
}
.is-vue3-keyboard-event .fe-popups-file-uploader-list-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-file-uploader-dragger:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-file-uploader-dragger {
  border-color: ButtonText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-slider {
  display: flex;
  align-items: center;
}
.fe-popups-slider.is-vertical {
  display: inline-flex;
  flex: 0;
  width: auto;
  height: 100%;
}
.fe-popups-slider.is-vertical .fe-popups-slider__runway {
  width: 4px;
  margin: 0 10px;
  position: relative;
}
.fe-popups-slider.is-vertical .fe-popups-slider__runway::before {
  content: "";
  position: absolute;
  inset: -0 -8px -0 -8px;
  z-index: 1;
}
.fe-popups-slider.is-vertical .fe-popups-slider__thumb {
  position: absolute;
  top: auto;
  left: -6px;
  transform: translate(0, 50%);
}
.fe-popups-slider.is-vertical .fe-popups-slider__bar {
  width: 4px;
}
.fe-popups-slider.is-vertical .fe-popups-slider__stop {
  top: auto;
  left: 50%;
  width: 2px;
  height: 2px;
  transform: translate(-50%, 0);
}
.fe-popups-slider.is-vertical .fe-popups-slider__stop:first-of-type {
  transform: translate(-50%, -2px);
}
.fe-popups-slider.is-vertical .fe-popups-slider__stop:last-of-type {
  transform: translate(-50%, 4px);
}
.fe-popups-slider.is-disabled .fe-popups-slider__runway {
  cursor: not-allowed;
}
.fe-popups-slider.is-disabled .fe-popups-slider__bar {
  background-color: var(--zoom-color-state-disable);
}
.fe-popups-slider.is-disabled .fe-popups-slider__thumb {
  border-color: var(--zoom-color-state-disable);
}
.fe-popups-slider.is-errored .fe-popups-slider__bar {
  background-color: var(--zoom-color-border-error);
}
.fe-popups-slider.is-errored .fe-popups-slider__thumb {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-slider__head {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-slider__head .fe-popups-icon {
  font-size: 12px;
}
.fe-popups-slider__tail {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-slider__tail .fe-popups-icon {
  font-size: 12px;
}
.fe-popups-slider__runway {
  flex: 1;
  height: 4px;
  margin: 10px 0;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtle-neutral);
  cursor: pointer;
  position: relative;
}
.fe-popups-slider__runway::before {
  content: "";
  position: absolute;
  inset: -8px -0 -8px -0;
  z-index: 1;
}
.fe-popups-slider__bar {
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-slider__thumb {
  position: absolute;
  top: -6px;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 3px solid var(--zoom-color-fill-global-primary);
  border-radius: 100%;
  background-color: var(--zoom-color-inverse-global-default);
  outline-offset: 2px;
  line-height: 1;
  transform: translateX(-50%);
}
.fe-popups-slider__thumb:focus {
  outline: none;
}
.fe-popups-slider__thumb:hover {
  border-color: var(--zoom-color-state-primary-hover);
}
.fe-popups-slider__thumb[first=true] {
  z-index: 2;
}
.fe-popups-slider__thumb.is-dragging {
  border-color: var(--zoom-color-state-primary-press);
}
.fe-popups-slider__stop {
  position: absolute;
  top: 50%;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: var(--zoom-color-fill-primary);
  transform: translateY(-50%);
}
.fe-popups-slider__stop:first-of-type {
  transform: translate(2px, -50%);
}
.fe-popups-slider__stop:last-of-type {
  transform: translate(-4px, -50%);
}
.fe-popups-slider__stop.is-overlapped {
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-slider__stop.is-overlapped.is-disabled {
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-slider__stop.is-disabled {
  background-color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-slider .fe-popups-slider__thumb:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__runway {
  height: 6px;
  border: 1px solid ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__thumb {
  border-color: Highlight;
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__thumb:hover {
  border-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__thumb.is-dragging {
  border-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__bar {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider .fe-popups-slider__stop {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__runway {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__bar {
  background-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__thumb {
  border-color: GrayText;
  background-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__thumb:hover {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__thumb.is-dragging {
  border-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-slider.is-disabled .fe-popups-slider__stop {
  background-color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-spin-button {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-spin-button::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-time-picker {
  position: relative;
  display: inline-block;
  width: 176px;
}
.fe-popups-time-picker__prefix {
  margin-right: 4px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-time-picker.is-show-second {
  width: 226px;
}
.fe-popups-time-picker.is-24-hour {
  width: 126px;
}
.fe-popups-time-picker.is-24-hour.is-show-second {
  width: 178px;
}
.fe-popups-time-picker__chevron {
  position: absolute;
  top: 50%;
  right: 8px;
}
.fe-popups-time-picker__clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.fe-popups-time-picker--sm .fe-popups-time-picker__prefix {
  font-size: 12px;
}
.fe-popups-time-picker--sm .fe-popups-time-picker__chevron {
  right: 6px;
}
.fe-popups-time-picker--sm .fe-popups-time-picker__clear {
  right: 6px;
}
.fe-popups-time-picker--lg .fe-popups-time-picker__prefix {
  font-size: 14px;
}
.fe-popups-time-picker--lg .fe-popups-time-picker__chevron {
  right: 12px;
}
.fe-popups-time-picker--lg .fe-popups-time-picker__clear {
  right: 12px;
}
.fe-popups-spin-button {
  box-sizing: border-box;
  width: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}
.fe-popups-spin-button::placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-spin-button--sm {
  width: 16px;
  font-size: 12px;
  line-height: 24px;
}
.fe-popups-spin-button--lg {
  line-height: 40px;
}
.fe-popups-time-input {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 7px 0 9px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  outline-offset: 2px;
  cursor: pointer;
}
.fe-popups-time-input:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-time-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-time-input__sep {
  position: relative;
  top: -1px;
}
.fe-popups-time-input__hour-unit {
  width: 40px;
  margin-left: 4px;
  text-align: left;
}
.fe-popups-time-input.is-placeholder .fe-popups-time-input__sep {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-time-input.is-placeholder .fe-popups-time-input__minute-spin-button {
  width: 26px;
}
.fe-popups-time-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-time-input.is-disabled .fe-popups-spin-button {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-time-input.is-disabled .fe-popups-spin-button::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-time-input.is-disabled .fe-popups-time-picker__prefix {
  color: var(--zoom-color-state-disable);
}
.fe-popups-time-input.is-disabled .fe-popups-time-input__sep {
  color: var(--zoom-color-state-disable);
}
.fe-popups-time-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-time-input--sm {
  height: 24px;
  padding: 0 5px 0 7px;
  border-radius: 8px;
}
.fe-popups-time-input--sm.is-placeholder .fe-popups-time-input__minute-spin-button {
  width: 24px;
}
.fe-popups-time-input--lg {
  height: 40px;
  padding: 0 11px 0 13px;
}
.fe-popups-time-input--lg.is-placeholder .fe-popups-time-input__minute-spin-button {
  width: 30px;
}
.fe-popups-time-panel {
  display: flex;
  overflow: hidden;
  height: 270px;
  padding: 11px;
}
.fe-popups-time-panel__spin-wrapper {
  width: 52px;
  text-align: center;
}
.fe-popups-time-panel__spin-wrapper .fe-popups-scrollbar {
  height: calc(100% - 24px);
}
.fe-popups-time-panel--spin-unit {
  width: 48px;
}
.fe-popups-time-panel--spin-unit .fe-popups-time-panel__spin-list {
  padding: 0;
}
.fe-popups-time-panel__spin-list {
  margin: 0;
  padding-right: 4px;
  line-height: 32px;
}
.fe-popups-time-panel__spin-title {
  height: 24px;
  padding: 4px 0;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-time-panel__spin-item {
  height: 32px;
  border-radius: 999px;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
}
.fe-popups-time-panel__spin-item:hover {
  background: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-time-panel__spin-item:active {
  background: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-time-panel__spin-item.active {
  border: 1px solid var(--zoom-color-border-subtle-primary);
  background-color: var(--zoom-color-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  font-weight: 600;
  line-height: 30px;
}
.is-vue3-keyboard-event .fe-popups-time-input:focus {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.fe-popups-theme--highContrast .fe-popups-time-picker .fe-popups-time-picker__prefix {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-time-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-time-input.is-disabled {
  border-color: GrayText;
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-time-input.is-disabled .fe-popups-time-picker__prefix {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-time-input.is-disabled .fe-popups-time-input__sep {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-time-input:focus {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-date-table {
  table-layout: fixed;
  font-size: 14px;
}
.fe-popups-date-table th {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  text-align: center;
}
.fe-popups-date-table th:last-child .fe-popups-date-table__cell {
  margin-right: 0;
}
.fe-popups-date-table td {
  padding: 0;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
}
.fe-popups-date-table td:last-child .fe-popups-date-table__cell {
  margin-right: 0;
}
.fe-popups-date-table td.today:not(.current, .in-range) {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-date-table td.today:not(.current, .in-range) .fe-popups-date-table__cell {
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-date-table td.today:not(.current, .in-range) .fe-popups-date-table__cell:hover {
  background-color: var(--zoom-color-state-primary-hover);
}
.fe-popups-date-table td.current .fe-popups-date-table__cell, .fe-popups-date-table td.select-date .fe-popups-date-table__cell {
  border: 1px solid var(--zoom-color-border-subtle-primary);
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  font-weight: 600;
}
.fe-popups-date-table td.prev-month .fe-popups-date-table__cell, .fe-popups-date-table td.next-month .fe-popups-date-table__cell {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-date-table td.in-range .fe-popups-date-table__cell::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  width: 36px;
  height: 32px;
  background: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-date-table td.in-range:last-child .fe-popups-date-table__cell::before {
  width: 32px;
  border-radius: 0 16px 16px 0;
}
.fe-popups-date-table td.in-range:first-child .fe-popups-date-table__cell::before {
  border-radius: 16px 0 0 16px;
}
.fe-popups-date-table td.in-range:not(.select-date):has(+ :not(.in-range)) .fe-popups-date-table__cell::before {
  border-radius: 0 16px 16px 0;
}
.fe-popups-date-table td.in-range:first-child:not(.select-date):has(+ :not(.in-range)) .fe-popups-date-table__cell::before {
  border-radius: 16px;
}
.fe-popups-date-table td.in-range + .select-date .fe-popups-date-table__cell::before {
  right: 50%;
  left: -1px;
  width: 16px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  mask: radial-gradient(circle 16px at 100% 50%, transparent 16px, #000 16px);
}
.fe-popups-date-table td.in-range.select-date .fe-popups-date-table__cell::before {
  width: 0;
}
.fe-popups-date-table td:not(.in-range) + .select-date:not(:last-child):has(+ .in-range) .fe-popups-date-table__cell::before, .fe-popups-date-table td:first-child.select-date:has(+ .in-range) .fe-popups-date-table__cell::before {
  right: -1px;
  left: 50%;
  width: 20px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  mask: radial-gradient(circle 16px at 0% 50%, transparent 16px, #000 16px);
}
.fe-popups-date-table td:not(.in-range) + .in-range .fe-popups-date-table__cell::before {
  border-radius: 16px 0 0 16px;
}
:not(.in-range) + .fe-popups-date-table td:last-child .fe-popups-date-table__cell::before {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.fe-popups-date-table td.available:not(.current, .select-date, .in-range, .today) .fe-popups-date-table__cell:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-date-table td.disabled .fe-popups-date-table__cell {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-date-table__cell {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
.fe-popups-date-table__cell:focus {
  outline: none;
}
.fe-popups-date-table__cell span {
  position: relative;
}
.fe-popups-date-table__week-cell {
  position: relative;
  width: 24px;
  height: 32px;
  margin-top: 8px;
  border: 1px solid transparent;
  line-height: 30px;
}
.fe-popups-date-table__week-th {
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-date-table__row:nth-child(2) .fe-popups-date-table__week-th {
  background: none;
}
.fe-popups-date-table__row:nth-child(2) .fe-popups-date-table__week-th .fe-popups-date-table__week-cell {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-date-table__row:last-child .fe-popups-date-table__week-th {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.is-vue3-keyboard-event .fe-popups-date-table td .fe-popups-date-table__cell:focus::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 2px solid var(--zoom-color-border-primary);
  border-radius: 2px;
  pointer-events: none;
}
.is-vue3-keyboard-event .fe-popups-date-table.is-show-weeks td .fe-popups-date-table__cell:focus::after {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}
.fe-popups-theme--highContrast .fe-popups-date-table td.current .fe-popups-date-table__cell, .fe-popups-theme--highContrast .fe-popups-date-table td.select-date .fe-popups-date-table__cell {
  background-color: Highlight;
  color: HighlightText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-date-table td.prev-month .fe-popups-date-table__cell, .fe-popups-theme--highContrast .fe-popups-date-table td.next-month .fe-popups-date-table__cell {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-table td.disabled .fe-popups-date-table__cell {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-table td.today:not(.current, .in-range) .fe-popups-date-table__cell {
  border: 1px solid transparent;
}
.fe-popups-theme--highContrast .fe-popups-date-table .fe-popups-date-table__cell {
  border: none;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-date-table td .fe-popups-date-table__cell:focus::after {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-month-table {
  table-layout: fixed;
  font-size: 14px;
}
.fe-popups-month-table td {
  padding: 0;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
}
.fe-popups-month-table td.today:not(.current) {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-month-table td.today:not(.current) .fe-popups-month-table__cell {
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-month-table td.today:not(.current) .fe-popups-month-table__cell:hover {
  background-color: var(--zoom-color-state-primary-hover);
}
.fe-popups-month-table td.available:not(.current, .today) .fe-popups-month-table__cell:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-month-table td.current .fe-popups-month-table__cell {
  border: 1px solid var(--zoom-color-border-subtle-primary);
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  font-weight: 600;
}
.fe-popups-month-table td.next .fe-popups-month-table__cell, .fe-popups-month-table td.prev .fe-popups-month-table__cell {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-month-table td.disabled .fe-popups-month-table__cell {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-month-table td:last-child .fe-popups-month-table__cell {
  margin-right: 0;
}
.fe-popups-month-table__cell {
  width: 54px;
  height: 32px;
  margin: 16px 40px 0 0;
  border: 1px solid transparent;
  border-radius: 999px;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
.fe-popups-month-table__cell:focus {
  outline: none;
}
.fe-popups-month-table__cell span {
  position: relative;
}
.is-vue3-keyboard-event .fe-popups-month-table td .fe-popups-month-table__cell:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-theme--highContrast .fe-popups-month-table td.current .fe-popups-month-table__cell {
  background-color: Highlight;
  color: HighlightText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-month-table .fe-popups-month-table__cell {
  border: none;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-month-table td .fe-popups-month-table__cell:focus {
  outline: 2px solid Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-date-shortcut {
  padding: 4px;
}
.fe-popups-date-shortcut__btn {
  width: 112px;
}
.fe-popups-date-shortcut__btn span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-date-shortcut__btn span::after {
  content: "";
  display: block;
}
.fe-popups-theme--highContrast .fe-popups-date-shortcut .fe-popups-date-shortcut__btn {
  border: none;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-date-panel {
  position: relative;
}
.fe-popups-date-panel__body {
  position: relative;
  width: 278px;
  padding: 15px;
  text-align: center;
}
.fe-popups-date-panel__header {
  height: 24px;
}
.fe-popups-date-panel__prev-btn {
  float: left;
}
.fe-popups-date-panel__prev-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-panel__next-btn {
  float: right;
}
.fe-popups-date-panel__next-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-panel__header-label {
  display: inline-block;
  padding: 0 2px;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.fe-popups-date-panel__header-label-btn {
  border-radius: 4px;
  cursor: pointer;
}
.fe-popups-date-panel__header-label-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-date-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 11px 3px;
  border-right: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-date-panel__sidebar + .fe-popups-date-panel__body {
  margin-left: 143px;
}
.fe-popups-date-panel__footer {
  padding: 8px 0;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
  text-align: center;
}
.is-vue3-keyboard-event .fe-popups-date-panel .fe-popups-date-panel__header-label:focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-date-range-panel__body {
  position: relative;
  overflow: hidden;
  width: 552px;
  text-align: center;
}
.fe-popups-date-range-panel__content {
  float: left;
  width: 50%;
  padding: 16px;
}
.fe-popups-date-range-panel__header {
  height: 24px;
}
.fe-popups-date-range-panel__prev-btn {
  position: absolute;
  left: 16px;
}
.fe-popups-date-range-panel__prev-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-range-panel__next-btn {
  position: absolute;
  right: 16px;
}
.fe-popups-date-range-panel__next-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-range-panel__header-label {
  display: inline-block;
  padding: 0 2px;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.fe-popups-date-range-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 140px;
  padding: 12px 4px;
  border-right: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-date-range-panel__sidebar + .fe-popups-date-range-panel__body {
  overflow: hidden;
  margin-left: 140px;
}
.fe-popups-date-range-panel.is-single .fe-popups-date-range-panel__body {
  width: 278px;
}
.fe-popups-date-range-panel.is-single .fe-popups-date-range-panel__content {
  float: none;
  width: 100%;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-floating.fe-popups-date-picker__popover {
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-date-picker {
  position: relative;
  display: inline-block;
  width: 240px;
}
.fe-popups-date-picker .fe-popups-date-picker__clear {
  position: absolute;
  top: 7px;
  right: 10px;
}
.fe-popups-date-picker.is-range {
  width: 360px;
}
.fe-popups-date-picker__calendar.fe-popups-icon {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 14px;
  height: 14px;
  color: var(--zoom-color-icon-strong-neutral);
  font-size: 14px;
}
.fe-popups-date-picker__popover .fe-popups-popover {
  max-width: 700px;
  padding: 0;
}
.fe-popups-date-picker--lg .fe-popups-date-picker__clear {
  top: 11px;
  right: 14px;
}
.fe-popups-date-picker--lg .fe-popups-date-picker__calendar.fe-popups-icon {
  top: 13px;
  right: 14px;
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.fe-popups-date-picker--sm .fe-popups-date-picker__clear {
  top: 4px;
  right: 6px;
}
.fe-popups-date-picker--sm .fe-popups-date-picker__calendar.fe-popups-icon {
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.fe-popups-date-input {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 32px;
  padding: 0 9px 0 11px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  outline: none;
  cursor: pointer;
}
.fe-popups-date-input:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-date-input:hover:not(.is-disabled) .fe-popups-date-input__label.is-placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-date-input__label {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden;
  min-width: 0;
  color: var(--zoom-color-text-stronger-neutral);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-date-input__label:focus {
  outline: none;
}
.fe-popups-date-input__label.is-placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-date-input__start {
  flex: 1;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-date-input__end {
  flex: 1;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-date-input__separator {
  margin: 0 4px;
}
.fe-popups-date-input--sm {
  height: 24px;
  padding: 0 5px 0 7px;
  border-radius: 8px;
}
.fe-popups-date-input--sm .fe-popups-date-input__label {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-date-input--lg {
  height: 40px;
  padding: 0 13px 0 15px;
}
.fe-popups-date-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-date-input.is-disabled .fe-popups-date-picker__calendar {
  color: var(--zoom-color-state-disable);
}
.fe-popups-date-input.is-disabled .fe-popups-date-input__label {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-date-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.fe-popups-theme--highContrast .fe-popups-date-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-input .fe-popups-date-picker__calendar {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-input .fe-popups-date-input__label {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-input .fe-popups-date-input__label.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-input.is-disabled .fe-popups-date-picker__calendar {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-input.is-disabled .fe-popups-date-input__label {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-date-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-date-time-panel {
  position: relative;
}
.fe-popups-date-time-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 11px 3px;
  border-right: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-date-time-panel__sidebar + .fe-popups-date-time-panel__body {
  margin-left: 143px;
}
.fe-popups-date-time-panel__sidebar + .fe-popups-date-time-panel__body + .fe-popups-date-time-panel__footer {
  margin-left: 143px;
}
.fe-popups-date-time-panel__body {
  position: relative;
  display: flex;
  padding: 0;
  text-align: center;
}
.fe-popups-date-time-panel__date {
  width: 280px;
  padding: 16px;
}
.fe-popups-date-time-panel__header {
  height: 24px;
}
.fe-popups-date-time-panel__prev-btn {
  float: left;
}
.fe-popups-date-time-panel__prev-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-time-panel__next-btn {
  float: right;
}
.fe-popups-date-time-panel__next-btn .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-date-time-panel__header-label {
  display: inline-block;
  padding: 0 2px;
  color: var(--zoom-color-text-stronger-neutral);
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.fe-popups-date-time-panel__header-label-btn {
  border-radius: 4px;
  cursor: pointer;
}
.fe-popups-date-time-panel__header-label-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-date-time-panel__time {
  padding: 16px 12px 12px 12px;
  border-left: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-date-time-panel__time-only {
  padding: 16px 12px 16px 12px;
}
.fe-popups-date-time-panel__footer {
  padding: 16px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
  text-align: right;
}
.fe-popups-time__header {
  height: 24px;
  margin-bottom: 4px;
}
.fe-popups-time__title {
  display: inline-block;
  color: var(--zoom-color-text-strong-neutral);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.fe-popups-time__content {
  display: flex;
  overflow: hidden;
  height: 280px;
}
.fe-popups-time__spin-wrapper {
  width: 56px;
  text-align: center;
}
.fe-popups-time__spin-list {
  margin: 0;
  padding: 4px;
}
.fe-popups-time__spin-item {
  height: 32px;
  margin-bottom: 8px;
  border-radius: 999px;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
}
.fe-popups-time__spin-item:hover {
  background: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-time__spin-item:active {
  background: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-time__spin-item.active {
  border: 1px solid var(--zoom-color-border-subtle-primary);
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  font-weight: 600;
  line-height: 30px;
}
.fe-popups-time__spin-item.disabled {
  background: none;
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-time__spin-item:last-child {
  margin-bottom: 0;
}
.is-vue3-keyboard-event .fe-popups-date-time-panel .fe-popups-date-time-panel__header-label:focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-time .fe-popups-time__spin-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-theme--highContrast .fe-popups-time .fe-popups-time__spin-item:focus {
  outline: 2px solid Highlight;
}
.fe-popups-theme--highContrast .fe-popups-time .fe-popups-time__spin-item.active {
  background: Highlight;
  color: HighlightText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-time .fe-popups-time__spin-item.disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-floating.fe-popups-date-time-picker__popover {
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-date-time-picker {
  position: relative;
  display: inline-block;
  width: 240px;
}
.fe-popups-date-time-picker .fe-popups-date-time-picker__clear {
  position: absolute;
  top: 7px;
  right: 10px;
}
.fe-popups-date-time-picker.is-time {
  width: 136px;
}
.fe-popups-date-time-picker.is-time.is-show-seconds {
  width: 192px;
}
.fe-popups-date-time-picker__calendar.fe-popups-icon {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 14px;
  height: 14px;
  color: var(--zoom-color-icon-strong-neutral);
  font-size: 14px;
}
.fe-popups-date-time-picker__popover .fe-popups-popover {
  max-width: 700px;
  padding: 0;
}
.fe-popups-date-time-picker--lg .fe-popups-date-time-picker__clear {
  top: 11px;
  right: 14px;
}
.fe-popups-date-time-picker--lg .fe-popups-date-time-picker__calendar.fe-popups-icon {
  top: 13px;
  right: 14px;
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.fe-popups-date-time-picker--sm .fe-popups-date-time-picker__clear {
  top: 4px;
  right: 6px;
}
.fe-popups-date-time-picker--sm .fe-popups-date-time-picker__calendar.fe-popups-icon {
  top: 6px;
  right: 6px;
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.fe-popups-date-time-input {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 9px 0 11px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  outline: none;
  cursor: pointer;
}
.fe-popups-date-time-input:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-date-time-input:hover:not(.is-disabled) .fe-popups-date-time-input__label.is-placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-date-time-input__label {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-date-time-input__label:focus {
  outline: none;
}
.fe-popups-date-time-input__label.is-placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-date-time-input--sm {
  height: 24px;
  padding: 0 5px 0 7px;
  border-radius: 8px;
}
.fe-popups-date-time-input--sm .fe-popups-date-time-input__label {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-date-time-input--lg {
  height: 40px;
  padding: 0 13px 0 15px;
}
.fe-popups-date-time-input--lg .fe-popups-date-time-input__label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-date-time-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-date-time-input.is-disabled .fe-popups-date-time-picker__calendar {
  color: var(--zoom-color-state-disable);
}
.fe-popups-date-time-input.is-disabled .fe-popups-date-time-input__label {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-date-time-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input .fe-popups-date-time-picker__calendar {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input .fe-popups-date-time-input__label {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input .fe-popups-date-time-input__label.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input.is-disabled .fe-popups-date-time-picker__calendar {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-date-time-input.is-disabled .fe-popups-date-time-input__label {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-date-time-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-artwork-container--md {
  width: 200px;
  height: 200px;
}
.fe-popups-artwork-container--sm {
  width: 100px;
  height: 100px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
}
.fe-popups-empty__image img {
  vertical-align: top;
  object-fit: contain;
  width: 100%;
  height: 100%;
  user-select: none;
}
.fe-popups-empty__image.is-md {
  width: 200px;
}
.fe-popups-empty__image.is-sm {
  width: 100px;
}
.fe-popups-empty__title {
  margin-top: 16px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-empty__description {
  max-width: 320px;
  margin-top: 4px;
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-empty__link {
  margin-top: 8px;
  line-height: 1;
  text-align: center;
}
.fe-popups-empty__bottom {
  margin-top: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tag-group {
  line-height: 1;
}
.fe-popups-tag-group .fe-popups-tag-group__wrapper .fe-popups-tag {
  margin-left: 0;
}
.fe-popups-tag-group__wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  border-radius: 8px;
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-tag-group .fe-popups-tag-group__wrapper:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: #FFF;
  color: #222325;
  font-size: 14px;
}
.fe-popups-table .hidden-columns {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.fe-popups-table table {
  max-width: none;
}
.fe-popups-table th, .fe-popups-table td {
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  min-width: 0;
  height: 56px;
  padding: 4px 0;
  border-bottom: 1px solid #DFE3E8;
  text-align: left;
}
.fe-popups-table .cell {
  box-sizing: border-box;
  padding: 4px 16px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.fe-popups-table .cell .text-wrapper {
  display: inline-block;
  outline: none;
}
.fe-popups-table .cell .flex-wrapper .fe-popups-radio {
  display: flex;
}
.fe-popups-table th {
  background-color: #F7F9FA;
  user-select: none;
}
.fe-popups-table th div {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
}
.fe-popups-table th .fe-popups-skeleton {
  padding: 0;
}
.fe-popups-table th > .cell {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  cursor: default;
}
.fe-popups-table th > .cell.highlight {
  color: #0D6BDE;
}
.fe-popups-table th > .cell .fe-popups-checkbox {
  display: block;
}
.fe-popups-table th.is-center .cell {
  justify-content: center;
}
.fe-popups-table th.is-right .cell {
  justify-content: flex-end;
}
.fe-popups-table thead th {
  font-weight: 400;
  font-size: 14px;
}
.fe-popups-table thead:hover th.resizable-column + .resizable-column .cell::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 16px;
  background-color: #939BA4;
}
.fe-popups-table tr {
  background-color: #FFF;
}
.fe-popups-table td div {
  box-sizing: border-box;
}
.fe-popups-table td.is-center {
  text-align: center;
}
.fe-popups-table td.is-right {
  text-align: right;
}
.fe-popups-table .table-list-move,
.fe-popups-table .table-list-enter-active,
.fe-popups-table .table-list-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.fe-popups-table .table-list-enter-from,
.fe-popups-table .table-list-leave-to {
  opacity: 0;
  transform: scaleY(0.01) translate(30px, 0);
}
.fe-popups-table .table-list-leave-active {
  position: absolute;
}
.fe-popups-table .label-wrapper {
  margin-right: 4px;
  outline: none;
}
.fe-popups-table .label-empty-wrapper {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  padding: 0;
  outline: none;
  line-height: 20px;
  text-overflow: clip !important;
}
.fe-popups-table .label-empty-wrapper .label-empty {
  visibility: hidden;
}
.fe-popups-table .sort-emphasize {
  color: #0D6BDE;
}
.fe-popups-table .sort-emphasize .fe-popups-icon {
  color: #0D6BDE;
}
.fe-popups-table .sort-emphasize .label-wrapper {
  color: #0D6BDE;
}
.fe-popups-table .sort-emphasize .sort-wrapper .fe-popups-icon {
  color: #0D6BDE;
}
.fe-popups-table .filter-emphasize .label-wrapper {
  color: #0D6BDE;
}
.fe-popups-table .filter-emphasize .filter-wrapper .fe-popups-icon {
  color: #0D6BDE;
}
.fe-popups-table .force-expanded td {
  border-bottom: none !important;
}
.fe-popups-table [class*=zoom-table__row--level] .fe-popups-table__expand-icon div.is-loading {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 20px;
}
.fe-popups-table [class*=zoom-table__row--level] .fe-popups-table__expand-icon div.is-loading .fe-popups-icon {
  font-size: 16px;
}
.fe-popups-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fe-popups-table__body-wrapper {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.fe-popups-table__header-wrapper, .fe-popups-table__footer-wrapper {
  overflow: hidden;
}
.fe-popups-table__footer-wrapper {
  border-top: 1px solid #DFE3E8;
}
.fe-popups-table__footer-wrapper .sum-total {
  font-weight: 600;
}
.fe-popups-table__header-wrapper, .fe-popups-table__body-wrapper, .fe-popups-table__footer-wrapper {
  width: 100%;
}
.fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--left, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--right,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--left,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--right, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--left, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--right,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--left,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--right, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--left, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--right,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--left,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--right {
  position: sticky !important;
  z-index: 1;
}
.fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  overflow: hidden;
  width: 10px;
  box-shadow: none;
  pointer-events: none;
  touch-action: none;
}
.fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--left.is-first-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--right.is-first-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--left.is-first-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__header-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__header-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__body-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__body-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--left.is-last-column::before, .fe-popups-table__footer-wrapper tr td.fe-popups-table-fixed-column--right.is-last-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--left.is-last-column::before,
.fe-popups-table__footer-wrapper tr th.fe-popups-table-fixed-column--right.is-last-column::before {
  right: -10px;
  box-shadow: none;
}
.fe-popups-table__header-wrapper tr td, .fe-popups-table__body-wrapper tr td, .fe-popups-table__footer-wrapper tr td {
  background: #FFF;
}
.fe-popups-table.is-scrolling-left .fe-popups-table-fixed-column--right.is-first-column::before {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-table.is-scrolling-right .fe-popups-table-fixed-column--left.is-last-column::before {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-table.is-scrolling-middle .fe-popups-table-fixed-column--right.is-first-column::before {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-table.is-scrolling-middle .fe-popups-table-fixed-column--left.is-last-column::before {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-table__header, .fe-popups-table__body {
  border-collapse: separate;
  table-layout: fixed;
}
.fe-popups-table__body tr.selection-row > td {
  background-color: #F2F8FF !important;
}
.fe-popups-table__body tr.hover-row > td, .fe-popups-table__body tr.hover-row.selection-row > td {
  background-color: #eeeff0;
}
.fe-popups-table__body.is-flip {
  display: block;
}
.fe-popups-table__body.is-flip tbody {
  display: block;
}
.fe-popups-table__body tr.is-flip {
  display: block;
  width: 100%;
  border-bottom: 1px solid #DFE3E8;
}
.fe-popups-table__body td.is-flip {
  position: relative;
  display: block;
  height: 100%;
  border-bottom: none;
}
.fe-popups-table__body td.is-flip .flip-label {
  color: #686F79;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-table__empty-block {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 60px;
  text-align: center;
}
.fe-popups-table__empty-block td {
  position: sticky;
  height: 100%;
  padding: 14px 0;
  border: none;
  text-align: center;
}
.fe-popups-table__empty-text {
  padding: 14px 0;
  color: #222325;
  font-weight: 600;
  line-height: 20px;
}
.fe-popups-table__empty-image {
  display: inline-block;
  min-width: 320px;
  padding-top: 200px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgZmlsbD0ibm9uZSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNDE3N18yMDIxKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8xNDE3N18yMDIxKSI+CjxtYXNrIGlkPSJtYXNrMF8xNDE3N18yMDIxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxMDEiIHk9IjEzMCIgd2lkdGg9IjExOSIgaGVpZ2h0PSI0MCI+CjxwYXRoIGQ9Ik0xMzguOTI0IDEzMC40NzFIMjE5LjA2OUMyMTkuODU5IDEzMC40NzEgMjIwLjAzNCAxMzEuNTgxIDIxOS4yODIgMTMxLjgyNUwxMDEuNTcxIDE2OS45NTNMMTA4Ljc4IDE1MS44M0wxMzguOTI0IDEzMC40NzFaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTQxNzdfMjAyMSkiPgo8Y2lyY2xlIGN4PSIxMzguMTE0IiBjeT0iMTQzLjA4MiIgcj0iNTMuMTM1NyIgdHJhbnNmb3JtPSJyb3RhdGUoNDAuNzQ3IDEzOC4xMTQgMTQzLjA4MikiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDE3N18yMDIxKSIvPgo8L2c+CjxwYXRoIGQ9Ik00Ni41MjM5IDg2LjQ1OTVMNTUuMDE5NiAxMDUuMDM5QzU1LjQzODYgMTA1Ljk1NSA1Ni4zMjE0IDEwNi41NzMgNTcuMzI1OSAxMDYuNjUxTDk1LjQ4ODEgMTA5LjY0M0M5Ni4yOTQ0IDEwOS43MDYgOTYuOTgzNyAxMDkuMDY5IDk2Ljk4MzcgMTA4LjI2Vjc3LjM5ODNMNDYuNTIzOSA4Ni40NTk1WiIgZmlsbD0iIzBFNzJFRCIvPgo8cGF0aCBkPSJNMTUyLjAzMSA4NC41MTc5VjEwMy4xMDJDMTUyLjAzMSAxMDQuNjM0IDE1MC43ODkgMTA1Ljg3NiAxNDkuMjU3IDEwNS44NzZIOTguMzcxN0M5Ny42MDU2IDEwNS44NzYgOTYuOTg0NSAxMDUuMjU1IDk2Ljk4NDUgMTA0LjQ4OVY3Ny4zOTgzTDE1Mi4wMzEgODQuNTE3OVoiIGZpbGw9IiM0NzkzRjEiLz4KPHBhdGggZD0iTTQ2LjUyMzkgODYuNDU5NVYxNDYuNzMyQzQ2LjUyMzkgMTQ3Ljg1OCA0Ny4yMDQ3IDE0OC44NzMgNDguMjQ2OSAxNDkuMjk5TDEwMC4yNiAxNzAuNlYxMDMuMjg4TDQ2LjUyMzkgODYuNDU5NVoiIGZpbGw9IiM0NzkzRjEiLz4KPHBhdGggZD0iTTQ2LjUyMzkgODYuNDU5NVYxMTYuOTc5QzQ2LjUyMzkgMTE4LjA5NSA0Ny4xOTMgMTE5LjEwMyA0OC4yMjE5IDExOS41MzZMODUuNTEzMyAxMzUuMjM0Qzg2LjA5MzkgMTM1LjQ3OSA4Ni43NjEzIDEzNS4zMDIgODcuMTE1OCAxMzQuNzgyQzg4Ljg1NiAxMzIuMjI2IDkzLjc1NjEgMTI0LjIzNCA5NS4wMTc3IDExMy42NDNDOTUuODczOCAxMDYuNDU3IDEwMC4yNiAxMDMuMjg4IDEwMC4yNiAxMDMuMjg4TDQ2LjUyMzkgODYuNDU5NVoiIGZpbGw9IiMyNTM4QkYiLz4KPHBhdGggZD0iTTE1Mi4wMzEgODQuNTE4MlYxNDYuNzU5QzE1Mi4wMzEgMTQ3Ljg3MiAxNTEuMzY3IDE0OC44NzcgMTUwLjM0MiAxNDkuMzEyTDEwMC4yNjEgMTcwLjZWMTAzLjI4OEwxNTIuMDMxIDg0LjUxODJaIiBmaWxsPSIjMEU3MkVEIi8+CjxwYXRoIGQ9Ik0xNTIuMDMxIDg0LjUxODJWMTIwLjIzOEMxNTIuMDMxIDEyMC41NDkgMTUxLjgzMSAxMjAuODIgMTUxLjUzMiAxMjAuOTAzQzE0OS41MTYgMTIxLjQ2OCAxNDEuNzY4IDEyMy42MjEgMTM0Ljk5MyAxMjUuMjk0QzEyOC40OTcgMTI2Ljg5OCAxMTguODcxIDEzMi40NzYgMTE1LjcxOSAxMzQuMzY5QzExNS4xMTggMTM0LjcyOSAxMTQuMzU2IDEzNC41OTEgMTEzLjk2NSAxMzQuMDFDMTEyLjQ0MiAxMzEuNzQ1IDEwOC44NDMgMTI1LjYwMyAxMDYuODE0IDExNS41ODVDMTA1LjM3NyAxMDguNDkgMTAxLjU3MiAxMDMuMjg4IDEwMS41NzIgMTAzLjI4OEwxNTIuMDMxIDg0LjUxODJaIiBmaWxsPSIjMjUzOEJGIi8+CjxwYXRoIGQ9Ik00Ni41MjQyIDg2LjQ1OTVMMTAwLjI2MSAxMDMuMjg4QzEwMC4yNjEgMTAzLjI4OCA5NC41NjAzIDEwNy4yMzMgOTIuMzk2NyAxMTMuNjQzQzg5LjUxNDggMTIyLjE4MiA4NC42MDUyIDEyNi4yMTUgODMuNDY0MSAxMjcuMDYzQzgzLjMxMDcgMTI3LjE3NyA4My4xMjc1IDEyNy4yMTMgODIuOTQxOCAxMjcuMTY3QzgwLjc0MjkgMTI2LjYzMiA2Ni4xMzMgMTIyLjk3OCA1Ny42NjQ3IDExOC40OTdDNDguNDkwMiAxMTMuNjQzIDMyLjEwNzIgMTA5Ljc2IDMyLjEwNzIgMTA5Ljc2QzMyLjEwNzIgMTA5Ljc2IDM4LjAwNTEgMTAzLjkzNSAzOS45NzEgOTUuNTIwOEM0MS45MzcgODkuMDQ4NSA0Ni41MjQyIDg2LjQ1OTUgNDYuNTI0MiA4Ni40NTk1WiIgZmlsbD0iI0U3RjFGRCIvPgo8cGF0aCBkPSJNMTUyLjAzMSA4NC41MTgyTDEwMC4yNjEgMTAzLjI4OEMxMDAuMjYxIDEwMy4yODggMTA2LjE1OSAxMDYuNTI0IDEwNy40NyAxMTIuMzQ5QzEwOC43NCAxMTcuOTkzIDExMS4yNCAxMjQuODUzIDExNC45NzEgMTI5LjM5NUMxMTUuMTc5IDEyOS42NDggMTE1LjUzOSAxMjkuNzExIDExNS44MjUgMTI5LjU1MUMxMjIuMzY0IDEyNS44ODEgMTI3LjQ3OSAxMjIuMDA1IDE0MS41NDYgMTE3Ljg3NkMxNTUuOTYzIDExMy42NDQgMTU0LjQzIDExMS45MiAxNjQuMzY1IDEwOC4xMDVDMTY0LjM2NSAxMDguMTA1IDE1Ny45MjkgOTguMTEgMTU2LjYxOSA5Mi4yODVDMTU1LjMwOCA4Ni40NTk5IDE1Mi4wMzEgODQuNTE4MiAxNTIuMDMxIDg0LjUxODJaIiBmaWxsPSIjQThDQ0Y4Ii8+CjwvZz4KPHBhdGggZD0iTTE1Mi4zOTcgNDIuMjA4M0MxNDMuNTA5IDc0LjA5OTYgMTIxLjExNyA2NS4wODg4IDEyOC45NCA1Ni41Mjc5QzEzNi43NjMgNDcuOTY3MSAxNTEuMzUgNjIuODI1MSAxMTkuNDU0IDc4LjA4IiBzdHJva2U9IiMwRTcyRUQiIHN0cm9rZS13aWR0aD0iMS40MTQ1OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIyLjYzIDIuNjMiLz4KPHBhdGggZD0iTTE3My4wMzQgMjMuMDMzNkwxNjMuNTk2IDE4QzE2My41OTYgMTggMTU5LjA4MSAyMi4yODcgMTU1LjQxNyAyNC4yOTJDMTUzLjE5OCAyNS41MDYyIDE0OC40OTYgMjYuMTc5NSAxNDguNDk2IDI2LjE3OTVMMTU4LjQyOSAzNC4zNTkxQzE1OC40MjkgMzQuMzU5MSAxNjQuOTI1IDMzLjE2OTEgMTY4LjAwMSAzMC41ODM5QzE3MC43MTQgMjguMzA0IDE3My4wMzQgMjMuMDMzNiAxNzMuMDM0IDIzLjAzMzZaIiBmaWxsPSIjRkZCRjM5Ii8+CjxwYXRoIGQ9Ik0wLjM3ODQ5MSAxNjUuNDUyQzAuMjU4NDAyIDE2NS40NjggMC4xODY5MjggMTY1LjMyIDAuMjcyNjM1IDE2NS4yMzRMNy4wNTg4MyAxNTguNDQ4TDIzLjEwMTYgMTU5LjczMUwzNy41OTMzIDE2MS42MjJDMzcuNjk4OSAxNjEuNjM1IDM3Ljc0MTQgMTYxLjc2MyAzNy42NjA4IDE2MS44MzNDMzYuNDY5NCAxNjIuODY0IDMwLjE2NjggMTY4LjA3NCAyNC4zODUgMTY4LjA3NEMxOS4yNTEzIDE2Ni43OSAxNS42MDg0IDE2Ni40OTcgMTAuOTA5MSAxNjUuNTA3QzYuOTAxMDEgMTY0LjY2MiAxLjc5NDEzIDE2NS4yNTggMC4zNzg0OTEgMTY1LjQ1MloiIGZpbGw9IiMyNTM4QkYiLz4KPHBhdGggZD0iTTEuMjgzNDUgMTYwLjY5NEw4LjM0MjI3IDE1Mi4zNTJDOC4zNDIyNyAxNTIuMzUyIDE3LjE3MjIgMTUxLjExMyAyMS44MTgyIDE1My42MzVDMjcuMjE5OSAxNTYuNTY3IDM1LjI5NDIgMTU4LjEyNyAzNS4yOTQyIDE1OC4xMjdDMzUuMjk0MiAxNTguMTI3IDM0LjAxMDcgMTY1LjE4NiAyNS42Njg1IDE2OC4zOTVDMjAuNTM0OCAxNjcuMTExIDE5LjI1MTQgMTY1LjgyOCAxNC4xMTc3IDE2MS45NzdDMTAuMjY3NCAxNTkuMDkgMS4yODM0NSAxNjAuNjk0IDEuMjgzNDUgMTYwLjY5NFoiIGZpbGw9IiNGRkJGMzkiLz4KPHBhdGggZD0iTTE3MS4yNyAxNzQuNDk1QzE3MS4xMjkgMTc0LjM4NSAxNzEuMTUzIDE3NC4xNjggMTcxLjMxMyAxNzQuMDg4TDE3Ni43NjkgMTcxLjM2TDE5OC45OTcgMTc1LjIyNkMxOTguOTk3IDE3NS4yMjYgMTk4LjczIDE3Ny4wMTMgMTk3LjU0NyAxNzguMTI1QzE5NS4zMjYgMTgwLjIxMyAxOTAuNzgyIDE4MS4wMjQgMTg5LjMzMyAxODEuNTA3QzE4Ny45MjkgMTgxLjI1IDE4Ni40MzMgMTgwLjA1OCAxODYuNDMzIDE4MC4wNThDMTgzLjUzNCAxNzkuNjQyIDE3OC41NjkgMTc5LjE3MSAxNzQuMzUzIDE3Ni42NzVDMTczLjI4NyAxNzYuMDQ0IDE3MS44NzggMTc0Ljk2OSAxNzEuMjcgMTc0LjQ5NVoiIGZpbGw9IiMyNTM4QkYiLz4KPHBhdGggZD0iTTE4NS40NjcgMTY3LjQ5NUwxOTIuMjMyIDE2Ny45NzhMMTk3LjA2NCAxNjIuNjYyQzE5Ny4wNjQgMTYyLjY2MiAxOTguMjMxIDE2My41OCAxOTguNTE0IDE2NS41NjJDMTk4LjY1IDE2Ni41MTMgMTk5LjM4MyAxNjkuNzY2IDE5OS40OCAxNzEuODQzQzE5OS41NiAxNzMuNTQxIDE5OC45OTcgMTc1LjIyNiAxOTguOTk3IDE3NS4yMjZMMTg5LjMzMyAxNzguNjA4TDE4NS40NjcgMTY3LjQ5NVoiIGZpbGw9IiNDMjgwMzAiLz4KPHBhdGggZD0iTTE4Ni44MiAxNTcuNzE0QzE4Ni45MzcgMTU3LjQ4OCAxODcuMjA2IDE1Ny4zOSAxODcuNDQxIDE1Ny40ODhDMTg4Ljg4MyAxNTguMDg5IDE5My43MjcgMTYwLjE2NyAxOTYuNjgxIDE2Mi4xNTNDMTk5LjI4OSAxNjMuOTA1IDE5Ni41MDggMTcwLjAxMSAxOTYuMTM3IDE3MC43OTRDMTk2LjExNSAxNzAuODQxIDE5Ni4xMzEgMTcwLjg5NSAxOTYuMTc2IDE3MC45MjJDMTk2LjgxMiAxNzEuMjk3IDIwMS4wNjYgMTczLjk1NSAxOTguNDkxIDE3Ni41NjJDMTk1Ljg4NSAxNzkuMjAyIDE5MC40MzkgMTgxLjE2IDE4OS40MzcgMTgxLjUwNUMxODkuMzMzIDE4MS41NDEgMTg5LjIyMyAxODEuNTQgMTg5LjEyIDE4MS41MDJDMTg4LjE5IDE4MS4xNTYgMTgzLjM0NSAxNzkuMzIzIDE4MC4zNDkgMTc3LjUwMUMxNzcuNTUgMTc1Ljc5OCAxNzMuNzIxIDE3Mi40OTggMTcyLjU4IDE3MS40OTdDMTcyLjQzNSAxNzEuMzY5IDE3Mi40ODcgMTcxLjEzMiAxNzIuNjcxIDE3MS4wNzRDMTc0LjAyMyAxNzAuNjUxIDE3OC4yNzggMTY5LjE5NSAxODAuNjgzIDE2Ni45MzZDMTgzLjE1MSAxNjQuNjE2IDE4Ni4wMzggMTU5LjIyMiAxODYuODIgMTU3LjcxNFoiIGZpbGw9IiNGRkJGMzkiLz4KPHBhdGggZD0iTTU4LjUwOTggNzEuNDc1MkM2My44MDAzIDY5LjkzNzUgNzEuMjIzMyA2Ni43Mjc0IDc1LjAwMjIgNjUuMTg5NkM4My4zMTYgNjguMjY1MSA4My41NjMyIDcyLjUzODUgODguOTU3NCA3Ny44NzYxQzkwLjc1MjcgNzkuNjUyNiA5MC44NjA0IDg1LjQ4ODEgOTAuODYwNCA4NS40ODgxQzkwLjg2MDQgODUuNDg4MSA4Ny42ODg4IDkxLjgzMTMgNzMuMDk5MyA5My4xQzcxLjgzMDYgODcuMzkxIDcyLjU0IDgzLjM4MjMgNjkuMjkzMyA3OS43NzkxQzY2LjA0NjYgNzYuMTc1OSA2MS41MzI5IDc2Ljg1NzQgNTguNTA5OCA3MS40NzUyWiIgZmlsbD0iIzI1MzhCRiIvPgo8cGF0aCBkPSJNNTguNTA5OCA3MS40NzUzQzYzLjgwMDMgNjkuOTM3NSA3MS4zNTgyIDY2LjA5MzEgNzUuMTM3MiA2NC41NTUzQzgzLjQ1MDkgNjcuNjMwOSA4NC4xMDMxIDcxLjUxOTggODkuNDk3MyA3Ni44NTc0QzkxLjI5MjYgNzguNjMzOSA5NC4wMzIgODIuMjM5NiA5NC4wMzIgODIuMjM5NkM5NC4wMzIgODIuMjM5NiA4Ni40NzQxIDg4LjM5MDYgNzUuMTM3MiA4OS45Mjg0QzczLjYyNTYgODYuODUyOSA3Mi4zMzc2IDgzLjUzNjEgNjkuMDkwOSA3OS45MzI5QzY1Ljg0NDIgNzYuMzI5NyA2MS41MzI5IDc2Ljg1NzQgNTguNTA5OCA3MS40NzUzWiIgZmlsbD0iI0ZGQkYzOSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTQxNzdfMjAyMSIgeDE9IjExMS41NDYiIHkxPSIxODkuNTc1IiB4Mj0iMTY5Ljk5NSIgeTI9Ijk3LjkxNjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzI1MzhCRiIvPgo8c3RvcCBvZmZzZXQ9IjAuOTI3MDgzIiBzdG9wLWNvbG9yPSIjMjUzOEJGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNDE3N18yMDIxIj4KPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfMTQxNzdfMjAyMSI+CjxyZWN0IHdpZHRoPSIxNjcuODkzIiBoZWlnaHQ9IjkzLjExMDgiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4xMDcyIDc3LjM5ODMpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+") no-repeat center top;
}
.fe-popups-table__indent-empty {
  display: inline-flex;
  width: 24px;
}
.fe-popups-table--enable-row-transition .fe-popups-table__body td {
  transition: background-color 0.25s ease;
}
.fe-popups-table--group td, .fe-popups-table--group th, .fe-popups-table--span td, .fe-popups-table--span th {
  border-right: 1px solid #DFE3E8;
}
.fe-popups-table--group td:last-of-type, .fe-popups-table--group th:last-of-type, .fe-popups-table--span td:last-of-type, .fe-popups-table--span th:last-of-type {
  border-right: none;
}
.fe-popups-table--group td.is-flip, .fe-popups-table--span td.is-flip {
  border-right: none;
}
.fe-popups-table__expand-icon {
  display: inline-block;
  margin-right: 16px;
  transition: transform 0.3s ease-in-out;
}
.fe-popups-table__expand-icon--expanded {
  transform: rotate(90deg);
}
.fe-popups-table__expanded-cell[class*=cell] {
  padding: 16px 16px 16px 72px;
}
.fe-popups-table__force-expanded-cell[class*=cell] {
  padding: 0 16px 16px;
}
.fe-popups-table__expanded-row-fixed {
  display: flex;
  border-bottom: 1px solid #DFE3E8;
}
.fe-popups-table__expanded-row-fixed td {
  position: sticky;
  left: 0;
  height: 100%;
  border-bottom: none;
}
.fe-popups-table__draggable-column .cell {
  padding: 4px 14px;
  line-height: 14px;
  cursor: move;
}
.fe-popups-table__draggable-column .cell .fe-popups-button__icon {
  width: 16px;
  height: 16px;
  color: #686F79;
  cursor: move;
}
.fe-popups-table__column-resize-proxy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  z-index: 10;
  width: 0;
  border-left: 2px solid #939BA4;
  pointer-events: none;
}
.fe-popups-table__column-resize-proxy.is-active {
  border-color: #4B96F1;
}
.fe-popups-table__tooltip.cell {
  display: flex;
  align-items: center;
}
.fe-popups-table__tooltip .text-wrapper {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-table-filter__popover .fe-popups-popover {
  padding: 8px;
}
.fe-popups-table-filter__content {
  min-width: 150px;
}
.fe-popups-table-filter__wrap {
  padding: 4px;
}
.fe-popups-table-column-setting__wrapper {
  padding: 0 8px;
}
.fe-popups-table-column-setting__trigger-btn-wrapper {
  position: sticky !important;
  right: 0;
  z-index: 3;
}
.fe-popups-table-column-setting__trigger-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
.fe-popups-table-column-setting__item {
  display: flex;
  align-items: center;
  line-height: 32px;
}
.fe-popups-table-column-setting__item.ghost-background-class {
  background-color: #eeeff0;
}
.fe-popups-table-column-setting__item-movable {
  display: inline-flex;
  margin-right: 8px;
}
.fe-popups-table-column-setting__item-movable .fe-popups-button__icon {
  width: 16px;
  height: 16px;
  color: #686F79 !important;
  cursor: move;
}
.fe-popups-table-column-setting__popover .fe-popups-popover {
  padding: 8px 0;
}
.fe-popups-table-column-setting__popover .fe-popups-popover__actionable {
  margin: 16px 8px 0 8px;
}
.fe-popups-table-column-setting__item-prop {
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 16px;
}
.fe-popups-table-column-setting__item-tip {
  display: inline-flex;
  margin-left: 4px;
}
.fe-popups-table-column-setting__item-toggle {
  display: inline-flex;
  margin-right: 4px;
}
.fe-popups-table-column-setting__link {
  margin-top: 12px;
  padding: 0 8px;
}
.fe-popups-table-column-setting__reset-btn {
  margin-left: 16px !important;
}
.zoom-theme--dark .fe-popups-table-column-setting__item.ghost-background-class {
  background: #090b0d;
}
.zoom-theme--dark .fe-popups-table-column-setting__item-movable .fe-popups-button__icon {
  color: #939BA4 !important;
}
.zoom-theme--dark .fe-popups-table {
  background-color: #222325;
  color: #F7F9FA;
}
.zoom-theme--dark .fe-popups-table th, .zoom-theme--dark .fe-popups-table td {
  border-bottom: 1px solid #313235;
}
.zoom-theme--dark .fe-popups-table th {
  background-color: #2A2B2D;
}
.zoom-theme--dark .fe-popups-table th > .cell.highlight {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table thead th.resizable-column:not(:last-child) .cell::after {
  background-color: #686F79;
}
.zoom-theme--dark .fe-popups-table tr {
  background-color: #222325;
}
.zoom-theme--dark .fe-popups-table .sort-emphasize {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .sort-emphasize .fe-popups-icon {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .sort-emphasize .label-wrapper {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .sort-emphasize .sort-wrapper .fe-popups-icon {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .filter-emphasize .label-wrapper {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .filter-emphasize .filter-wrapper .fe-popups-icon {
  color: #4B96F1;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__footer-wrapper {
  border-top: 1px solid #313235;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__header-wrapper tr td, .zoom-theme--dark .fe-popups-table .fe-popups-table__body-wrapper tr td, .zoom-theme--dark .fe-popups-table .fe-popups-table__footer-wrapper tr td {
  background: #222325;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__body tr.selection-row > td {
  background-color: #1A2A52 !important;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__body tr.hover-row > td, .zoom-theme--dark .fe-popups-table .fe-popups-table__body tr.hover-row.selection-row > td {
  background-color: #090b0d;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__body tr.is-flip {
  border-bottom: 1px solid #313235;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__body td.is-flip {
  border-bottom: none;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__empty-text {
  color: #F7F9FA;
}
.zoom-theme--dark .fe-popups-table--group td, .zoom-theme--dark .fe-popups-table--group th, .zoom-theme--dark .fe-popups-table--span td, .zoom-theme--dark .fe-popups-table--span th {
  border-color: #313235;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__draggable-column .cell .fe-popups-button__icon {
  color: #939BA4;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__column-resize-proxy {
  border-left: 2px solid #686F79;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__column-resize-proxy.is-active {
  border-color: #0D6BDE;
}
.zoom-theme--dark .fe-popups-table .fe-popups-table__expanded-row-fixed {
  border-bottom-color: #313235;
}
.is-vue3-keyboard-event.zoom-theme--dark .fe-popups-table .cell span:not(.fe-popups-select-input__span):focus {
  outline: 2px solid #0D6BDE;
  outline-offset: 2px;
}
.is-vue3-keyboard-event.zoom-theme--dark .fe-popups-table .label-empty-wrapper:focus {
  outline: 2px solid #0D6BDE;
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-table .cell span:not(.fe-popups-select-input__span):focus {
  border-radius: 4px;
  outline: 2px solid #4B96F1;
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-table .label-empty-wrapper:focus {
  border-radius: 4px;
  outline: 2px solid #4B96F1;
  outline-offset: 2px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tree {
  position: relative;
  max-width: 100%;
  cursor: default;
}
.fe-popups-tree__drop-indicator {
  position: absolute;
  right: 0;
  left: -99999999;
  height: 2px;
  padding: 0 1px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-tree__empty-block {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 60px;
  text-align: center;
}
.fe-popups-tree__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fe-popups-tree-node {
  position: relative;
}
.fe-popups-tree-node .fe-popups-checkbox__inner {
  top: 0;
}
.fe-popups-tree-node .rotate {
  animation: rotate 2s infinite linear;
}
.fe-popups-tree-node .is-hidden,
.fe-popups-tree-node .hide-monk {
  visibility: hidden;
}
.fe-popups-tree-node:focus {
  outline: none;
}
@keyframes rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.fe-popups-tree-node__expand-icon-wrapper {
  display: inline-flex;
}
.fe-popups-tree-node__expand-icon {
  transition: transform 0.3s linear;
  transform: rotate(-90deg);
}
.fe-popups-tree-node__expand-icon.is-rotated {
  transform: rotate(0deg);
}
.fe-popups-tree-node.is-drop-inner > .fe-popups-tree-node__content .fe-popups-tree-node__label {
  background-color: var(--zoom-color-fill-global-primary) !important;
  color: var(--zoom-color-fill-default) !important;
}
.fe-popups-tree-node__indicator-reference {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 1px;
}
.fe-popups-tree-node__content {
  position: relative;
  padding: 2px 0;
}
.fe-popups-tree-node__content.is-first-node {
  padding-top: 0;
}
.fe-popups-tree-node__content.is-last-node {
  padding-bottom: 0;
}
.fe-popups-tree.is-dragging .fe-popups-tree-node__content {
  cursor: grabbing;
}
.fe-popups-tree.is-dragging .fe-popups-tree-node__content * {
  pointer-events: none;
}
.fe-popups-tree.is-dragging.is-drop-not-allow .fe-popups-tree-node__content {
  cursor: not-allowed !important;
}
.fe-popups-tree-node__structure {
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 24px;
  border-radius: 8px;
}
.fe-popups-tree-node__structure.is-block:not(.is-disabled):hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tree--highlight-current .fe-popups-tree-node.is-current > .fe-popups-tree-node__content .fe-popups-tree-node__structure.is-block {
  background-color: var(--zoom-color-fill-subtler-primary);
}
.is-vue3-keyboard-event .fe-popups-tree-node:focus {
  z-index: 1;
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-tree-node .is-disabled.fe-popups-tree-node__content .fe-popups-tree-node__label {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-tree-node__content.is-inline:not(.is-disabled) .fe-popups-tree-node__label:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tree-node__loading-icon {
  display: inline-flex;
}
.fe-popups-tree-node__icon-margin {
  margin-left: 4px;
}
.fe-popups-tree__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 60px;
}
.fe-popups-tree__loading-spinner {
  display: inline-flex;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-pagination {
  display: flex;
  align-items: center;
}
.fe-popups-pagination .btn-prev {
  flex-shrink: 0;
  margin-right: 4px;
}
.fe-popups-pagination .btn-next {
  flex-shrink: 0;
  margin-left: 4px;
}
.fe-popups-pagination > *.is-first {
  margin-left: 0;
}
.fe-popups-pagination > *.is-last {
  margin-right: 0;
}
.fe-popups-pagination__sizes {
  display: flex;
  align-items: center;
  margin: 0 16px;
}
.fe-popups-pagination__sizes .fe-popups-select {
  width: 160px;
}
.fe-popups-pagination__jump {
  display: flex;
  align-items: center;
  margin: 0 24px;
}
.fe-popups-pagination__total {
  display: flex;
  align-items: center;
  margin: 0 24px;
}
.fe-popups-pagination__editor {
  margin: 0 4px;
}
.fe-popups-pagination-pager {
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.fe-popups-pagination-pager li {
  min-width: 32px;
  margin: 0 2px;
  padding: 7px 6px;
  border-radius: 999px;
  color: var(--zoom-color-text-stronger-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-pagination-pager li:not(.more) {
  cursor: pointer;
}
.fe-popups-pagination-pager li:not(.more, .is-active):hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-pagination-pager li:not(.more, .is-active):active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-pagination-pager li.more {
  color: var(--zoom-color-text-strong-neutral);
}
.fe-popups-pagination-pager li.is-active {
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  font-weight: 600;
}
.fe-popups-pagination-pager li.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-pagination-pager li.is-disabled:hover {
  background-color: transparent;
}
.fe-popups-pagination-pager li.is-disabled:active {
  background-color: transparent;
}
.fe-popups-pagination-pager li.is-disabled.is-active {
  background-color: transparent;
  font-weight: 600;
}
.fe-popups-pagination-pager.is-disabled li {
  cursor: not-allowed;
}
.is-vue3-keyboard-event .fe-popups-pagination-pager li:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-theme--highContrast .fe-popups-pagination-pager li {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-pagination-pager li.more {
  color: CanvasText;
}
.fe-popups-theme--highContrast .fe-popups-pagination-pager li.is-active {
  background-color: Highlight;
  color: HighlightText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-pagination-pager li.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-pagination-pager li.is-disabled.is-active {
  opacity: 0.3;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-carousel__container {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  user-select: none;
  touch-action: pan-y;
}
.fe-popups-carousel__container .fe-popups-carousel__arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
}
.fe-popups-carousel__arrow-left {
  left: 8px;
}
.fe-popups-carousel__arrow-right {
  right: 8px;
}
.fe-popups-carousel__slider {
  display: grid;
}
.fe-popups-carousel__slider.is-animating {
  transition: transform 0.3s ease-in-out;
}
.fe-popups-carousel__item {
  grid-area: 1/1;
  border-radius: 16px;
}
.fe-popups-carousel__item:focus-visible {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}
.fe-popups-carousel__affix {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
.fe-popups-carousel__indicator-list {
  display: flex;
}
.fe-popups-carousel__indicator {
  display: flex;
  margin-left: 6px;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
}
.fe-popups-carousel__indicator-dot {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid var(--zoom-color-border-neutral);
  border-radius: 50%;
  cursor: pointer;
}
.fe-popups-carousel__indicator-dot::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}
.fe-popups-carousel__indicator-dot:focus-visible {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-carousel__indicator-dot.is-indicator-active {
  border-color: var(--zoom-color-icon-neutral);
  background-color: var(--zoom-color-icon-neutral);
}
.fe-popups-theme--highContrast .fe-popups-carousel .fe-popups-carousel__indicator-dot.is-indicator-active {
  background-color: Highlight;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-segment-list-thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-elevated-strong);
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
  backdrop-filter: blur(15px);
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-segmented-control__header {
  display: flex;
  justify-content: center;
}
.fe-popups-segment-list {
  position: relative;
  display: inline-block;
  padding: 2px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-contrary-subtler-transparent);
  backdrop-filter: blur(15px);
}
.fe-popups-segment-list__main {
  display: flex;
  align-items: stretch;
}
.fe-popups-segment-list.is-block {
  display: flex;
  width: 100%;
}
.fe-popups-segment-list.is-block .fe-popups-segment-list__main {
  width: 100%;
}
.fe-popups-segment-list.is-block .fe-popups-segment-item {
  flex: 1;
}
.fe-popups-segment-item {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  min-height: 28px;
  padding: 0 8px;
  color: var(--zoom-color-text-stronger-neutral);
  cursor: pointer;
  transition: color 0.1s ease-in-out;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  border-radius: 999px;
}
.fe-popups-segment-item + .fe-popups-segment-item {
  margin-left: 2px;
}
.fe-popups-segment-item:focus-visible {
  z-index: 3;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-segment-item:not(.is-active, .is-disabled, .is-animating):hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-segment-item:not(.is-active, .is-disabled, .is-animating):active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-segment-item.is-active {
  background-color: var(--zoom-color-fill-elevated-strong);
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
  backdrop-filter: blur(15px);
}
.fe-popups-segment-item.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-segment-item.is-disabled.is-active {
  color: var(--zoom-color-state-disable);
}
.fe-popups-segment-item__icon {
  font-size: 14px;
}
.fe-popups-segment-item__icon svg {
  transform: translateZ(0);
}
.fe-popups-theme--highContrast .fe-popups-segment-list-thumb {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-segment-item {
  color: ButtonText;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-segment-item.is-active {
  background-color: Highlight;
  color: HighlightText;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-chip-variant {
  display: inline-flex;
  vertical-align: middle;
}
.fe-popups-chip-variant + .fe-popups-chip-variant {
  margin-left: 8px;
}
.fe-popups-chip {
  display: inline-flex;
  align-items: center;
  background-color: var(--zoom-color-fill-contrary-subtler-transparent);
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  transition: 0.2s ease;
  transition-property: border-color, background-color, color;
  backdrop-filter: blur(15px);
  height: 30px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-chip:focus-visible {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-chip:hover:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  backdrop-filter: none;
}
.fe-popups-chip:active:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  backdrop-filter: none;
}
.fe-popups-chip.is-expanded {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  backdrop-filter: none;
}
.fe-popups-chip.is-active {
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  backdrop-filter: none;
}
.fe-popups-chip.is-active .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-text-global-primary);
}
.fe-popups-chip.is-active:hover:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-primary-hover);
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-chip.is-active:hover:not(.is-expanded) .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-chip.is-active:active:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-primary-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip.is-active:active:not(.is-expanded) .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip.is-active.is-expanded {
  background-color: var(--zoom-color-state-subtle-primary-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip.is-active.is-expanded .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip.is-disabled {
  background-color: var(--zoom-color-fill-subtler-neutral) !important;
  color: var(--zoom-color-state-disable) !important;
  cursor: not-allowed;
  backdrop-filter: none;
}
.fe-popups-chip.is-disabled.is-active {
  background-color: var(--zoom-color-component-toggle-button-background-selected) !important;
  color: var(--zoom-color-state-subtle-primary-disable) !important;
}
.fe-popups-chip.is-disabled.is-active .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-subtle-primary-disable) !important;
}
.fe-popups-chip--sm .fe-popups-chip__leading-icon {
  font-size: 14px;
}
.fe-popups-chip__label {
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-chip__leading-icon {
  flex-shrink: 0;
  margin-left: 2px;
  font-size: 14px;
}
.fe-popups-chip__badge {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
}
.fe-popups-theme--highContrast .fe-popups-chip {
  border: 1px solid;
  background-color: Canvas;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-chip:focus-visible {
  outline: 2px solid Highlight;
}
.fe-popups-theme--highContrast .fe-popups-chip .fe-popups-inline-icon-button {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-chip:not(.is-disabled) {
  border-color: ButtonText;
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-chip:hover {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-active {
  background-color: Highlight;
  color: HighlightText;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-active .fe-popups-inline-icon-button {
  color: HighlightText;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-active:hover {
  background-color: Highlight;
  color: HighlightText;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-disabled {
  border-color: GrayText;
  background-color: transparent !important;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-disabled:hover {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-chip.is-disabled.is-active {
  background-color: GrayText !important;
  color: CanvasText !important;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-chip-group__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fe-popups-chip-group__chips .fe-popups-chip-variant + .fe-popups-chip-variant {
  margin-left: 0;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-chip-variant {
  display: inline-flex;
  vertical-align: middle;
}
.fe-popups-chip-variant + .fe-popups-chip-variant {
  margin-left: 8px;
}
.fe-popups-chip-select-trigger {
  width: 100%;
  display: inline-flex;
  align-items: center;
  background-color: var(--zoom-color-fill-contrary-subtler-transparent);
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  transition: 0.2s ease;
  transition-property: border-color, background-color, color;
  backdrop-filter: blur(15px);
  height: 30px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-chip-select-trigger:focus-visible {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-chip-select-trigger:hover:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  backdrop-filter: none;
}
.fe-popups-chip-select-trigger:active:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  backdrop-filter: none;
}
.fe-popups-chip-select-trigger.is-expanded {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  backdrop-filter: none;
}
.fe-popups-chip-select-trigger.is-active {
  background-color: var(--zoom-color-component-toggle-button-background-selected);
  color: var(--zoom-color-text-primary);
  backdrop-filter: none;
}
.fe-popups-chip-select-trigger.is-active .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-text-global-primary);
}
.fe-popups-chip-select-trigger.is-active:hover:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-primary-hover);
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-chip-select-trigger.is-active:hover:not(.is-expanded) .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-chip-select-trigger.is-active:active:not(.is-expanded) {
  background-color: var(--zoom-color-state-subtle-primary-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip-select-trigger.is-active:active:not(.is-expanded) .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip-select-trigger.is-active.is-expanded {
  background-color: var(--zoom-color-state-subtle-primary-press);
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip-select-trigger.is-active.is-expanded .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-chip-select-trigger.is-disabled {
  background-color: var(--zoom-color-fill-subtler-neutral) !important;
  color: var(--zoom-color-state-disable) !important;
  cursor: not-allowed;
  backdrop-filter: none;
}
.fe-popups-chip-select-trigger.is-disabled.is-active {
  background-color: var(--zoom-color-component-toggle-button-background-selected) !important;
  color: var(--zoom-color-state-subtle-primary-disable) !important;
}
.fe-popups-chip-select-trigger.is-disabled.is-active .fe-popups-inline-chevron-icon {
  color: var(--zoom-color-state-subtle-primary-disable) !important;
}
.fe-popups-chip-select-trigger__leading-icon {
  flex-shrink: 0;
  font-size: 14px;
}
.fe-popups-chip-select-trigger__label {
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-chip-select-trigger__arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.fe-popups-chip-select-trigger__arrow--up {
  transform: rotate(180deg);
}
.fe-popups-chip-select-popup[data-side=top] {
  transform-origin: center bottom;
}
.fe-popups-chip-select-popup[data-side=bottom] {
  transform-origin: center top;
}
.fe-popups-chip-select-list {
  padding: 11px;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-trigger {
  border: 1px solid ButtonText;
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-trigger.is-disabled {
  border-color: GrayText;
  color: GrayText !important;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-trigger.is-active {
  color: ButtonText !important;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-trigger.is-active.is-disabled {
  color: GrayText !important;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-trigger.is-active.is-disabled .fe-popups-inline-chevron-icon {
  color: GrayText !important;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-chip-select-option {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 0 32px 0 8px;
  border-radius: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.fe-popups-chip-select-option:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-chip-select-option:focus-visible {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-chip-select-option.is-active {
  padding-right: 8px;
}
.fe-popups-chip-select-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-chip-select-option.is-disabled:hover {
  background-color: transparent;
}
.fe-popups-chip-select-option__label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-chip-select-option__check-mark {
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 16px;
}
.fe-popups-theme--highContrast .fe-popups-chip-select-option.is-disabled {
  color: GrayText;
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
    height: 15px;
    width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
    height: 10px;
    width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
}
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-image-cropper .cropper-container {
  /* rtl:ignore */
  direction: ltr;
}
.fe-popups-image-cropper .cropper-line {
  background-color: transparent;
}
.fe-popups-image-cropper .cropper-crop-box-clone {
  z-index: -1;
  opacity: 0;
}
.fe-popups-image-cropper .cropper-dashed {
  opacity: 1;
}
.fe-popups-image-cropper .cropper-dashed {
  border-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-image-cropper .cropper-center::after {
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-image-cropper .cropper-center::before {
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-image-cropper .cropper-point {
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-image-cropper .cropper-point {
  opacity: 1;
}
.fe-popups-image-cropper .cropper-view-box {
  outline: 1px solid var(--zoom-color-fill-global-primary);
}
.fe-popups-image-cropper__tips {
  position: absolute;
  bottom: 16px;
  left: 50%;
  max-width: 90%;
  padding: 6px 4px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
  border-radius: 8px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 2px 4px 0 var(--zoom-color-underlay-dropShadow), 0 4px 8px 0 var(--zoom-color-underlay-dropShadow);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-image-cropper__tips.is-inside {
  bottom: 8px;
  transform: translateX(-50%);
}
.fe-popups-image-cropper__tips.is-outside {
  bottom: -8px;
  transform: translate(-50%, 100%);
}
.fe-popups-image-cropper__container {
  position: relative;
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-image-cropper .cropper-point:focus {
  outline: 2px solid var(--zoom-color-fill-global-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-image-cropper .cropper-crop-box-clone:focus + .cropper-crop-box {
  outline: 2px solid var(--zoom-color-fill-global-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-image-cropper .fe-popups-image-cropper__container:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-image-cropper .cropper-point {
  background-color: ButtonText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ghost-select {
  position: relative;
  display: inline-block;
  color: var(--zoom-color-text-stronger-neutral);
  cursor: pointer;
}
.fe-popups-ghost-select:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ghost-select:hover:not(.is-disabled) .fe-popups-ghost-select__span.is-placeholder {
  color: var(--zoom-color-text-strong-neutral);
}
.fe-popups-ghost-select:active:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-ghost-select--sm {
  border-radius: 8px;
}
.fe-popups-ghost-select--sm .fe-popups-ghost-select__wrapper {
  min-height: 24px;
  padding: 4px 4px 4px 8px;
}
.fe-popups-ghost-select--sm .fe-popups-ghost-select__span {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ghost-select--sm .fe-popups-ghost-select__leading {
  font-size: 12px;
}
.fe-popups-ghost-select--md {
  border-radius: 12px;
}
.fe-popups-ghost-select--md .fe-popups-ghost-select__wrapper {
  min-height: 32px;
  padding: 6px 8px 6px 10px;
}
.fe-popups-ghost-select--md .fe-popups-ghost-select__leading {
  font-size: 14px;
}
.fe-popups-ghost-select__wrapper {
  display: flex;
  gap: 4px;
  align-items: center;
}
.fe-popups-ghost-select__span {
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ghost-select__span.is-overflowed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-ghost-select__span.is-placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-ghost-select__span.is-placeholder.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-ghost-select.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-ghost-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-ghost-select__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-ghost-select__list.is-no-data {
  height: 0;
  margin: 0;
}
.fe-popups-ghost-select__list-item {
  display: flex;
  align-items: center;
  padding: 7px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ghost-select__list-item:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ghost-select__list-item.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-ghost-select__list-item.is-disabled.is-danger {
  color: var(--zoom-color-state-subtle-error-disable);
}
.fe-popups-ghost-select__list-item.is-danger {
  color: var(--zoom-color-text-error);
}
.fe-popups-ghost-select__list-item.is-sibling-selected {
  padding-right: 32px;
}
.fe-popups-ghost-select__list-item-content {
  flex: 1;
}
.fe-popups-ghost-select__checkmark {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 16px;
}
.fe-popups-ghost-select__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  outline: 0;
  font-size: 14px;
  text-align: center;
}
.fe-popups-ghost-select__group {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fe-popups-ghost-select__group:not(:last-of-type) {
  padding-bottom: 16px;
}
.fe-popups-ghost-select__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ghost-select__group-wrapper {
  margin: 0;
  padding: 0;
}
.fe-popups-ghost-select__group-title {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.is-vue3-keyboard-event .fe-popups-ghost-select.is-focusing {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-ghost-select__list-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-ghost-select .fe-popups-ghost-select__chevron {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-ghost-select .fe-popups-ghost-select__span {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-ghost-select .fe-popups-ghost-select__span.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-ghost-select.is-disabled .fe-popups-ghost-select__span {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-ghost-select.is-disabled .fe-popups-ghost-select__chevron {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-ghost-select__list-item.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-ghost-select.is-focusing {
  outline: 2px solid Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tabs__nav-wrap {
  position: relative;
}
.fe-popups-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-tabs__nav-wrap.is-secondary::after {
  height: 0;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__active-bar {
  display: none;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item {
  margin: 0;
  margin-right: 8px;
  padding: 3px 6px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-contrary-subtler-transparent);
  font-weight: 400;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:last-child {
  margin-right: 0;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:hover .fe-popups-tabs__tab-label {
  background-color: transparent;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:active .fe-popups-tabs__tab-label {
  background-color: transparent;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item .fe-popups-tabs__tab-label {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-active {
  background: var(--zoom-color-toggle-button-background-selected);
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-active .fe-popups-tabs__tab-label {
  color: var(--zoom-color-text-primary);
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-disabled {
  background-color: var(--zoom-color-fill-subtler-neutral);
  cursor: not-allowed;
}
.fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-disabled .fe-popups-tabs__tab-label {
  color: var(--zoom-color-state-disable);
}
.fe-popups-tabs__nav-scroll {
  overflow: hidden;
}
.fe-popups-tabs__nav {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.fe-popups-tabs__nav.is-large {
  font-weight: 600;
  font-size: 16px;
}
.fe-popups-tabs__nav.is-large .fe-popups-tabs__item {
  padding: 4px 0;
  line-height: 20px;
}
.fe-popups-tabs__nav.is-large .fe-popups-tabs__item .fe-popups-tabs__tab-label {
  padding: 6px 2px;
  border-radius: 6px;
}
.fe-popups-tabs__scrollable-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 32px;
  height: 32px;
  pointer-events: none;
}
.fe-popups-tabs__scrollable-btn.is-large {
  width: 32px;
  height: 40px;
}
.fe-popups-tabs__scrollable-btn.is-large .fe-popups-tabs__transparent-wrapper {
  display: flex;
  width: 32px;
  height: 40px;
}
.fe-popups-tabs__scrollable-btn.is-large .fe-popups-tabs__linear-gradient-left {
  width: 16px;
  height: 40px;
  background: linear-gradient(90deg, var(--zoom-color-inverse-default) 0%, rgba(255, 255, 255, 0) 100%);
}
.fe-popups-tabs__scrollable-btn.is-large .fe-popups-tabs__linear-gradient-right {
  width: 16px;
  height: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--zoom-color-inverse-default) 100%);
}
.fe-popups-tabs__scrollable-btn.is-large .fe-popups-tabs__unified {
  width: 16px;
  height: 40px;
}
.fe-popups-tabs__scrollable-btn.is-large .fe-popups-tabs__arrow {
  top: 8px;
}
.fe-popups-tabs__scrollable-left {
  left: 0;
}
.fe-popups-tabs__scrollable-right {
  right: 0;
}
.fe-popups-tabs__arrow-wrapper {
  position: relative;
}
.fe-popups-tabs__transparent-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
}
.fe-popups-tabs__linear-gradient-left {
  width: 16px;
  height: 32px;
  background: linear-gradient(90deg, var(--zoom-color-inverse-default) 0%, rgba(255, 255, 255, 0) 100%);
}
.fe-popups-tabs__linear-gradient-right {
  width: 16px;
  height: 32px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--zoom-color-inverse-default) 100%);
}
.fe-popups-tabs__unified {
  width: 16px;
  height: 32px;
  background: var(--zoom-color-inverse-default);
}
.fe-popups-tabs__arrow {
  position: absolute;
  top: 4px;
  pointer-events: auto;
}
.fe-popups-tabs__arrow-left {
  left: 0;
}
.fe-popups-tabs__arrow-right {
  right: 0;
}
.fe-popups-tabs__item {
  margin-right: 16px;
  padding: 4px 0;
  border-radius: 6px;
  background-color: transparent;
  color: var(--zoom-color-text-neutral);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.fe-popups-tabs__item:last-child {
  margin-right: 0;
}
.fe-popups-tabs__item:hover .fe-popups-tabs__tab-label {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-tabs__item:active .fe-popups-tabs__tab-label {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  color: var(--zoom-color-state-neutral-press);
}
.fe-popups-tabs__item:focus-visible {
  outline: 0;
}
.fe-popups-tabs__tab-label {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 3px 2px;
  border-radius: 6px;
}
.fe-popups-tabs__item.is-active {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-tabs__item.is-active:hover .fe-popups-tabs__tab-label {
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-tabs__item.is-active:active .fe-popups-tabs__tab-label {
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-tabs__item.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-tabs__item.is-disabled .fe-popups-tabs__tab-label {
  background-color: transparent;
}
.fe-popups-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background-color: var(--zoom-color-fill-primary);
  transition: all 0.3s ease-in-out;
}
.fe-popups-theme--highContrast .fe-popups-tabs .fe-popups-tabs__active-bar {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-active {
  background-color: Highlight;
  forced-color-adjust: none;
}
.fe-popups-theme--highContrast .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item.is-active .fe-popups-tabs__tab-label {
  color: HighlightText !important;
}
.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__item:focus .fe-popups-tabs__tab-label {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}
.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}
.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:focus .fe-popups-tabs__tab-label {
  outline: none;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__item:focus .fe-popups-tabs__tab-label {
  outline: 2px solid Highlight;
  outline-offset: -2px;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:focus {
  outline: 2px solid Highlight;
  outline-offset: -2px;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-tabs .fe-popups-tabs__nav-wrap.is-secondary .fe-popups-tabs__item:focus .fe-popups-tabs__tab-label {
  outline: none;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-emoji-picker {
  position: relative;
  line-height: 1;
}
.fe-popups-emoji-picker__popover .fe-popups-popover {
  max-width: 400px;
  padding: 0;
  border-radius: 10px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-link-preview-menu {
  max-width: 360px;
  padding: 8px 12px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-link-preview-menu__wrapper {
  display: flex;
}
.fe-popups-link-preview-menu.is-waiting-destroy {
  padding: 0;
  border: none;
}
.fe-popups-link-preview-menu__preview {
  display: flex;
  align-items: center;
}
.fe-popups-link-preview-menu__href {
  align-self: center;
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid var(--zoom-color-border-subtle-neutral);
  color: var(--zoom-color-text-primary);
  text-decoration: underline;
  text-decoration-color: var(--zoom-color-text-primary);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-editor .ProseMirror {
  position: relative;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-editor .ProseMirror {
  font-size: 16px;
  white-space: pre-wrap;
  white-space: break-spaces;
  word-wrap: break-word;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}
.fe-popups-editor .ProseMirror p {
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-editor .ProseMirror p + p {
  margin-top: 12px;
}
.fe-popups-editor .ProseMirror [contenteditable=false] {
  white-space: normal;
}
.fe-popups-editor .ProseMirror [contenteditable=false] [contenteditable=true] {
  white-space: pre-wrap;
}
.fe-popups-editor img.ProseMirror-separator {
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.fe-popups-editor .ProseMirror-gapcursor {
  position: absolute;
  display: none;
  margin: 0;
  pointer-events: none;
}
.fe-popups-editor .ProseMirror-gapcursor::after {
  content: "";
  position: absolute;
  top: -2px;
  display: block;
  width: 20px;
  border-top: 1px solid black;
  animation: prosemirror-cursor-blink 1.1s steps(2, start) infinite;
}
.fe-popups-editor .ProseMirror-hideselection *::selection {
  background: transparent;
}
.fe-popups-editor .ProseMirror-hideselection *::selection {
  background: transparent;
}
.fe-popups-editor .ProseMirror-hideselection * {
  caret-color: transparent;
}
.fe-popups-editor .ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}
.fe-popups-editor p.is-fe-popups-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  height: 0;
  color: var(--zoom-color-text-neutral);
  pointer-events: none;
}
.fe-popups-editor .tiptap :first-child {
  margin-top: 0 !important;
}
.fe-popups-editor .tiptap ol, .fe-popups-editor .tiptap ul {
  margin: 12px 0;
  padding-left: 24px;
  list-style: revert;
}
.fe-popups-editor .tiptap ol li > p, .fe-popups-editor .tiptap ul li > p {
  margin-bottom: 4px;
}
.fe-popups-editor .tiptap.ProseMirror:focus-visible {
  outline: none;
}
.fe-popups-editor .tiptap.ProseMirror code {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtle-neutral);
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
  font-family: inherit;
  line-height: 16px;
}
.fe-popups-editor .tiptap.ProseMirror p > a {
  color: var(--zoom-color-text-primary);
  text-decoration: underline;
  cursor: pointer;
}
.fe-popups-editor .tiptap.ProseMirror strong {
  font-weight: bold;
}
.fe-popups-editor .tiptap.ProseMirror em {
  font-style: italic;
}
.fe-popups-editor .tiptap.ProseMirror s {
  text-decoration: line-through;
}
.fe-popups-editor .tiptap.ProseMirror mark {
  background-color: rgb(255, 255, 0);
}
.fe-popups-editor .tiptap.ProseMirror blockquote {
  margin: 16px 0;
  padding-left: 16px;
  border-left: 2px solid var(--zoom-color-border-neutral);
  color: var(--zoom-color-text-neutral);
}
.fe-popups-editor .tiptap.ProseMirror .fe-popups-mention-wrapper {
  color: var(--zoom-color-text-primary);
}
.fe-popups-editor .tiptap.ProseMirror .suggestion {
  color: var(--zoom-color-text-primary);
}
.fe-popups-editor .tiptap.ProseMirror .editor-autocomplete {
  color: var(--zoom-color-text-primary);
}
.fe-popups-editor .tiptap.ProseMirror .editor-autocomplete.has-placeholder::after {
  content: attr(data-placeholder);
  padding: 1px 3px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-neutral);
  pointer-events: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-editor .tiptap.ProseMirror pre {
  margin: 16px 0;
  padding: 16px;
  border-radius: 8px;
  background-color: #131619;
  white-space: pre-wrap;
}
.fe-popups-editor .tiptap.ProseMirror pre > code {
  background-color: transparent;
  color: var(--zoom-color-fill-default);
}
.fe-popups-editor .tiptap.ProseMirror h1[data-placeholder], .fe-popups-editor .tiptap.ProseMirror h2[data-placeholder], .fe-popups-editor .tiptap.ProseMirror h3[data-placeholder], .fe-popups-editor .tiptap.ProseMirror h4[data-placeholder], .fe-popups-editor .tiptap.ProseMirror h5[data-placeholder], .fe-popups-editor .tiptap.ProseMirror h6[data-placeholder] {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-editor .tiptap.ProseMirror h1 {
  margin: 32px 0 0;
  font-weight: bold;
}
.fe-popups-editor .tiptap.ProseMirror h2, .fe-popups-editor .tiptap.ProseMirror h3, .fe-popups-editor .tiptap.ProseMirror h4, .fe-popups-editor .tiptap.ProseMirror h5, .fe-popups-editor .tiptap.ProseMirror h6 {
  margin: 16px 0 0;
  font-weight: bold;
}
.fe-popups-editor .tiptap.ProseMirror h1 {
  font-size: 36px;
  line-height: 40px;
}
.fe-popups-editor .tiptap.ProseMirror h2 {
  font-size: 24px;
  line-height: 28px;
}
.fe-popups-editor .tiptap.ProseMirror h3 {
  font-size: 20px;
  line-height: 24px;
}
.fe-popups-editor .tiptap.ProseMirror h4 {
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-editor .tiptap.ProseMirror h5 {
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-editor .tiptap.ProseMirror h6 {
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-editor .tiptap.ProseMirror hr {
  margin: 12px 0;
}
.fe-popups-editor .tiptap.ProseMirror hr.ProseMirror-selectednode {
  border-top: 1px solid var(--zoom-color-border-primary);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] {
  margin: 0;
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] li {
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
  line-height: 1;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] li > label {
  position: relative;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-right: 2px;
  user-select: none;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] li > div {
  flex: 1 1 auto;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] li > div > p {
  line-height: 24px;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] li > div.is-checked > p {
  color: var(--zoom-color-text-neutral);
  text-decoration: line-through;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__original {
  position: absolute;
  z-index: -1;
  width: 24px;
  height: 24px;
  margin: 0;
  outline: none;
  opacity: 0;
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__knob {
  position: absolute;
  top: -1px;
  left: 1px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: rotate(45deg);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__knob::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  box-sizing: border-box;
  width: 2px;
  height: 9px;
  border: 1px solid var(--zoom-color-inverse-neutral);
  border-radius: 2px;
  background-color: var(--zoom-color-inverse-neutral);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__knob::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  box-sizing: border-box;
  width: 5px;
  height: 2px;
  border: 1px solid var(--zoom-color-inverse-neutral);
  border-radius: 2px;
  background-color: var(--zoom-color-inverse-neutral);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__inner {
  position: relative;
  top: 4px;
  left: 4px;
  display: inline-block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--zoom-color-border-neutral);
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.2s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.2s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__inner:hover {
  border-color: var(--zoom-color-border-neutral);
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__inner.is-checked {
  border-color: var(--zoom-color-icon-neutral);
  background-color: var(--zoom-color-icon-neutral);
}
.fe-popups-editor .tiptap.ProseMirror ul[data-type=taskList] .fe-popups-editor-task-item-checkbox__inner.is-checked .fe-popups-editor-task-item-checkbox__knob {
  opacity: 1;
}
.fe-popups-editor .tiptap.ProseMirror ol ol {
  list-style: lower-alpha;
}
.fe-popups-editor .tiptap.ProseMirror ol ol ol {
  list-style: lower-roman;
}
@keyframes prosemirror-cursor-blink {
to {
    visibility: hidden;
}
}
.fe-popups-editor.is-truncate {
  min-width: 360px;
}
.fe-popups-editor__content {
  padding: 6px 8px;
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-editor__toolbar {
  display: flex;
  align-items: center;
  padding: 7px 8px 8px 8px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
  background-color: var(--zoom-color-fill-subtler-neutral);
}
.fe-popups-editor__toolbar > button {
  flex-shrink: 0;
}
.fe-popups-editor__toolbar.is-full-screen {
  padding: 12px;
  border: 0;
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-editor__toolbar.is-wrap {
  flex-wrap: wrap;
}
.fe-popups-editor__toolbar-button:not([aria-disabled=true]) {
  color: var(--zoom-color-text-stronger-neutral) !important;
}
.fe-popups-editor__toolbar-button.is-active {
  background-color: var(--zoom-color-fill-subtler-primary) !important;
  color: var(--zoom-color-fill-primary) !important;
}
.fe-popups-editor__toolbar-button.is-active:hover {
  background-color: var(--zoom-color-state-subtle-primary-hover) !important;
}
.fe-popups-editor__toolbar-button.is-active:active {
  background-color: var(--zoom-color-state-subtle-primary-press) !important;
}
.fe-popups-editor__toolbar-button.is-spacing-right {
  margin-right: 8px;
}
.fe-popups-editor__editor-custom-option {
  display: flex;
  align-items: center;
}
.fe-popups-editor__editor-custom-option-content {
  flex: 1;
}
.fe-popups-editor__editor-custom-option-icon {
  margin-right: 8px;
  font-size: 16px;
}
.fe-popups-editor__button-divider {
  width: 1px;
  min-width: 1px;
  height: 14px;
  margin: 0 8px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-editor__button-divider.is-less-margin {
  margin: 0 4px;
}
.fe-popups-editor__floating-toolbar {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 20px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-editor__floating-toolbar .fe-popups-button + .fe-popups-button {
  margin-left: 4px;
}
.fe-popups-editor__link-popover-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fe-popups-editor__link-popover-container {
  position: relative;
  width: 300px;
  padding: 11px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-editor__text-align-menu {
  width: auto !important;
}
.fe-popups-ghost-select.is-editor-custom-trigger .fe-popups-inline-chevron-icon {
  width: 8px !important;
  height: 8px !important;
  font-size: 8px !important;
}
.fe-popups-ghost-select.is-editor-custom-trigger.fe-popups-ghost-select {
  border-radius: 999px;
}
.fe-popups-ghost-select.is-editor-custom-trigger.is-medium .fe-popups-ghost-select__span {
  height: 18px;
  font-size: 18px;
}
.fe-popups-ghost-select.is-editor-custom-trigger.is-medium .fe-popups-ghost-select__wrapper {
  gap: 4px;
  padding: 0 6px;
}
.fe-popups-ghost-select.is-editor-custom-trigger.is-medium .fe-popups-inline-chevron-icon {
  width: 10px !important;
  height: 10px !important;
  font-size: 10px !important;
}
.fe-popups-ghost-select.is-editor-custom-trigger .fe-popups-ghost-select__span {
  height: 16px;
  font-size: 16px;
}
.fe-popups-ghost-select.is-editor-custom-trigger .fe-popups-ghost-select__wrapper {
  gap: 0;
  padding: 0 4px;
}
.fe-popups-ghost-select.is-alignment {
  margin-right: 8px;
}
.fe-popups-theme--highContrast .fe-popups-editor .tiptap.ProseMirror .fe-popups-mention-wrapper {
  color: LinkText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-editor-image {
  max-width: 100%;
  user-select: none;
}
.fe-popups-editor-image__body {
  position: relative;
  display: inline-block;
}
.fe-popups-editor-image__body.is-focused {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-editor-image__resize-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid var(--zoom-color-border-primary);
}
.fe-popups-editor-image__handler {
  position: absolute;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid var(--zoom-color-fill-default);
  border-radius: 2px;
  background-color: var(--zoom-color-fill-primary);
}
.fe-popups-editor-image__handler-tl {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
.fe-popups-editor-image__handler-tr {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
.fe-popups-editor-image__handler-bl {
  bottom: -6px;
  left: -6px;
  cursor: sw-resize;
}
.fe-popups-editor-image__handler-br {
  right: -6px;
  bottom: -6px;
  cursor: se-resize;
}
.fe-popups-theme--highContrast .fe-popups-editor-image__handler {
  background-color: ButtonText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-indent-hints {
  position: absolute;
  z-index: 2000;
  min-width: 10px;
  padding: 2px 6px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 4px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 4px 8px 0 var(--zoom-color-underlay-dropShadow), 0 2px 4px 0 var(--zoom-color-underlay-dropShadow);
  font-size: 14px;
}
.fe-popups-hints-enter-active,
.fe-popups-hints-leave-active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.fe-popups-hints-enter-from,
.fe-popups-hints-leave-to {
  opacity: 0;
  transform: scale(0);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-virtual-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: var(--zoom-color-bg-default);
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
}
.fe-popups-virtual-table .hidden-columns {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.fe-popups-virtual-table tr {
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-virtual-table th, .fe-popups-virtual-table td {
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
  text-align: left;
}
.fe-popups-virtual-table td {
  height: 52px;
  padding: 12px 0;
}
.fe-popups-virtual-table td div {
  box-sizing: border-box;
}
.fe-popups-virtual-table td.is-center {
  text-align: center;
}
.fe-popups-virtual-table td.is-center .fe-popups-virtual-table__tooltip.cell {
  justify-content: center;
}
.fe-popups-virtual-table td.is-right {
  text-align: right;
}
.fe-popups-virtual-table td.is-right .fe-popups-virtual-table__tooltip.cell {
  justify-content: flex-end;
}
.fe-popups-virtual-table .cell {
  box-sizing: border-box;
  padding: 0 16px;
  line-height: 18px;
  overflow-wrap: break-word;
}
.fe-popups-virtual-table .cell .text-wrapper {
  display: inline;
  outline: none;
}
.fe-popups-virtual-table .cell .flex-wrapper .fe-popups-radio {
  display: flex;
}
.fe-popups-virtual-table th {
  height: 36px;
  padding: 6px 0;
  background-color: var(--zoom-color-bg-default);
  color: var(--zoom-color-text-strong-neutral);
  user-select: none;
}
.fe-popups-virtual-table th.grey-cell {
  background-color: var(--zoom-color-fill-subtler-neutral);
}
.fe-popups-virtual-table th .fe-popups-skeleton {
  padding: 0;
}
.fe-popups-virtual-table th > .cell {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.fe-popups-virtual-table th > .cell.highlight {
  color: var(--zoom-color-fill-primary);
}
.fe-popups-virtual-table th > .cell .fe-popups-checkbox {
  display: block;
}
.fe-popups-virtual-table th.is-center .cell {
  justify-content: center;
}
.fe-popups-virtual-table th.is-right .cell {
  justify-content: flex-end;
}
.fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--left, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--right,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--left,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--right {
  position: sticky !important;
  z-index: 1;
}
.fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--left.is-last-column::before, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--left.is-first-column::before, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--right.is-last-column::before, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--right.is-first-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--left.is-last-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--left.is-first-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--right.is-last-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  overflow: hidden;
  width: 10px;
  box-shadow: none;
  pointer-events: none;
  touch-action: none;
}
.fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--left.is-first-column::before, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--right.is-first-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--left.is-first-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--left.is-last-column::before, .fe-popups-virtual-table tr td.fe-popups-virtual-table-fixed-column--right.is-last-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--left.is-last-column::before,
.fe-popups-virtual-table tr th.fe-popups-virtual-table-fixed-column--right.is-last-column::before {
  right: -10px;
  box-shadow: none;
}
.fe-popups-virtual-table tr td {
  background: var(--zoom-color-bg-default);
}
.fe-popups-virtual-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.fe-popups-virtual-table thead th {
  font-weight: 600;
  font-size: 12px;
}
.fe-popups-virtual-table thead:hover th:not(:last-child).resizable-column .cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 16px;
  background-color: var(--zoom-color-border-neutral);
  transform: translateY(-8px);
}
.fe-popups-virtual-table tfoot tr td {
  background: var(--zoom-color-fill-default);
}
.fe-popups-virtual-table .label-wrapper {
  margin-right: 4px;
  outline: none;
}
.fe-popups-virtual-table .label-empty-wrapper {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  padding: 0;
  outline: none;
  line-height: 18px;
  text-overflow: clip !important;
}
.fe-popups-virtual-table .label-empty-wrapper .label-empty {
  visibility: hidden;
}
.fe-popups-virtual-table .sort-emphasize .label-wrapper {
  color: var(--zoom-color-text-primary);
}
.fe-popups-virtual-table .sort-emphasize .sort-wrapper .fe-popups-icon {
  color: var(--zoom-color-text-primary);
}
.fe-popups-virtual-table .sort-emphasize .sort-wrapper .is-tertiary-disabled .fe-popups-icon {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-table .filter-emphasize .label-wrapper {
  color: var(--zoom-color-text-primary);
}
.fe-popups-virtual-table .filter-emphasize .filter-wrapper .fe-popups-icon {
  color: var(--zoom-color-text-primary);
}
.fe-popups-virtual-table .filter-emphasize .filter-wrapper .is-tertiary-disabled .fe-popups-icon {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-table .sort-emphasize.disabled-btn .label-wrapper, .fe-popups-virtual-table .filter-emphasize.disabled-btn .label-wrapper {
  color: var(--zoom-color-state-disable);
}
.fe-popups-virtual-table table {
  max-width: none;
  border-collapse: separate;
  table-layout: fixed;
}
.fe-popups-virtual-table table tr.selection-row > td {
  background-color: var(--zoom-color-fill-subtler-primary) !important;
}
.fe-popups-virtual-table table tr.selection-row:hover > td {
  background-color: var(--zoom-color-component-virtual-table-selection-row-hover) !important;
}
.fe-popups-virtual-table [class*=zoom-virtual-table__row--level] .fe-popups-virtual-table__expand-icon div.is-loading {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 18px;
}
.fe-popups-virtual-table [class*=zoom-virtual-table__row--level] .fe-popups-virtual-table__expand-icon div.is-loading .fe-popups-icon {
  font-size: 16px;
}
.fe-popups-virtual-table .is-scrolling-left .fe-popups-virtual-table-fixed-column--right.is-first-column::before {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-virtual-table .is-scrolling-right .fe-popups-virtual-table-fixed-column--left.is-last-column::before {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-virtual-table .is-scrolling-middle .fe-popups-virtual-table-fixed-column--right.is-first-column::before {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-virtual-table .is-scrolling-middle .fe-popups-virtual-table-fixed-column--left.is-last-column::before {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
}
.fe-popups-virtual-table__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.fe-popups-virtual-table__footer td {
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-table__footer .sum-total {
  font-weight: 600;
}
.fe-popups-virtual-table__loading {
  display: flex;
  align-items: center;
}
.fe-popups-virtual-table__loading td {
  position: sticky;
  padding: 12px;
  border: none;
  text-align: center;
}
.fe-popups-virtual-table__row:has(+ .fe-popups-virtual-table__expanded-row) > td {
  border-bottom: none;
}
.fe-popups-virtual-table__row:not(.fe-popups-virtual-table__skeleton):hover > td {
  background-color: var(--zoom-color-component-virtual-table-row-hover);
}
.fe-popups-virtual-table__empty-block {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  min-height: 60px;
}
.fe-popups-virtual-table__empty-block td {
  position: sticky;
  height: auto;
  border: none !important;
  text-align: center;
}
.fe-popups-virtual-table__empty-text {
  padding: 14px 0;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  line-height: 18px;
}
.fe-popups-virtual-table__indent-empty {
  display: inline-flex;
  width: 24px;
}
.fe-popups-virtual-table__empty-image {
  display: inline-block;
  min-width: 320px;
  padding-top: 200px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNTQzMTFfMTQ5MSkiPgo8bWFzayBpZD0ibWFzazBfMTU0MzExXzE0OTEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwMSIgeT0iMTMwIiB3aWR0aD0iMTE5IiBoZWlnaHQ9IjQwIj4KPHBhdGggZD0iTTEzOC45MjUgMTMwLjQ3MUgyMTkuMDY5QzIxOS44NTkgMTMwLjQ3MSAyMjAuMDM0IDEzMS41ODEgMjE5LjI4MyAxMzEuODI1TDEwMS41NzEgMTY5Ljk1M0wxMDguNzggMTUxLjgzTDEzOC45MjUgMTMwLjQ3MVoiIGZpbGw9ImJsYWNrIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xNTQzMTFfMTQ5MSkiPgo8Y2lyY2xlIGN4PSIxMzguMTE0IiBjeT0iMTQzLjA4MiIgcj0iNTMuMTM1NyIgdHJhbnNmb3JtPSJyb3RhdGUoNDAuNzQ3IDEzOC4xMTQgMTQzLjA4MikiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNTQzMTFfMTQ5MSkiLz4KPC9nPgo8cGF0aCBkPSJNNDYuNTIzOSA4Ni40NTk1TDU1LjAxOTYgMTA1LjAzOUM1NS40Mzg2IDEwNS45NTUgNTYuMzIxNCAxMDYuNTczIDU3LjMyNTkgMTA2LjY1MUw5NS40ODgxIDEwOS42NDNDOTYuMjk0NCAxMDkuNzA2IDk2Ljk4MzcgMTA5LjA2OSA5Ni45ODM3IDEwOC4yNlY3Ny4zOTgzTDQ2LjUyMzkgODYuNDU5NVoiIGZpbGw9IiMwRTcyRUQiLz4KPHBhdGggZD0iTTE1Mi4wMzIgODQuNTE3OVYxMDMuMTAyQzE1Mi4wMzIgMTA0LjYzNCAxNTAuNzg5IDEwNS44NzYgMTQ5LjI1NyAxMDUuODc2SDk4LjM3MThDOTcuNjA1NiAxMDUuODc2IDk2Ljk4NDYgMTA1LjI1NSA5Ni45ODQ2IDEwNC40ODlWNzcuMzk4M0wxNTIuMDMyIDg0LjUxNzlaIiBmaWxsPSIjNDc5M0YxIi8+CjxwYXRoIGQ9Ik00Ni41MjM5IDg2LjQ1OTZWMTQ2LjczMkM0Ni41MjM5IDE0Ny44NTggNDcuMjA0NyAxNDguODczIDQ4LjI0NjkgMTQ5LjI5OUwxMDAuMjYgMTcwLjZWMTAzLjI4OEw0Ni41MjM5IDg2LjQ1OTZaIiBmaWxsPSIjNDc5M0YxIi8+CjxwYXRoIGQ9Ik00Ni41MjM5IDg2LjQ1OTZWMTE2Ljk3OUM0Ni41MjM5IDExOC4wOTUgNDcuMTkzIDExOS4xMDMgNDguMjIxOSAxMTkuNTM2TDg1LjUxMzMgMTM1LjIzNEM4Ni4wOTM5IDEzNS40NzkgODYuNzYxMyAxMzUuMzAyIDg3LjExNTggMTM0Ljc4MkM4OC44NTYgMTMyLjIyNiA5My43NTYxIDEyNC4yMzQgOTUuMDE3NyAxMTMuNjQzQzk1Ljg3MzggMTA2LjQ1NyAxMDAuMjYgMTAzLjI4OCAxMDAuMjYgMTAzLjI4OEw0Ni41MjM5IDg2LjQ1OTZaIiBmaWxsPSIjMjUzOEJGIi8+CjxwYXRoIGQ9Ik0xNTIuMDMyIDg0LjUxODJWMTQ2Ljc1OUMxNTIuMDMyIDE0Ny44NzIgMTUxLjM2NyAxNDguODc3IDE1MC4zNDIgMTQ5LjMxMkwxMDAuMjYxIDE3MC42VjEwMy4yODhMMTUyLjAzMiA4NC41MTgyWiIgZmlsbD0iIzBFNzJFRCIvPgo8cGF0aCBkPSJNMTUyLjAzMiA4NC41MTgyVjEyMC4yMzhDMTUyLjAzMiAxMjAuNTQ5IDE1MS44MzEgMTIwLjgyIDE1MS41MzIgMTIwLjkwM0MxNDkuNTE2IDEyMS40NjggMTQxLjc2OCAxMjMuNjIxIDEzNC45OTMgMTI1LjI5NEMxMjguNDk3IDEyNi44OTggMTE4Ljg3MSAxMzIuNDc2IDExNS43MTkgMTM0LjM2OUMxMTUuMTE4IDEzNC43MjkgMTE0LjM1NiAxMzQuNTkxIDExMy45NjUgMTM0LjAxQzExMi40NDIgMTMxLjc0NSAxMDguODQzIDEyNS42MDMgMTA2LjgxNCAxMTUuNTg1QzEwNS4zNzcgMTA4LjQ5IDEwMS41NzIgMTAzLjI4OCAxMDEuNTcyIDEwMy4yODhMMTUyLjAzMiA4NC41MTgyWiIgZmlsbD0iIzI1MzhCRiIvPgo8cGF0aCBkPSJNNDYuNTI0MyA4Ni40NTk2TDEwMC4yNjEgMTAzLjI4OEMxMDAuMjYxIDEwMy4yODggOTQuNTYwMyAxMDcuMjMzIDkyLjM5NjggMTEzLjY0M0M4OS41MTQ5IDEyMi4xODIgODQuNjA1MiAxMjYuMjE1IDgzLjQ2NDIgMTI3LjA2M0M4My4zMTA4IDEyNy4xNzcgODMuMTI3NSAxMjcuMjEzIDgyLjk0MTkgMTI3LjE2N0M4MC43NDI5IDEyNi42MzIgNjYuMTMzMSAxMjIuOTc4IDU3LjY2NDggMTE4LjQ5OEM0OC40OTAzIDExMy42NDMgMzIuMTA3MiAxMDkuNzYgMzIuMTA3MiAxMDkuNzZDMzIuMTA3MiAxMDkuNzYgMzguMDA1MSAxMDMuOTM1IDM5Ljk3MTEgOTUuNTIwOEM0MS45MzcxIDg5LjA0ODUgNDYuNTI0MyA4Ni40NTk2IDQ2LjUyNDMgODYuNDU5NloiIGZpbGw9IiNFN0YxRkQiLz4KPHBhdGggZD0iTTE1Mi4wMzIgODQuNTE4MkwxMDAuMjYxIDEwMy4yODhDMTAwLjI2MSAxMDMuMjg4IDEwNi4xNTkgMTA2LjUyNCAxMDcuNDcgMTEyLjM0OUMxMDguNzQgMTE3Ljk5MyAxMTEuMjQgMTI0Ljg1MyAxMTQuOTcxIDEyOS4zOTVDMTE1LjE3OSAxMjkuNjQ4IDExNS41MzkgMTI5LjcxMSAxMTUuODI1IDEyOS41NTFDMTIyLjM2NCAxMjUuODgxIDEyNy40NzkgMTIyLjAwNSAxNDEuNTQ2IDExNy44NzZDMTU1Ljk2MyAxMTMuNjQ0IDE1NC40MyAxMTEuOTIgMTY0LjM2NSAxMDguMTA1QzE2NC4zNjUgMTA4LjEwNSAxNTcuOTI5IDk4LjExIDE1Ni42MTkgOTIuMjg1QzE1NS4zMDggODYuNDU5OSAxNTIuMDMyIDg0LjUxODIgMTUyLjAzMiA4NC41MTgyWiIgZmlsbD0iI0E4Q0NGOCIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTU0MzExXzE0OTEiIHgxPSIxMTEuNTQ2IiB5MT0iMTg5LjU3NSIgeDI9IjE2OS45OTUiIHkyPSI5Ny45MTYyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyNTM4QkYiLz4KPHN0b3Agb2Zmc2V0PSIwLjkyNzA4MyIgc3RvcC1jb2xvcj0iIzI1MzhCRiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTU0MzExXzE0OTEiPgo8cmVjdCB3aWR0aD0iMTY3Ljg5MyIgaGVpZ2h0PSI5My4xMTA4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuMTA3MiA3Ny4zOTgzKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat center top;
}
.fe-popups-virtual-table--enable-row-transition .fe-popups-virtual-table__body td {
  transition: background-color 0.25s ease;
}
.fe-popups-virtual-table--span td, .fe-popups-virtual-table--span th {
  border-right: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-table--span {
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
  border-left: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-table--border {
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
}
.fe-popups-virtual-table__expand-icon {
  display: inline-flex;
  margin-right: 16px;
  transition: transform 0.3s ease;
}
.fe-popups-virtual-table__expand-icon--expanded {
  transform: rotate(90deg);
}
.fe-popups-virtual-table__expand-icon--animating {
  transform: rotate(0);
}
.fe-popups-virtual-table__expanded-cell[class*=cell] {
  height: 0;
  padding: 0;
}
.fe-popups-virtual-table__expand-inner {
  padding: 16px 16px 16px 72px;
}
.fe-popups-virtual-table__force-expanded-cell[class*=cell] .fe-popups-virtual-table__expand-inner {
  padding: 0 16px;
}
.fe-popups-virtual-table__expanded-row-fixed {
  display: flex;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-virtual-table__expanded-row-fixed td {
  position: sticky;
  left: 0;
  height: 100% !important;
  border-bottom: none;
}
.fe-popups-virtual-table__draggable-column .cell {
  padding: 4px 14px;
  line-height: 14px;
}
.fe-popups-virtual-table__draggable-column .cell .fe-popups-button__icon {
  width: 16px;
  height: 16px;
  color: var(--zoom-color-text-neutral);
}
.fe-popups-virtual-table__column-resize-proxy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  z-index: 10;
  width: 0;
  border-left: 2px solid var(--zoom-color-border-neutral);
  pointer-events: none;
}
.fe-popups-virtual-table__column-resize-proxy.is-active {
  border-color: var(--zoom-color-border-primary);
}
.fe-popups-virtual-table__tooltip.cell {
  display: flex;
  align-items: center;
}
.fe-popups-virtual-table__tooltip .text-wrapper {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-virtual-table-filter__popover .fe-popups-popover {
  padding: 12px;
}
.fe-popups-virtual-table-filter__popover .fe-popups-popover__actionable {
  display: flex;
  justify-content: end;
  margin-top: 12px;
}
.fe-popups-virtual-table-filter__content {
  min-width: 150px;
}
.fe-popups-virtual-table-column-setting__trigger-btn-wrapper {
  position: sticky !important;
  right: 0;
  z-index: 3;
  width: 1px;
}
.fe-popups-virtual-table-column-setting__trigger-btn {
  position: absolute;
  right: 16px;
}
.fe-popups-virtual-table-column-setting__item {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  line-height: 32px;
}
.fe-popups-virtual-table-column-setting__item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-virtual-table-column-setting__item-movable {
  display: inline-flex;
  margin-right: 4px;
}
.fe-popups-virtual-table-column-setting__search {
  margin: 2px 20px 0;
}
.fe-popups-virtual-table-column-setting__popover .fe-popups-popover {
  padding: 12px 0;
}
.fe-popups-virtual-table-column-setting__popover .fe-popups-popover__actionable {
  display: flex;
  justify-content: end;
  margin: 12px 12px 0 12px;
}
.fe-popups-virtual-table-column-setting__popover .fe-popups-scrollbar__track {
  right: 6px;
}
.fe-popups-virtual-table-column-setting__item-prop {
  display: flex;
  flex: 1;
  align-items: center;
}
.fe-popups-virtual-table-column-setting__item-tip {
  display: inline-flex;
  margin-left: 4px;
}
.fe-popups-virtual-table-column-setting__item-toggle {
  display: inline-flex;
  margin-right: 4px;
}
.fe-popups-virtual-table-column-setting__link {
  margin-right: 12px;
  margin-left: 20px;
}
.fe-popups-virtual-table-column-setting__list {
  margin: 4px 12px;
}
.is-vue3-keyboard-event .fe-popups-virtual-table-column-setting__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-virtual-table tbody tr td:focus, .is-vue3-keyboard-event .fe-popups-virtual-table tfoot tr td:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}
.is-vue3-keyboard-event .fe-popups-virtual-table thead tr th:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}
.is-vue3-keyboard-event .fe-popups-virtual-table .cell span:not(.fe-popups-select-input__span):focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.is-vue3-keyboard-event .fe-popups-virtual-table .label-empty-wrapper:focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-tiered-menu__skeleton {
  width: 160px;
  padding: 8px;
}
.fe-popups-tiered-menu__skeleton-item {
  padding: 6px 8px;
  line-height: 20px;
}
.fe-popups-tiered-menu__root-list {
  padding: 12px;
}
.fe-popups-tiered-menu__root-list:focus-visible {
  outline: none;
}
.fe-popups-tiered-menu__item {
  position: relative;
  border-radius: 8px;
  outline-offset: 2px;
}
.fe-popups-tiered-menu__item:focus-visible {
  outline: none;
}
.fe-popups-tiered-menu__item.is-separator:not(:first-of-type) .fe-popups-tiered-menu__item-content {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-tiered-menu__item.is-separator.is-empty:first-of-type .fe-popups-tiered-menu__item-content {
  margin-top: 0;
  padding-top: 8px;
  border-top: none;
}
.fe-popups-tiered-menu__item.is-separator.is-empty .fe-popups-tiered-menu__item-content {
  margin: 8px 8px 0 8px;
  padding: 16px 0 0 0;
}
.fe-popups-tiered-menu__item.is-separator.is-empty .fe-popups-tiered-menu__item-label {
  padding-bottom: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-tiered-menu__item.is-separator.is-empty .fe-popups-tiered-menu__item-label:empty {
  padding: 0;
}
.fe-popups-tiered-menu__item.is-separator.is-separator-empty .fe-popups-tiered-menu__item-content {
  height: 0;
  padding: 8px 0 0 0;
}
.fe-popups-tiered-menu__item.is-separator .fe-popups-tiered-menu__item-content {
  padding: 8px;
  border-radius: unset;
  cursor: default;
}
.fe-popups-tiered-menu__item.is-separator .fe-popups-tiered-menu__item-content:hover {
  background-color: transparent;
}
.fe-popups-tiered-menu__item.is-separator .fe-popups-tiered-menu__item-content:active {
  background-color: transparent;
}
.fe-popups-tiered-menu__item.is-danger > .fe-popups-tiered-menu__item-content {
  color: var(--zoom-color-text-error);
}
.fe-popups-tiered-menu__item.is-active > .fe-popups-tiered-menu__item-content {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tiered-menu__item.is-disabled .fe-popups-tiered-menu__item-content {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-tiered-menu__item.is-disabled .fe-popups-tiered-menu__item-content:hover {
  background-color: transparent;
}
.fe-popups-tiered-menu__item.is-disabled .fe-popups-tiered-menu__item-content:active {
  background-color: transparent;
}
.fe-popups-tiered-menu__item.is-disabled.is-danger .fe-popups-tiered-menu__item-content {
  color: var(--zoom-color-state-subtle-error-disable);
}
.fe-popups-tiered-menu__item-content {
  display: flex;
  align-items: center;
  padding: 7px 8px;
  border-radius: 4px;
  color: var(--zoom-color-text-stronger-neutral);
  white-space: nowrap;
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-tiered-menu__item-content:focus {
  outline: none;
}
.fe-popups-tiered-menu__item-content:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-tiered-menu__item-content:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-tiered-menu__item-icon {
  margin-right: 8px;
  font-size: 16px;
}
.fe-popups-tiered-menu__item-label {
  flex: 1;
}
.fe-popups-tiered-menu__submenu-icon {
  margin-left: 12px;
}
.fe-popups-tiered-menu__submenu {
  padding: 12px;
}
.is-vue3-keyboard-event .fe-popups-tiered-menu__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-context-menu {
  position: absolute;
  min-width: 10px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
  font-size: 14px;
}
.fe-popups-context-menu__root-list {
  padding: 11px;
}
.fe-popups-context-menu__root-list:focus-visible {
  outline: none;
}
.fe-popups-context-menu__skeleton {
  width: 160px;
  padding: 12px;
}
.fe-popups-context-menu__skeleton-item {
  padding: 6px 8px;
  line-height: 20px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-selective-card {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.fe-popups-selective-card__wrapper {
  display: flex;
  flex-direction: column;
}
.fe-popups-selective-card__wrapper.is-disabled .fe-popups-selective-card__title {
  color: var(--zoom-color-state-disable);
}
.fe-popups-selective-card__wrapper.is-disabled .fe-popups-selective-card__description {
  color: var(--zoom-color-state-disable);
}
.fe-popups-selective-card__option {
  align-self: center;
  padding: 4px;
  border-radius: 10px;
  outline-offset: 2px;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.fe-popups-selective-card__option:focus-visible {
  outline: none;
}
.fe-popups-selective-card__option:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-selective-card__option:active:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-selective-card__option.is-selected {
  padding: 2px;
  border: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-selective-card__option.is-disabled {
  cursor: not-allowed;
}
.fe-popups-selective-card__option.is-disabled .fe-popups-selective-card__minimal-trigger {
  color: var(--zoom-color-state-disable);
}
.fe-popups-selective-card__option.is-disabled-overlay {
  position: relative;
}
.fe-popups-selective-card__option.is-disabled-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  width: calc(100% + 2px);
  height: 100%;
  height: calc(100% + 2px);
  border-radius: 6px;
  background: var(--zoom-color-state-inactive);
}
.fe-popups-selective-card__minimal-trigger {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
.fe-popups-selective-card__title {
  margin-top: 4px;
  color: var(--zoom-color-text-stronger-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-selective-card__title.is-caption {
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
}
.fe-popups-selective-card__description {
  margin-top: 4px;
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.is-vue3-keyboard-event .fe-popups-selective-card .fe-popups-selective-card__option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-selective-card .fe-popups-selective-card__minimal-trigger {
  forced-color-adjust: none;
}
/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-snackbar {
  position: fixed;
  left: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-width: 300px;
  max-width: 320px;
  min-height: 48px;
  padding: 8px 16px;
  border-radius: 12px;
  background-color: var(--zoom-color-fill-elevated-stronger);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
  transition: opacity 0.3s, transform 0.3s, bottom 0.3s;
  transform: translateX(-50%);
  backdrop-filter: blur(25px);
}
.fe-popups-snackbar__main {
  display: flex;
  gap: 12px;
  align-items: center;
}
.fe-popups-snackbar__content {
  flex: 1;
  color: var(--zoom-color-text-stronger-neutral);
  word-break: break-word;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-snackbar__actionable {
  line-height: 1;
}
.fe-popups-snackbar-bottom-center-enter-from,
.fe-popups-snackbar-bottom-center-leave-to {
  opacity: 0;
  transform: translate(-50%, 100%);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-steps {
  display: flex;
}
.fe-popups-steps--vertical {
  flex-flow: column;
  height: 100%;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-step {
  position: relative;
  flex-shrink: 1;
}
.fe-popups-step:last-of-type .fe-popups-step__track {
  display: none;
}
.fe-popups-step__head {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.fe-popups-step__head.is-process .fe-popups-step__faker-icon {
  border-width: 5px;
}
.fe-popups-step__head.is-wait .fe-popups-step__faker-icon {
  border-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-step__head.is-success .fe-popups-step__icon {
  z-index: 1;
  background-color: var(--zoom-color-bg-default);
  color: var(--zoom-color-fill-primary);
  font-size: 20px;
}
.fe-popups-step__head.is-success .fe-popups-step__line {
  background-color: var(--zoom-color-border-primary);
}
.fe-popups-step__head.is-error .fe-popups-step__icon {
  z-index: 1;
  background-color: var(--zoom-color-bg-default);
  color: var(--zoom-color-fill-error);
  font-size: 20px;
}
.fe-popups-step__head.is-error .fe-popups-step__line {
  background-color: var(--zoom-color-fill-error);
}
.fe-popups-step__icon {
  border-radius: 50%;
}
.fe-popups-step__faker-icon {
  z-index: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid var(--zoom-color-fill-primary);
  border-radius: 100%;
  background-color: var(--zoom-color-fill-default);
  transition: 0.3s ease-out;
}
.fe-popups-step__track {
  position: absolute;
  right: -50%;
  left: 50%;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-step__line {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  background-color: var(--zoom-color-border-subtle-neutral);
  transition: 0.3s ease-out;
}
.fe-popups-step__title {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-step__title.is-process {
  color: var(--zoom-color-text-primary);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-step__title.is-error {
  color: var(--zoom-color-text-error);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-step__description {
  margin-top: 4px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-step.is-horizontal {
  display: inline-block;
}
.fe-popups-step.is-horizontal .fe-popups-step__track {
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
}
.fe-popups-step.is-horizontal .fe-popups-step__title {
  margin-top: 4px;
}
.fe-popups-step.is-horizontal .fe-popups-step__main {
  text-align: center;
}
.fe-popups-step.is-vertical {
  display: flex;
}
.fe-popups-step.is-vertical .fe-popups-step__head {
  width: 20px;
}
.fe-popups-step.is-vertical .fe-popups-step__main {
  flex-grow: 1;
}
.fe-popups-step.is-vertical .fe-popups-step__line {
  width: 2px;
}
.fe-popups-step.is-vertical .fe-popups-step__title {
  padding-left: 8px;
}
.fe-popups-step.is-vertical .fe-popups-step__track {
  top: 20px;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
}
.fe-popups-theme--highContrast .fe-popups-step .fe-popups-step__track {
  background-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-step .fe-popups-step__head .fe-popups-step__line {
  transition: none;
}
.fe-popups-theme--highContrast .fe-popups-step .fe-popups-step__head.is-success .fe-popups-step__line {
  background-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-breadcrumb {
  display: inline-block;
  line-height: 1;
}
.fe-popups-breadcrumb .fe-popups-icon {
  font-size: 14px;
}
.fe-popups-breadcrumb__separator {
  margin: 0 4px;
  color: var(--zoom-color-icon-neutral);
}
.fe-popups-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-breadcrumb__item:last-child .fe-popups-breadcrumb__inner {
  color: var(--zoom-color-text-stronger-neutral);
  cursor: default;
}
.fe-popups-breadcrumb__item:last-child .fe-popups-breadcrumb__separator {
  display: none;
}
.fe-popups-breadcrumb__inner {
  border-radius: 2px;
  outline-offset: 2px;
}
.fe-popups-breadcrumb__inner.is-link {
  color: var(--zoom-color-text-primary);
  text-decoration: none;
  cursor: pointer;
  text-underline-position: under;
}
.fe-popups-breadcrumb__inner.is-link:hover:not(.is-disabled, .is-clipped) {
  color: var(--zoom-color-state-primary-hover);
  text-decoration: underline;
}
.fe-popups-breadcrumb__inner.is-link:active:not(.is-disabled, .is-clipped) {
  color: var(--zoom-color-state-primary-press);
  text-decoration: underline;
}
.fe-popups-breadcrumb__inner.is-link.is-clipped {
  position: relative;
}
.fe-popups-breadcrumb__inner.is-link.is-clipped:hover:not(.is-disabled)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: currentcolor;
}
.fe-popups-breadcrumb__inner.is-clipped {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-breadcrumb__inner.is-opened {
  text-decoration: underline;
}
.fe-popups-breadcrumb__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-breadcrumb__dropdown {
  display: inline-block;
  vertical-align: middle;
}
.is-vue3-keyboard-event .fe-popups-breadcrumb__inner:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-breadcrumb .fe-popups-breadcrumb__inner.is-link {
  color: LinkText;
}
.fe-popups-theme--highContrast .fe-popups-breadcrumb .fe-popups-breadcrumb__dropdown .fe-popups-dropdown__trigger {
  color: ButtonText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-anchor {
  position: relative;
  width: 200px;
  padding-left: 6px;
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-anchor__marker {
  position: absolute;
  left: 0;
  z-index: 0;
  z-index: 1;
  width: 2px;
  height: 16px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-primary);
  opacity: 0;
  transition: top 0.3s cubic-bezier(0, 1, 0.5, 1), background-color 0.3s, opacity 0.3s;
}
.fe-popups-anchor__item {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.fe-popups-anchor__link {
  display: block;
  padding: 4px;
  border-radius: 6px;
  color: var(--zoom-color-text-neutral) !important;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-anchor__link:hover:not(.is-active) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  color: var(--zoom-color-state-neutral-hover) !important;
  text-decoration: none;
}
.fe-popups-anchor__link:active:not(.is-active) {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  color: var(--zoom-color-state-neutral-press) !important;
}
.fe-popups-anchor__link.is-active {
  color: var(--zoom-color-text-stronger-neutral) !important;
}
.is-vue3-keyboard-event .fe-popups-anchor .fe-popups-anchor__link:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
  text-decoration: none;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-auto-widen-input {
  display: inline-flex;
  width: 4px;
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  cursor: text;
}
.fe-popups-auto-widen-input .replacer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  white-space: pre;
  opacity: 0;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
.fe-popups-auto-widen-input .help {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: pre;
  opacity: 0;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
.fe-popups-auto-widen-input .center {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: 0 0;
  background-color: transparent;
  color: var(--zoom-color-fill-neutral);
  outline: none;
  font-size: 14px;
  appearance: none;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-table-select {
  position: relative;
}
.fe-popups-table-select .fe-popups-tag:last-of-type {
  margin-right: 4px;
}
.fe-popups-table-select .fe-popups-virtual-table__loading {
  display: flex;
  justify-content: center;
}
.fe-popups-table-select tr.fe-popups-table-select__table-row td {
  height: 45px;
}
.fe-popups-table-select tr.fe-popups-table-select__table-row .is-no-divided {
  border-bottom: none !important;
}
.fe-popups-table-select .empty-text {
  padding: 1px 2px;
  border-radius: 4px;
}
.fe-popups-table-select__placeholder {
  position: absolute;
  color: var(--zoom-color-fill-neutral);
  user-select: none;
}
.fe-popups-table-select__input-container {
  position: relative;
  overflow: auto;
  max-width: 100%;
  padding: 5px 31px 5px 11px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  font-size: 14px;
  line-height: 20px;
  cursor: text;
}
.fe-popups-table-select__input-container:hover:not(.is-real-input-focusing, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-table-select__input-container .fe-popups-scrollbar__view {
  display: flex;
}
.fe-popups-table-select__input-container.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
  user-select: none;
}
.fe-popups-table-select__input-container.is-disabled .fe-popups-tag__label {
  color: var(--zoom-color-state-disable);
}
.fe-popups-table-select__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.fe-popups-table-select__items-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  row-gap: 4px;
  align-items: center;
}
.fe-popups-table-select__loading {
  z-index: -1;
  height: 56px;
  padding: 8px 0;
}
.fe-popups-table-select__empty {
  height: 56px;
  padding: 8px 0;
  border: 8px;
  color: var(--zoom-color-fill-neutral);
  outline: none;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}
.fe-popups-table-select__table-header .label-wrapper {
  color: var(--zoom-color-text-neutral);
  font-weight: bold;
}
.fe-popups-table-select__menu-content {
  height: 340px;
  padding: 12px;
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
}
.is-vue3-keyboard-event .fe-popups-table-select .fe-popups-table-select__input-container.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.fe-popups-theme--highContrast .fe-popups-table-select .fe-popups-table-select__input-container {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-table-select .fe-popups-table-select__input-container.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-table-select .fe-popups-table-select__input-container.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-highlight-text mark {
  background-color: var(--zoom-color-text-highlighted);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-highlight-text a {
  color: var(--zoom-color-fill-primary);
}
.fe-popups-theme--highContrast .fe-popups-highlight-text mark {
  background-color: Highlight;
  color: HighlightText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-captcha .fe-popups-form-item {
  margin-bottom: 0;
}
.fe-popups-captcha .fe-popups-form-item.is-labelled .fe-popups-form-item__row {
  gap: 6px;
}
.fe-popups-captcha .fe-popups-form-item.is-labelled .fe-popups-form-item__label-wrapper {
  align-self: self-start;
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 600;
}
.fe-popups-captcha .fe-popups-form-item .fe-popups-form-item__row {
  display: flex;
}
.fe-popups-captcha .grecaptcha-badge {
  visibility: hidden;
}
.fe-popups-captcha__input {
  display: flex;
}
.fe-popups-captcha__input-section {
  display: flex;
}
.fe-popups-captcha__operate-section {
  display: flex;
  margin-left: 8px;
  border: 1px solid #eaeaf0;
  border-radius: 10px;
}
.fe-popups-captcha__display {
  display: flex;
  align-items: center;
  width: 100px;
}
.fe-popups-captcha__buttons {
  display: flex;
  align-items: center;
  padding: 0 6px;
}
.fe-popups-captcha__buttons .fe-popups-button + .fe-popups-button {
  margin: 0;
}
.fe-popups-captcha__captcha-image {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.fe-popups-captcha__captcha-audio {
  line-height: 1;
}
.fe-popups-captcha__checkbox {
  width: 304px;
  height: 78px;
}
.fe-popups-captcha__checkbox.is-cloudflare {
  width: 300px;
  height: 65px;
}
.fe-popups-captcha__policy {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-captcha__policy a {
  color: var(--zoom-color-text-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-pin-code {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
}
.fe-popups-pin-code__item {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  outline: none;
  font-weight: 700;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
}
.fe-popups-pin-code__item.error {
  border: 1px solid var(--zoom-color-border-error);
}
.fe-popups-pin-code__item:focus {
  border: 1px solid var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-pin-code__item:focus.error {
  border: 1px solid var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-pin-code .fe-popups-pin-code__item {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-pin-code .fe-popups-pin-code__item:focus {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-set-password-rules__section.is-last-child {
  margin-top: 4px;
}
.fe-popups-set-password-rules__title {
  margin-bottom: 4px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-set-password-rules__item {
  display: flex;
  align-items: center;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-set-password-rules__item-text {
  margin-left: 4px;
}
.fe-popups-set-password-rules__item-text.is-succeed {
  color: var(--zoom-color-fill-success);
}
.fe-popups-set-password-rules__item-text.is-failed {
  color: var(--zoom-color-fill-error);
}
.fe-popups-set-password-rules__icon.is-succeed {
  color: var(--zoom-color-fill-success);
}
.fe-popups-set-password-rules__icon.is-failed {
  color: var(--zoom-color-fill-error);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-set-password__title {
  margin-bottom: 4px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-set-password__error-message-wrapper {
  display: flex;
  margin-top: 4px;
}
.fe-popups-set-password__error-icon.fe-popups-icon {
  margin-top: 2px;
  color: var(--zoom-color-text-error);
  font-size: 12px;
}
.fe-popups-set-password__error-message {
  margin-left: 4px;
  color: var(--zoom-color-text-error);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-set-password__list-wrapper {
  margin-top: 8px;
}
.fe-popups-set-password__helper-text {
  margin-top: 4px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-dialog-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
  cursor: pointer;
}
.fe-popups-dialog-select-input .fe-popups-dialog-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-dialog-select-input:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-dialog-select-input:hover:not(.is-disabled) .fe-popups-dialog-select-input__span.is-placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-dialog-select-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 30px;
  padding: 3px 31px 3px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-dialog-select-input__span {
  display: inline-block;
  overflow: hidden;
  min-width: 60px;
  max-width: 100%;
  border: none;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-dialog-select-input__span::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-dialog-select-input__span:focus {
  outline: none;
}
.fe-popups-dialog-select-input__span.is-placeholder {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-dialog-select-input__span.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-dialog-select-input__span.is-displaying-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fe-popups-dialog-select-input__tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: -4px;
  padding: 2px 0;
}
.fe-popups-dialog-select-input__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.fe-popups-dialog-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-dialog-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-dialog-select-input--sm {
  border-radius: 8px;
}
.fe-popups-dialog-select-input--sm .fe-popups-dialog-select-input__wrapper {
  min-height: 22px;
  padding: 1px 25px 1px 7px;
  font-size: 12px;
  line-height: 1;
}
.fe-popups-dialog-select-input--sm .fe-popups-dialog-select-input__span {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-dialog-select-input--sm .fe-popups-dialog-select-input__chevron {
  right: 5px;
}
.fe-popups-dialog-select-input--lg {
  border-radius: 12px;
}
.fe-popups-dialog-select-input--lg .fe-popups-dialog-select-input__wrapper {
  min-height: 38px;
  padding: 3px 35px 3px 15px;
  line-height: 1;
}
.fe-popups-dialog-select-input--lg .fe-popups-dialog-select-input__span {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-dialog-select-input--lg .fe-popups-dialog-select-input__chevron {
  right: 13px;
}
.is-vue3-keyboard-event .fe-popups-dialog-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
  outline: none;
}
.is-vue3-keyboard-event .fe-popups-dialog-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input:hover:not(.is-disabled) .fe-popups-dialog-select-input__span.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input .fe-popups-dialog-select-input__span.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input.is-disabled .fe-popups-dialog-select-input__chevron {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input .fe-popups-dialog-select-input__chevron {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input .fe-popups-dialog-select-input__span {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-dialog-select-input .fe-popups-dialog-select-input__span.is-placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-dialog-select-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-dialog-select {
  position: relative;
  display: inline-block;
}
.fe-popups-dialog-select__header {
  margin: 14px 20px 0;
}
.fe-popups-dialog-select__select-all {
  display: flex;
  align-items: center;
  height: 32px;
}
.fe-popups-dialog-select__content .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-dialog-select__loading {
  position: relative;
  height: 40px;
}
.fe-popups-dialog-select__checkbox-item {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
}
.fe-popups-dialog-select__checkbox-item:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-dialog-select__checkbox-item .fe-popups-checkbox {
  flex: 1;
}
.fe-popups-dialog-select__checkbox-item.is-disabled {
  cursor: not-allowed;
}
.fe-popups-dialog-select__option-append {
  margin-left: 6px;
}
.fe-popups-dialog-select__footer {
  margin: 8px 12px 12px;
  text-align: right;
}
.fe-popups-dialog-select__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  text-align: center;
}
.fe-popups-dialog-select__tree {
  padding: 4px 12px;
}
.fe-popups-dialog-select__list {
  padding: 4px 12px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-transfer-select__layout {
  display: flex;
}
.fe-popups-transfer-select__original-col {
  display: flex;
  flex-direction: column;
  width: 42%;
}
.fe-popups-transfer-select__result-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 16px;
}
.fe-popups-transfer-select__left-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  padding: 12px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
}
.fe-popups-transfer-select__result-title {
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-transfer-select__result-description {
  margin-top: 2px;
  color: var(--zoom-color-text-strong-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-transfer-select__dnd-item {
  padding: 7px 7px;
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-transfer-select__dnd-item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-transfer-select__dnd-item:hover .fe-popups-transfer-select__dnd-item-remove {
  opacity: 1;
}
.fe-popups-transfer-select__dnd-item-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fe-popups-transfer-select__dnd-text {
  flex: 1;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-transfer-select__result-dnd-wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  margin-top: 4px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
}
.fe-popups-transfer-select__dnd-item-remove {
  opacity: 0;
}
.fe-popups-transfer-select__dnd-item-remove:focus {
  opacity: 1;
}
.fe-popups-transfer-select__select-all-wrapper {
  padding: 6px 8px;
  line-height: 1;
}
.fe-popups-transfer-select__dnd-wrap {
  margin: 12px;
}
.fe-popups-transfer-select__selected {
  margin: 0 20px 12px;
}
.fe-popups-transfer-select__dnd-container {
  flex: 1;
  overflow: hidden;
}
.fe-popups-transfer-select__dnd-container .fe-popups-scrollbar__track {
  right: 6px;
}
.is-vue3-keyboard-event .fe-popups-transfer-select .fe-popups-transfer-select__dnd-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__layout {
  padding-bottom: 24px;
  padding-top: 24px;
  position: relative;
}
.fe-popups-feature-settings__layout-batch-select {
  width: 34px;
  padding-top: 4px;
}
.fe-popups-feature-settings__layout-offset-left {
  padding-left: 34px;
}
.fe-popups-feature-settings__layout-row {
  display: flex;
  align-items: flex-start;
}
.fe-popups-feature-settings__layout-base {
  flex: 1;
  padding-right: 24px;
}
.fe-popups-feature-settings__layout-base .feature-name,
.fe-popups-feature-settings__layout-base .feature-desc,
.fe-popups-feature-settings__layout-base .fe-popups-banner,
.fe-popups-feature-settings__layout-base .fe-popups-textarea {
  max-width: 1200px;
}
.fe-popups-feature-settings__layout-toggle {
  width: 60px;
  line-height: 1;
  margin-top: 2px;
}
.fe-popups-feature-settings__layout-lock {
  width: 50px;
}
.fe-popups-feature-settings__layout-result {
  width: 320px;
}
.fe-popups-feature-settings__name {
  font-weight: 600;
  color: var(--zoom-color-text-stronger-neutral);
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
}
.fe-popups-feature-settings__name .fe-popups-badge {
  display: flex;
}
.fe-popups-feature-settings__desc {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
}
.fe-popups-feature-settings__layout-child-row {
  margin-right: 430px;
  display: block;
}
.fe-popups-feature-settings__layout-child-row .fe-popups-feature-settings-layout-base {
  padding-right: 0;
}
.fe-popups-feature-settings__layout-child-row .fe-popups-feature-settings-layout-base > div:first-child {
  margin-top: 16px;
}
.fe-popups-feature-settings__layout-offset-right {
  margin-right: 110px;
}
.fe-popups-feature-settings__layout-child-simple-row {
  margin-right: 60px;
}
.depends-item {
  position: relative;
  padding-left: 12px;
}
.depends-item:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #775111;
}
.depends-item:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 2560px) {
.fe-popups-feature-settings__layout-result {
    width: 600px;
}
.fe-popups-feature-settings__layout-child-row {
    margin-right: 710px;
}
.fe-popups-feature-settings__layout-offset-right {
    margin-right: 110px;
}
}
@media screen and (max-width: 1440px) {
.fe-popups-feature-settings__layout-result {
    width: 260px;
}
.fe-popups-feature-settings__layout-child-row {
    margin-right: 370px;
}
.fe-popups-feature-settings__layout-offset-right {
    margin-right: 110px;
}
}
@media screen and (max-width: 768px) {
.fe-popups-feature-settings__layout-result {
    width: 260px;
}
.fe-popups-feature-settings__layout-child-row {
    margin-right: 0;
    padding-right: 0;
}
.fe-popups-feature-settings__layout-row {
    display: block;
    flex-wrap: wrap;
}
.fe-popups-feature-settings__layout-row .fe-popups-feature-settings__layout-base {
    width: 100%;
    padding-right: 0;
}
.fe-popups-feature-settings__layout-row .fe-popups-feature-settings__layout-toggle {
    display: inline-block;
    margin-top: 16px;
}
.fe-popups-feature-settings__layout-row .fe-popups-feature-settings__layout-toggle + div {
    margin-right: 16px;
}
.fe-popups-feature-settings__layout-row .fe-popups-feature-settings__layout-lock {
    display: inline-block;
    margin-top: 16px;
}
.fe-popups-feature-settings__layout-row .fe-popups-feature-settings__layout-result {
    display: inline-block;
    margin-top: 16px;
}
.fe-popups-feature-settings__layout-toggle.is-empty {
    display: none;
}
.fe-popups-feature-settings__layout-offset-right {
    margin-right: 0;
}
.fe-popups-feature-settings__layout-base .fe-popups-skeleton__item {
    max-width: 100%;
}
.fe-popups-feature-settings--skeleton .fe-popups-feature-settings__layout-result {
    display: inline-block;
    width: 200px;
}
.fe-popups-feature-settings--skeleton .fe-popups-feature-settings__layout-result .fe-popups-skeleton__item {
    width: 200px !important;
}
}
.feature-settings-dialog .fe-popups-dialog__footer {
  display: flex;
  align-items: center;
}
.feature-settings-dialog .fe-popups-dialog__footer .fe-popups-button--secondary {
  margin-left: auto;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__result-text {
  text-align: right;
  margin: 0;
  color: var(--zoom-color-text-neutral);
  line-height: 24px;
}
.fe-popups-feature-settings__reset-btn {
  margin-right: -8px;
  font-size: 14px;
}
.fe-popups-feature-settings__result-reset-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__sub-lock {
  margin-right: -110px;
  display: flex;
  border-radius: 8px;
  margin-left: -4px;
  padding: 4px;
}
.fe-popups-feature-settings__sub-lock.is-hover {
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-feature-settings__sub-lock-main {
  flex: 1;
  line-height: 1;
  align-items: center;
  margin-right: 84px;
}
@media screen and (max-width: 768px) {
.fe-popups-feature-settings__sub-lock {
    margin-right: 0;
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__edit-layout {
  display: flex;
  align-items: flex-start;
}
.fe-popups-feature-settings__edit-layout-content {
  line-height: 20px;
  padding: 0;
}
.fe-popups-feature-settings__error-message {
  color: var(--zoom-color-text-error);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__child-name {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-feature-settings__child-desc {
  display: block;
  color: var(--zoom-color-text-neutral);
  line-height: 20px;
}
.fe-popups-feature-settings__child-section-radio .fe-popups-radio:last-of-type {
  margin-bottom: 0;
}
.fe-popups-feature-settings__child-section-radio + .fe-popups-feature-settings__child-section-checkboxGroup {
  margin-top: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-feature-settings__category {
  margin-bottom: 24px;
}
.fe-popups-feature-settings__category-header {
  margin-bottom: 24px;
}
.fe-popups-feature-settings__category-header + .fe-popups-feature-settings__category-body {
  padding-left: 12px;
  padding-right: 12px;
}
.fe-popups-feature-settings__category-header + .fe-popups-feature-settings__category-body .fe-popups-feature-settings__layout:first-child {
  padding-top: 8px;
}
.fe-popups-feature-settings__category-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  border-radius: 8px;
  line-height: 20px;
  font-size: 14px;
  padding: 8px 12px;
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-feature-settings__category-desc {
  font-weight: normal;
  line-height: 24px;
  color: var(--zoom-color-text-neutral);
  margin-top: 0;
  margin-bottom: 0;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.vjs-backfill-menu {
  padding: 12px;
}
.vjs-backfill-menu .vjs-backfill-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.vjs-backfill-menu .vjs-backfill-menu-item:focus-visible {
  outline: none;
}
.vjs-backfill-menu .vjs-backfill-menu-item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.vjs-backfill-menu .vjs-backfill-menu-item:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.vjs-backfill-menu .vjs-backfill-menu-item.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.vjs-backfill-menu .vjs-backfill-menu-item.is-disabled:hover {
  background-color: transparent;
}
.vjs-backfill-menu .vjs-backfill-menu-item.is-disabled:active {
  background-color: transparent;
}
.vjs-backfill-menu .vjs-backfill-menu-item__content {
  flex: 1;
}
.vjs-backfill-menu .vjs-backfill-menu-item__checkmark {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  visibility: hidden;
}
.vjs-backfill-menu .vjs-backfill-menu-item__checkmark.is-selected {
  visibility: visible;
}
.vjs-backfill-menu .vjs-backfill-menu-item__question {
  margin-left: 8px;
  border-radius: 4px;
  color: var(--zoom-color-text-stronger-neutral);
}
.vjs-backfill-menu .vjs-backfill-menu-item__question:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.vjs-backfill-menu .vjs-backfill-menu__group {
  position: relative;
  padding-bottom: 16px;
}
.vjs-backfill-menu .vjs-backfill-menu__group:last-of-type {
  padding-bottom: 0;
}
.vjs-backfill-menu .vjs-backfill-menu__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 8px;
  left: 4px;
  border-bottom: 1px solid var(--zoom-color-state-subtle-disable);
}
.vjs-backfill-menu .vjs-backfill-menu__group-title {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.is-vue3-keyboard-event .vjs-backfill-menu-item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}
.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}
.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}
.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}
.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}
.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}
.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}
.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}
.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.vjs-button > .vjs-svg-icon {
  display: inline-block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}
.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.vjs-error .vjs-text-track-display {
  display: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}
@supports not (inset: 10px) {
.video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
  display: none;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
    visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
    transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
    border-top-color: #73859f;
}
20% {
    border-top-color: #73859f;
}
35% {
    border-top-color: white;
}
60% {
    border-top-color: #73859f;
}
100% {
    border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}
.vjs-error .vjs-text-track-settings {
  display: none;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
}
}
.vjs-text-track-settings select {
  font-size: inherit;
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.vjs-error .vjs-title-bar {
  display: none;
}
.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}
.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}
.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
}
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-player .video-js .vjs-control-bar {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  z-index: 20;
  display: block;
  width: auto;
  height: 60px;
  padding: 8px;
  border-radius: 8px;
  background: transparent;
  font-size: 12px;
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-left-control .vjs-play-toggle-wrapper .vjs-play-toggle {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-left-control .vjs-time-range-wrapper {
  padding: 8px 12px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-global-dark-transparent);
  backdrop-filter: blur(15px);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider:hover {
  border-color: var(--zoom-color-state-primary-hover);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider:active {
  border-color: var(--zoom-color-state-primary-press);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__mouse-display {
  background-color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__mouse-display .vjs-progress-bar__tooltip {
  border-color: var(--zoom-color-border-subtle-neutral);
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control {
  padding: 4px 8px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-global-dark-transparent);
  backdrop-filter: blur(15px);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-volume-wrapper .vjs-volume {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-volume-wrapper .vjs-volume-text {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-fullscreen-toggle-wrapper .vjs-fullscreen-toggle {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn {
  color: var(--zoom-color-inverse-global-default);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-control-wrapper {
  margin-right: 8px;
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-control-wrapper:last-child {
  margin-right: 0;
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .fe-popups-button--overlay {
  background-color: var(--zoom-color-fill-global-dark-transparent);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .fe-popups-button--overlay:hover {
  background-color: var(--zoom-color-state-global-dark-transparent-hover);
}
.fe-popups-player .video-js .vjs-control-bar.vjs-in-screen .fe-popups-button--overlay:active {
  background-color: var(--zoom-color-state-global-dark-transparent-press);
}
.fe-popups-player .video-js button {
  display: inline-flex;
}
.fe-popups-player .video-js {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #131619;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.fe-popups-player .video-js .vjs-tech {
  border-radius: 8px;
}
.fe-popups-player .video-js .vjs-modal-dialog {
  border-radius: 8px;
}
.fe-popups-player .video-js .vjs-error-display {
  display: none;
}
.fe-popups-player .video-js .vjs-poster img {
  border-radius: 8px;
}
.fe-popups-player .vjs-control-wrapper {
  margin-right: 16px;
}
.fe-popups-player .vjs-control-wrapper:last-child {
  margin-right: 0;
}
.fe-popups-player .vjs-extend-left-control {
  display: flex;
  align-items: center;
  float: left;
  margin-top: 12px;
}
.fe-popups-player .vjs-extend-left-control .vjs-play-toggle-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-left-control .vjs-time-range-wrapper {
  display: inline-block;
  line-height: 16px;
}
.fe-popups-player .vjs-extend-left-control .vjs-time-range-wrapper.vjs-time-range-hour {
  width: 120px;
}
.fe-popups-player .vjs-extend-left-control .vjs-time-range-wrapper .vjs-time-range-sep {
  padding: 0 4px;
}
.fe-popups-player .vjs-extend-left-control .vjs-time-range-wrapper .vjs-time-range-text {
  display: inline-flex;
  width: 80px;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper {
  position: absolute;
  right: 8px;
  left: 8px;
  height: 4px;
  cursor: pointer;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled {
  cursor: not-allowed;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper::after {
  content: "";
  position: absolute;
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar {
  position: relative;
  height: 4px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-global-dark-transparent);
  opacity: 0.6;
  backdrop-filter: blur(2px);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar .vjs-progress-bar__buffer {
  position: absolute;
  display: block;
  height: 100%;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-global-light-transparent);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__play {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-global-primary);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__load {
  position: absolute;
  height: 100%;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider {
  position: absolute;
  top: -6px;
  z-index: 20;
  display: none;
  width: 16px;
  height: 16px;
  border: 3px solid var(--zoom-color-fill-global-primary);
  border-radius: 50%;
  background-color: var(--zoom-color-inverse-global-default);
  outline-offset: 2px;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider:hover {
  border-color: var(--zoom-color-state-primary-hover);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider:active {
  border-color: var(--zoom-color-state-primary-press);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__mouse-display {
  position: absolute;
  top: 0;
  z-index: 1;
  display: none;
  width: 1px;
  height: 4px;
  background-color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__mouse-display .vjs-progress-bar__tooltip {
  position: absolute;
  top: -34px;
  display: block;
  padding: 4px 6px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  line-height: 16px;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper:hover .vjs-progress-bar__mouse-display {
  display: block;
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__play {
  background-color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__slider {
  border-color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__slider:hover {
  border-color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__slider:active {
  border-color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-right-control {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 12px;
}
.fe-popups-player .vjs-extend-right-control .vjs-fullscreen-toggle-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn {
  display: inline-flex;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn.is-tertiary-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn.is-tertiary-disabled:hover {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn.is-tertiary-disabled:active {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn {
  display: inline-flex;
  align-items: center;
  border: 0;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn.is-tertiary-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn.is-tertiary-disabled:hover {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-quality-wrapper .vjs-quality-btn.is-tertiary-disabled:active {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn.is-tertiary-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn.is-tertiary-disabled:hover {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .vjs-pip-btn.is-tertiary-disabled:active {
  background-color: transparent;
}
.fe-popups-player .vjs-extend-right-control .vjs-volume-wrapper {
  display: inline-block;
}
.fe-popups-player .vjs-extend-right-control .vjs-volume-wrapper .vjs-volume-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
.fe-popups-player .vjs-extend-right-control .vjs-volume-wrapper .vjs-volume-text {
  width: 24px;
  margin-bottom: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  line-height: 20px;
  text-align: center;
}
.fe-popups-player .vjs-control-bar.vjs-single-line, .fe-popups-player .fe-popups-player__control-bar.vjs-single-line {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 4px 8px;
}
.fe-popups-player .vjs-control-bar.vjs-single-line .vjs-extend-left-control, .fe-popups-player .fe-popups-player__control-bar.vjs-single-line .vjs-extend-left-control {
  margin-top: 0;
  margin-right: 16px;
}
.fe-popups-player .vjs-control-bar.vjs-single-line .vjs-extend-middle-control, .fe-popups-player .fe-popups-player__control-bar.vjs-single-line .vjs-extend-middle-control {
  flex: 1;
}
.fe-popups-player .vjs-control-bar.vjs-single-line .vjs-extend-middle-control .vjs-progress-bar-wrapper, .fe-popups-player .fe-popups-player__control-bar.vjs-single-line .vjs-extend-middle-control .vjs-progress-bar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
}
.fe-popups-player .vjs-control-bar.vjs-single-line .vjs-extend-right-control, .fe-popups-player .fe-popups-player__control-bar.vjs-single-line .vjs-extend-right-control {
  margin-top: 0;
  margin-left: 16px;
}
.fe-popups-player .vjs-big-play-button-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: var(--zoom-color-inverse-global-default);
  transform: translate3d(-50%, -50%, 0);
}
.fe-popups-player .vjs-big-play-button-wrapper .big-play-button {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--zoom-color-state-contrary-transparent-press);
  animation: wave 0.5s linear;
}
.fe-popups-player .vjs-big-play-button-wrapper .big-play-button .big-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  transform: translate3d(-50%, -50%, 0);
}
.fe-popups-player .vjs-error-page-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 8px;
  background: var(--zoom-color-state-global-strong-dark-transparent-hover);
}
.fe-popups-player .vjs-error-page-wrapper .fe-popups-button {
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-player .vjs-overlay-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: transparent;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translate3d(0, -50%, 0);
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper.step-forward {
  right: calc(25% - 100px);
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper.step-back {
  left: calc(25% - 100px);
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 12px;
  background: var(--zoom-color-state-contrary-transparent-press);
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .step-icon {
  position: absolute;
  top: 30px;
  font-size: 16px;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .forward.icon1 {
  left: 26px;
  animation: marquee1 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .forward.icon2 {
  left: 42px;
  animation: marquee2 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .forward.icon3 {
  left: 58px;
  animation: marquee3 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .back {
  transform: rotateY(180deg);
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .back.icon1 {
  left: 24px;
  animation: marquee3 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .back.icon2 {
  left: 42px;
  animation: marquee2 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-icons .back.icon3 {
  left: 58px;
  animation: marquee1 1.2s infinite;
}
.fe-popups-player .vjs-keyboard-shortcuts-wrapper .step-text {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  color: var(--zoom-color-inverse-global-default);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.fe-popups-player .vjs-audio-background-wrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(#2D4B63, #3D7BAB);
}
.fe-popups-player .vjs-audio-background-wrapper .vjs-audio-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.fe-popups-player .vjs-audio-background-wrapper .vjs-audio-icon .fe-popups-icon {
  color: var(--zoom-color-text-strong-neutral);
  font-size: 60px;
}
.fe-popups-player__control-bar {
  position: relative;
  height: 60px;
  padding: 8px;
  font-size: 12px;
}
@keyframes marquee1 {
0% {
    opacity: 0.2;
}
17% {
    opacity: 1;
}
33% {
    opacity: 0.8;
}
50% {
    opacity: 0.5;
}
67% {
    opacity: 0.5;
}
83% {
    opacity: 0.5;
}
100% {
    opacity: 0.2;
}
}
@keyframes marquee2 {
0% {
    opacity: 0.2;
}
17% {
    opacity: 0.5;
}
33% {
    opacity: 1;
}
50% {
    opacity: 0.8;
}
67% {
    opacity: 0.5;
}
83% {
    opacity: 0.5;
}
100% {
    opacity: 0.2;
}
}
@keyframes marquee3 {
0% {
    opacity: 0.2;
}
17% {
    opacity: 0.5;
}
33% {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
67% {
    opacity: 0.8;
}
83% {
    opacity: 0.5;
}
100% {
    opacity: 0.2;
}
}
@keyframes wave {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: scale(2);
}
}
.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .fe-popups-button:focus {
  outline: 2px solid var(--zoom-color-border-primary) !important;
}
.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .vjs-speed-btn:focus {
  outline: 2px solid var(--zoom-color-border-primary) !important;
}
.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .vjs-progress-bar-wrapper .vjs-progress-bar__slider:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .fe-popups-slider__thumb:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-player .vjs-speed-wrapper .vjs-speed-btn:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-player .vjs-progress-bar-wrapper .vjs-progress-bar__slider:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-player .vjs-error-page-wrapper .fe-popups-button:focus {
  outline: 2px solid var(--zoom-color-border-primary) !important;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-control-bar.vjs-in-screen .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-left-control .vjs-play-toggle-wrapper .is-tertiary-disabled:hover {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-right-control .vjs-speed-wrapper .vjs-speed-btn.is-tertiary-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-right-control .vjs-volume-wrapper .vjs-volume.is-tertiary-disabled:hover {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-right-control .vjs-fullscreen-toggle-wrapper .is-tertiary-disabled:hover {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-right-control .vjs-pip-wrapper .is-tertiary-disabled:hover {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar {
  background-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__play {
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider {
  border-color: Highlight;
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper .vjs-progress-bar__slider:hover {
  border-color: Highlight;
  background-color: Highlight;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar {
  background-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__play {
  background-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__slider {
  border-color: GrayText;
  background-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-player .vjs-extend-middle-control .vjs-progress-bar-wrapper.is-disabled .vjs-progress-bar__slider:hover {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .fe-popups-button:focus {
  outline: 2px solid Highlight !important;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .vjs-speed-btn:focus {
  outline: 2px solid Highlight !important;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-player .vjs-control-bar.vjs-in-screen .vjs-progress-bar-wrapper .vjs-progress-bar__slider:focus {
  outline: 2px solid Highlight !important;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.vjs-caption-wrapper {
  position: absolute;
  bottom: 76px;
  left: 10%;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
.vjs-caption-wrapper .vjs-caption {
  display: flex;
  padding: 8px 12px;
  border-radius: 12px;
  background-color: var(--zoom-color-fill-global-strong-dark-transparent);
}
.vjs-caption-wrapper .vjs-caption .vjs-caption-content-wrapper {
  flex: 1;
}
.vjs-caption-wrapper .vjs-caption .vjs-caption-content-wrapper .vjs-caption-content {
  color: var(--zoom-color-inverse-global-default);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.vjs-caption-wrapper .vjs-caption .vjs-caption-content-wrapper .vjs-caption-transcript {
  margin-top: 4px;
  color: #FFBF39;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-emoji-panel {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 334px;
  height: 390px;
}
.fe-popups-emoji-panel__emoji {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  font-size: 24px;
  font-family: "Twemoji Country Flags", sans-serif;
  line-height: 24px;
}
.fe-popups-emoji-panel__emoji:hover, .fe-popups-emoji-panel__emoji:active {
  border: none !important;
  transform: scale(1.33);
}
.fe-popups-emoji-panel__emoji:hover:focus-visible, .fe-popups-emoji-panel__emoji:active:focus-visible {
  outline: none !important;
}
.fe-popups-emoji-panel__emoji.is-selected {
  border: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-emoji-navigation {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  padding: 8px 7px 0 7px;
  box-shadow: inset 0 -1px 0 0 var(--zoom-color-border-subtle-neutral);
  font-size: 18px;
  white-space: nowrap;
}
.fe-popups-emoji-navigation__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  padding: 6px 8px;
  color: var(--zoom-color-icon-neutral);
  line-height: 20px;
  cursor: pointer;
}
.fe-popups-emoji-navigation__item:last-child {
  margin: 0;
}
.fe-popups-emoji-navigation__item:hover {
  color: var(--zoom-color-state-primary-hover);
}
.fe-popups-emoji-navigation__item:active {
  color: var(--zoom-color-state-primary-press);
}
.fe-popups-emoji-navigation__item:focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -4px;
}
.fe-popups-emoji-navigation__item.is-active {
  color: var(--zoom-color-fill-primary);
}
.fe-popups-emoji-navigation__item.is-show-frequent {
  margin-right: 4px;
}
.fe-popups-emoji-navigation__item.is-show-frequent:last-child {
  margin: 0;
}
.fe-popups-emoji-navigation__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 2px;
  border-radius: 8px 8px 0 0;
  background-color: var(--zoom-color-text-primary);
  transition: all 0.3s ease-in-out;
}
.fe-popups-emoji-search {
  z-index: 2;
  margin-bottom: 4px;
  padding: 8px 11px 0 11px;
}
.fe-popups-emoji-list {
  flex: 1;
  padding: 0 7px;
}
.fe-popups-emoji-list__category:first-child .fe-popups-emoji-list__title {
  margin-top: 0;
}
.fe-popups-emoji-list__category:last-child {
  margin-bottom: 4px;
}
.fe-popups-emoji-list__title {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 4px 0;
  padding: 4px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-strong-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-emoji-list__emojis {
  position: relative;
}
.fe-popups-emoji-list__row {
  position: absolute;
  left: 0;
  display: flex;
  margin: 0 4px 6px 4px;
}
.fe-popups-emoji-list__row:last-child {
  margin-bottom: 0;
}
.fe-popups-emoji-list__emoji-wrapper {
  display: inline-flex;
  margin-right: 8px;
}
.fe-popups-emoji-list__emoji-wrapper:last-child {
  margin: 0;
}
.fe-popups-emoji-list__empty .fe-popups-empty__image {
  width: 100px;
  height: 100px;
}
.fe-popups-emoji-footer {
  height: 48px;
  padding: 8px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-emoji-footer__popover .fe-popups-popover {
  padding: 0;
}
.fe-popups-emoji-footer__set-skin {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--zoom-color-text-strong-neutral);
  font-size: 12px;
}
.fe-popups-emoji-footer__set-skin-title {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-emoji-footer__set-skin-emoji {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 4px;
}
.fe-popups-emoji-footer__skins {
  display: flex;
  padding: 8px;
}
.fe-popups-emoji-footer__skin {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 6px;
}
.fe-popups-emoji-footer__skin:last-child {
  margin: 0;
}
.fe-popups-emoji-footer__color {
  width: 24px;
  height: 24px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
}
.fe-popups-icon-footer__colors {
  display: grid;
  grid-template-columns: repeat(5, 24px);
  gap: 12px;
}
.fe-popups-icon-footer__color-wrapper {
  display: flex;
  border-radius: 6px;
}
.fe-popups-icon-footer__color {
  width: 24px;
  height: 24px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
}
.fe-popups-proxy-panel .fe-popups-tabs__nav-wrap {
  padding: 8px 8px 0 8px;
}
.fe-popups-proxy-panel .fe-popups-tabs__container {
  /* Fix the first-render jank when async pane resolves; match inner panel height */
  min-height: 390px;
  margin-top: 4px;
  padding: 0;
}
.is-vue3-keyboard-event .fe-popups-emoji-footer__skin:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-icon-footer__color-wrapper:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-theme--highContrast .fe-popups-emoji-navigation .fe-popups-emoji-navigation__active-bar {
  background-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background-color: var(--zoom-color-fill-subtle-neutral);
  color: var(--zoom-color-text-strong-neutral);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-select-option {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  cursor: pointer;
}
.fe-popups-share-panel-select-option:hover:not(.is-disabled, .is-title) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-share-panel-select-option.is-title {
  cursor: initial;
}
.fe-popups-share-panel-select-option__avatar {
  margin-right: 8px;
}
.fe-popups-share-panel-select-option__content-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  width: 0;
}
.fe-popups-share-panel-select-option__is-external {
  margin-left: 8px;
}
.fe-popups-share-panel-select-option__content {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-share-panel-select-option__content::after {
  content: "";
  display: block;
}
.fe-popups-share-panel-select-option__content.is-title {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-share-panel-select-option__helper-icon {
  margin-left: 8px;
}
.fe-popups-share-panel-select-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-share-panel-select-option.is-disabled .fe-popups-share-panel-select-option__content {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-share-panel-select-option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-share-panel-select-option .fe-popups-share-panel-select-option__content:focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-option.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-option.is-disabled .fe-popups-share-panel-select-option__content {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-share-panel-select-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-share-panel-select-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-share-panel-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  outline-offset: 2px;
  cursor: pointer;
}
.fe-popups-share-panel-select-input .fe-popups-share-panel-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-share-panel-select-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-share-panel-select-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 11px 5px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-share-panel-select-input__wrapper.is-multiple-selected {
  padding: 1px 11px 5px 11px;
}
.fe-popups-share-panel-select-input__wrapper.is-multiple-selected .fe-popups-share-panel-select-input__inner {
  margin-top: 4px;
}
.fe-popups-share-panel-select-input__inner {
  display: inline-block;
  flex-grow: 1;
  width: 1%;
  min-width: 60px;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-share-panel-select-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-share-panel-select-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-share-panel-select-input__inner:focus {
  outline: none;
}
.fe-popups-share-panel-select-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-share-panel-select-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-share-panel-select-input__inner.is-displaying-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fe-popups-share-panel-select-input__tags {
  display: contents;
  margin-top: -4px;
}
.fe-popups-share-panel-select-input__avatar {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.fe-popups-share-panel-select-input__avatar-content {
  vertical-align: middle;
  outline-offset: -1px;
}
.fe-popups-share-panel-select-input__avatar-content.is-blue {
  color: var(--zoom-color-text-primary);
}
.fe-popups-share-panel-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.is-vue3-keyboard-event .fe-popups-share-panel-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-share-panel-select-input .fe-popups-share-panel-select-input__avatar-content.is-blue:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-input .fe-popups-share-panel-select-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-input .fe-popups-share-panel-select-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-input .fe-popups-share-panel-select-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-share-panel-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-share-panel-select-input.is-focusing {
  outline: 2px solid Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-select {
  position: relative;
}
.fe-popups-share-panel-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-share-panel-select__list {
  margin: 12px;
  padding: 0;
  outline: 0;
}
.fe-popups-share-panel-select__list.is-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.fe-popups-share-panel-select__list.is-no-margin-bottom {
  margin-bottom: 0;
}
.fe-popups-share-panel-select__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-share-panel-select__loading {
  position: relative;
  height: 40px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-permission-ghost-select__static {
  padding: 4px 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-share-panel-permission-ghost-select__option {
  display: flex;
  align-items: center;
}
.fe-popups-share-panel-permission-ghost-select__helper-icon {
  margin-left: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-gray-button {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  outline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-share-panel-gray-button:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-share-panel-gray-button:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-share-panel-gray-button__label {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-share-panel-gray-button__icon.fe-popups-icon {
  margin-left: 4px;
  color: var(--zoom-color-text-strong-neutral);
  font-size: 14px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-basic-access-list__title {
  margin-bottom: 4px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-share-panel-basic-access-list__item {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: -2px;
}
.fe-popups-share-panel-basic-access-list__name {
  display: flex;
  flex: 1;
  min-width: 0;
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-share-panel-basic-access-list__external {
  flex-shrink: 0;
  margin-right: 8px;
}
.fe-popups-share-panel-basic-access-list__name-inner {
  min-width: 0;
  margin-right: 8px;
  border-radius: 4px;
  outline-offset: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-share-panel-basic-access-list__name-inner::after {
  content: "";
  display: block;
}
.fe-popups-share-panel-basic-access-list__name-inner.is-blue {
  color: var(--zoom-color-text-primary);
  cursor: pointer;
}
.fe-popups-share-panel-basic-access-list__permission {
  line-height: 1;
}
.is-vue3-keyboard-event .fe-popups-share-panel-basic-access-list .fe-popups-share-panel-basic-access-list__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-share-panel-basic-access-list .fe-popups-share-panel-basic-access-list__name-inner:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-basic-link-access__divider {
  height: 1px;
  margin: 8px 0;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-share-panel-basic-link-access__title {
  margin-bottom: 4px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-share-panel-basic-link-access__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fe-popups-share-panel-basic-link-access__option {
  display: flex;
  align-items: center;
}
.fe-popups-share-panel-basic-link-access__item-main {
  flex: 1;
  margin-left: 8px;
}
.fe-popups-share-panel-basic-link-access__item-title {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-share-panel-basic-link-access__item-desc {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-recording-share-panel-domain-info {
  display: flex;
  padding-left: 32px;
}
.fe-popups-recording-share-panel-domain-info__content {
  align-self: flex-start;
  margin-right: 8px;
  padding: 4px 0;
  color: var(--zoom-color-text-neutral);
  word-break: break-all;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-recording-share-panel-domain-info__content.is-all {
  white-space: wrap;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1000;
}
.fe-popups-recording-share-panel-domain-info__buttons {
  flex-shrink: 0;
  line-height: 1;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-share-panel-basic-settings__header {
  display: flex;
  align-items: center;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.fe-popups-share-panel-basic-settings__header-content {
  flex: 1;
  margin-left: 8px;
}
.fe-popups-share-panel-basic-settings__body {
  margin-top: 16px;
}
.fe-popups-share-panel-basic-settings__setting-item {
  margin-top: 8px;
  line-height: 1;
}
.fe-popups-share-panel-basic-settings__footer {
  margin-top: 12px;
}
.fe-popups-share-panel-basic-settings__invitees-tip {
  margin-top: 8px;
}
.fe-popups-recording-share-panel-settings__invitees-tip {
  margin-top: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-recording-share-panel-edit-domain__header {
  display: flex;
  align-items: center;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.fe-popups-recording-share-panel-edit-domain__header-content {
  flex: 1;
  margin-left: 8px;
}
.fe-popups-recording-share-panel-edit-domain__body {
  margin-top: 16px;
}
.fe-popups-recording-share-panel-edit-domain__footer {
  margin-top: 12px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-basic-share-panel {
  position: relative;
  box-sizing: border-box;
  width: 448px;
  margin: auto;
  padding: 32px;
  border-radius: 32px;
  background-color: var(--zoom-color-fill-default);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-basic-share-panel__title {
  display: flex;
  align-items: center;
}
.fe-popups-basic-share-panel__banners {
  margin-bottom: 8px;
}
.fe-popups-basic-share-panel__title-left {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
}
.fe-popups-basic-share-panel__title-static {
  flex-shrink: 0;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.fe-popups-basic-share-panel__title-divider {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-basic-share-panel__title-text {
  display: inline-block;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-basic-share-panel__tip-icon {
  flex-shrink: 0;
  margin-left: 4px;
}
.fe-popups-basic-share-panel__title-right {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-left: 8px;
}
.fe-popups-basic-share-panel__content {
  margin-top: 24px;
}
.fe-popups-basic-share-panel__skeleton .fe-popups-skeleton__text {
  margin-top: 16px;
}
.fe-popups-basic-share-panel__skeleton .fe-popups-skeleton__text:last-child {
  float: right;
}
.fe-popups-basic-share-panel__search {
  margin-bottom: 12px;
}
.fe-popups-basic-share-panel__btn-wrapper {
  margin-top: 8px;
  text-align: right;
}
.fe-popups-basic-share-panel__manual-cppy {
  margin-top: 8px;
}
.fe-popups-basic-share-panel__back {
  margin-right: 8px;
}
.fe-popups-basic-share-panel__notified {
  margin-bottom: 12px;
  line-height: 1;
}
.fe-popups-overlay-share-panel {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-contacts-search-option {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  cursor: pointer;
}
.fe-popups-contacts-search-option:hover:not(.is-disabled, .is-title) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-contacts-search-option .fe-popups-avatar .fe-popups-icon {
  color: var(--zoom-color-text-strong-neutral);
}
.fe-popups-contacts-search-option.is-title {
  cursor: initial;
}
.fe-popups-contacts-search-option.is-separated {
  position: relative;
  margin-top: 17px;
}
.fe-popups-contacts-search-option.is-separated::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 8px;
  left: 8px;
  height: 1px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-contacts-search-option__avatar {
  margin-right: 8px;
}
.fe-popups-contacts-search-option__content-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  width: 0;
}
.fe-popups-contacts-search-option__is-external {
  margin-left: 8px;
}
.fe-popups-contacts-search-option__content {
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-contacts-search-option__content::after {
  content: "";
  display: block;
}
.fe-popups-contacts-search-option__content.is-title {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-contacts-search-option__helper-icon {
  margin-left: 8px;
}
.fe-popups-contacts-search-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-contacts-search-option.is-disabled .fe-popups-contacts-search-option__content {
  color: var(--zoom-color-state-disable);
}
.is-vue3-keyboard-event .fe-popups-contacts-search-option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-contacts-search-option .fe-popups-contacts-search-option__content:focus {
  border-radius: 4px;
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-option.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-option.is-disabled .fe-popups-contacts-search-option__content {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-contacts-search-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-contacts-search-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-contacts-search-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  cursor: pointer;
}
.fe-popups-contacts-search-input .fe-popups-contacts-search-input__tags .fe-popups-tag {
  margin: 2px 4px 0 0;
}
.fe-popups-contacts-search-input:hover:not(.is-focusing, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-contacts-search-input:hover:not(.is-focusing, .is-disabled) .fe-popups-contacts-search-input__inner::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-contacts-search-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-contacts-search-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  min-height: 30px;
  padding: 5px 11px 5px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-contacts-search-input__wrapper.is-multiple-selected {
  padding: 1px 11px 3px 11px;
}
.fe-popups-contacts-search-input__wrapper.is-multiple-selected .fe-popups-contacts-search-input__inner {
  margin-top: 4px;
}
.fe-popups-contacts-search-input__inner {
  display: inline-block;
  flex-grow: 1;
  width: 1%;
  min-width: 60px;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-contacts-search-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-contacts-search-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-contacts-search-input__inner:focus {
  outline: none;
}
.fe-popups-contacts-search-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-contacts-search-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-contacts-search-input__inner.is-displaying-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fe-popups-contacts-search-input__tags {
  display: contents;
  margin-top: -4px;
}
.fe-popups-contacts-search-input__avatar {
  vertical-align: middle;
  margin-right: 4px;
}
.fe-popups-contacts-search-input__avatar-content {
  vertical-align: middle;
}
.fe-popups-contacts-search-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.is-vue3-keyboard-event .fe-popups-contacts-search-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input:hover:not(.is-disabled) .fe-popups-contacts-search-input__inner::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input .fe-popups-contacts-search-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input .fe-popups-contacts-search-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input .fe-popups-contacts-search-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-contacts-search-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-contacts-search-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-contacts-search {
  position: relative;
  display: inline-block;
}
.fe-popups-contacts-search__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-contacts-search__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-contacts-search__list.is-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.fe-popups-contacts-search__list.is-no-margin-bottom {
  margin-bottom: 0;
}
.fe-popups-contacts-search__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-contacts-search__loading {
  position: relative;
  height: 40px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-context .fe-popups-calendar-filter-select-input__inner {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-context .fe-popups-calendar-filter-select-input__inner::placeholder {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Chinese Quotes", "Inter var", Inter, ui-sans-serif, Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.fe-popups-calendar-filter-select-input {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--zoom-color-border-input);
  border-radius: 12px;
  cursor: pointer;
}
.fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__clear {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}
.fe-popups-calendar-filter-select-input:hover:not(.is-focusing, .is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-calendar-filter-select-input:hover:not(.is-focusing, .is-disabled) .fe-popups-calendar-filter-select-input__inner::placeholder {
  color: var(--zoom-color-state-neutral-hover);
}
.fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__tags .fe-popups-tag {
  margin: 4px 4px 0 0;
}
.fe-popups-calendar-filter-select-input.is-focusing:not(.is-disabled) {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.fe-popups-calendar-filter-select-input.is-focusing:not(.is-disabled).is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-calendar-filter-select-input.is-disabled {
  border-color: var(--zoom-color-state-subtle-disable);
  cursor: not-allowed;
}
.fe-popups-calendar-filter-select-input.is-errored {
  border-color: var(--zoom-color-border-error);
}
.fe-popups-calendar-filter-select-input__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 31px 5px 11px;
  font-size: 14px;
  line-height: 1;
}
.fe-popups-calendar-filter-select-input__wrapper.is-multiple-selected {
  padding: 1px 31px 5px 11px;
}
.fe-popups-calendar-filter-select-input__wrapper.is-multiple-selected .fe-popups-calendar-filter-select-input__inner {
  margin-top: 4px;
}
.fe-popups-calendar-filter-select-input__wrapper.is-displaying-lead-icon {
  padding-left: 27px;
}
.fe-popups-calendar-filter-select-input__inner {
  display: inline-block;
  flex-grow: 1;
  width: 1%;
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--zoom-color-text-stronger-neutral);
  outline: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-calendar-filter-select-input__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fe-popups-calendar-filter-select-input__inner[type=password]::-ms-reveal {
  display: none;
}
.fe-popups-calendar-filter-select-input__inner[type=password]::-ms-clear {
  display: none;
}
.fe-popups-calendar-filter-select-input__inner::placeholder {
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
}
.fe-popups-calendar-filter-select-input__inner:focus {
  outline: none;
}
.fe-popups-calendar-filter-select-input__inner.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-calendar-filter-select-input__inner.is-disabled::placeholder {
  color: var(--zoom-color-state-disable);
}
.fe-popups-calendar-filter-select-input__tags {
  display: contents;
}
.fe-popups-calendar-filter-select-input__chevron {
  position: absolute;
  top: 50%;
  right: 9px;
}
.is-vue3-keyboard-event .fe-popups-calendar-filter-select-input.is-focusing {
  border-color: var(--zoom-color-border-primary);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-calendar-filter-select-input.is-focusing.is-errored {
  border-color: var(--zoom-color-border-error);
  box-shadow: inset 0 0 0 1px var(--zoom-color-border-error);
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input:hover:not(.is-disabled) .fe-popups-calendar-filter-select-input__inner::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__inner {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__inner.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__inner.is-disabled::placeholder {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input .fe-popups-calendar-filter-select-input__chevron {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input.is-disabled {
  border-color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-input.is-disabled .fe-popups-calendar-filter-select-input__chevron {
  color: GrayText;
}
.fe-popups-theme--highContrast.is-vue3-keyboard-event .fe-popups-calendar-filter-select-input.is-focusing {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-calendar-filter-select-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  outline: none;
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
}
.fe-popups-calendar-filter-select-option:hover:not(.is-disabled) {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-calendar-filter-select-option .is-virtual-focusing {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: 2px;
}
.fe-popups-calendar-filter-select-option .is-clipped {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-calendar-filter-select-option .is-clipped::after {
  content: "";
  display: block;
}
.fe-popups-calendar-filter-select-option.is-created {
  margin: -8px 8px 8px;
}
.fe-popups-calendar-filter-select-option.is-virtual-focusing {
  background-color: var(--zoom-color-virtual-focus-hover);
}
.fe-popups-calendar-filter-select-option.is-virtual-focusing:hover {
  background-color: var(--zoom-color-virtual-focus-hover);
}
.fe-popups-calendar-filter-select-option.is-virtual-focusing::after {
  content: "";
  position: absolute;
  top: 6px;
  left: -8px;
  width: 2px;
  height: calc(100% - 12px);
  border-radius: 2px;
  background-color: var(--zoom-color-border-primary);
}
.fe-popups-calendar-filter-select-option__content {
  flex: 1;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-calendar-filter-select-option__content.is-view-all {
  color: var(--zoom-color-text-primary);
}
.fe-popups-calendar-filter-select-option__desc {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-calendar-filter-select-option__helper-icon {
  margin-left: 8px;
}
.fe-popups-calendar-filter-select-option.is-sibling-selected {
  padding-right: 32px;
}
.fe-popups-calendar-filter-select-option.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-calendar-filter-select-option.is-disabled .fe-popups-calendar-filter-select-option__content {
  color: var(--zoom-color-state-disable);
}
.fe-popups-calendar-filter-select-option.is-disabled .fe-popups-calendar-filter-select-option__desc {
  color: var(--zoom-color-state-disable);
}
.fe-popups-calendar-filter-select-option__checkmark {
  margin-left: 8px;
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 16px;
}
.is-vue3-keyboard-event .fe-popups-calendar-filter-select-option:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-option.is-disabled {
  color: GrayText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select-option.is-disabled .fe-popups-calendar-filter-select-option__content {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-calendar-filter-select-group-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1px;
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-calendar-filter-select-group-option.is-separated {
  margin-top: 17px;
}
.fe-popups-calendar-filter-select-group-option.is-separated::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 8px;
  left: 8px;
  height: 1px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-calendar-filter-select-group-option.is-empty {
  padding: 0 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-calendar-filter-select {
  position: relative;
  display: inline-block;
}
.fe-popups-calendar-filter-select__menu .fe-popups-scrollbar__track {
  right: 2px;
}
.fe-popups-calendar-filter-select__menu.is-no-border {
  border: none;
}
.fe-popups-calendar-filter-select__leading {
  position: absolute;
  top: 50%;
  left: 9px;
  display: flex;
  height: 14px;
  color: var(--zoom-color-text-neutral);
  font-size: 14px;
  transform: translateY(-50%);
}
.fe-popups-calendar-filter-select__leading.is-disabled {
  color: var(--zoom-color-state-disable);
}
.fe-popups-calendar-filter-select__list {
  margin: 11px;
  padding: 0;
  outline: 0;
}
.fe-popups-calendar-filter-select__list.is-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.fe-popups-calendar-filter-select__list.is-no-data {
  height: 0;
  margin: 0;
}
.fe-popups-calendar-filter-select__empty {
  padding: 12px;
  color: var(--zoom-color-text-neutral);
  outline: 0;
  font-size: 14px;
  text-align: center;
}
.fe-popups-calendar-filter-select__empty-inner {
  display: inline-block;
  text-align: center;
}
.fe-popups-calendar-filter-select__loading {
  position: relative;
  height: 40px;
}
.fe-popups-calendar-filter-select__group {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fe-popups-calendar-filter-select__group:not(:last-of-type) {
  padding-bottom: 16px;
}
.fe-popups-calendar-filter-select__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 8px;
  left: 4px;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-calendar-filter-select__group-wrapper {
  margin: 0;
  padding: 0;
}
.fe-popups-calendar-filter-select__group-title {
  padding: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select .fe-popups-calendar-filter-select__leading {
  color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-calendar-filter-select .fe-popups-calendar-filter-select__leading.is-disabled {
  color: GrayText;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-country-select__option {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-citation {
  display: inline-flex;
  min-width: 14px;
  margin: 0 2px;
  padding: 1px 3px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtler-primary);
  color: var(--zoom-color-text-stronger-neutral);
  text-align: center;
  cursor: pointer;
  appearance: none;
  font-weight: 600;
  font-style: normal;
  font-size: 8px;
  line-height: 12px;
}
.fe-popups-ai-citation:hover {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-ai-citation:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-ai-citation__popover .fe-popups-popover {
  width: 340px;
}
.fe-popups-ai-citation__header {
  display: flex;
}
.fe-popups-ai-citation__index {
  flex-shrink: 0;
  align-self: start;
  min-width: 14px;
  margin-top: 2px;
  margin-right: 12px;
  padding: 1px 3px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtler-primary);
  color: var(--zoom-color-text-stronger-neutral);
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-size: 8px;
  line-height: 12px;
}
.fe-popups-ai-citation__header-center {
  display: flex;
  flex: 1;
  gap: 4px;
  align-items: center;
}
.fe-popups-ai-citation__header-center.is-has-copy {
  margin-right: 24px;
}
.fe-popups-ai-citation__logo {
  align-self: start;
  width: 16px;
  height: 16px;
  color: var(--zoom-color-text-neutral);
  font-size: 16px;
}
.fe-popups-ai-citation__title-content {
  word-break: break-word;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fe-popups-ai-citation__content {
  margin-top: 12px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-citation__copy {
  position: absolute;
  top: 14px;
  right: 16px;
}
.fe-popups-ai-citation__footer {
  margin-top: 12px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-markdown-fallback-block {
  font-size: 14px;
  line-height: 18px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-markdown {
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 16px;
  white-space: pre-wrap;
  white-space: break-spaces;
  word-wrap: break-word;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}
.fe-popups-ai-markdown :first-child {
  margin-top: 0 !important;
}
.fe-popups-ai-markdown p {
  font-size: 14px;
  line-height: 18px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown p + p {
  margin-top: 12px;
}
.fe-popups-ai-markdown h1 {
  margin: 32px 0 8px;
  font-weight: bold;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown h2,
.fe-popups-ai-markdown h3,
.fe-popups-ai-markdown h4,
.fe-popups-ai-markdown h5,
.fe-popups-ai-markdown h6 {
  margin: 16px 0 8px;
  font-weight: bold;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown h1 {
  font-size: 36px;
  line-height: 40px;
}
.fe-popups-ai-markdown h2 {
  font-size: 24px;
  line-height: 28px;
}
.fe-popups-ai-markdown h3 {
  font-size: 20px;
  line-height: 24px;
}
.fe-popups-ai-markdown h4 {
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-ai-markdown h5 {
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-markdown h6 {
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-markdown ol,
.fe-popups-ai-markdown ul:not(.fe-popups-floating) {
  margin: 12px 0;
  padding-left: 40px;
  list-style: revert;
}
.fe-popups-ai-markdown ol li > p,
.fe-popups-ai-markdown ul:not(.fe-popups-floating) li > p {
  margin-bottom: 4px;
}
.fe-popups-ai-markdown ol ol {
  list-style: lower-alpha;
}
.fe-popups-ai-markdown ol ol ol {
  list-style: lower-roman;
}
.fe-popups-ai-markdown hr {
  margin: 12px 0;
  border-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-markdown :not(.shiki) > code {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtle-neutral);
  color: var(--zoom-color-text-stronger-neutral);
  font-size: 14px;
  font-family: inherit;
  line-height: 16px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown p > a {
  color: var(--zoom-color-text-primary);
  text-decoration: underline;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.fe-popups-ai-markdown strong {
  font-weight: bold;
}
.fe-popups-ai-markdown em {
  font-style: italic;
}
.fe-popups-ai-markdown s {
  text-decoration: line-through;
}
.fe-popups-ai-markdown mark {
  background-color: var(--zoom-color-text-highlighted);
}
.fe-popups-ai-markdown blockquote {
  margin: 16px 0;
  padding-left: 16px;
  border-left: 2px solid var(--zoom-color-border-neutral);
  color: var(--zoom-color-text-neutral);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown pre:not(.shiki) {
  margin: 16px 0;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--zoom-color-fill-global-neutral);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown pre:not(.shiki) > code {
  background-color: transparent;
  color: var(--zoom-color-fill-default);
}
.fe-popups-ai-markdown table {
  width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.fe-popups-ai-markdown th,
.fe-popups-ai-markdown td {
  padding: 4px 16px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  font-size: 14px;
  line-height: 20px;
}
.fe-popups-ai-markdown th {
  background: var(--zoom-color-fill-subtle-neutral);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-shared-error-notice {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-shared-error-notice .fe-popups-icon {
  font-size: 16px;
}
.fe-popups-ai-shared-error-notice__message {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-shared-accuracy-disclaimer {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fe-popups-ai-shared-accuracy-disclaimer__text {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-animated-logo.is-animating > image {
  transform-origin: center center;
  animation: logo-sparkle 1500ms cubic-bezier(1, 0, 0.5, 1) infinite;
  transform-box: fill-box;
  will-change: transform;
}
.fe-popups-ai-animated-logo.is-animating g {
  transform-origin: 84% 16%;
  animation: logo-sparkle-move 1500ms cubic-bezier(1, 0, 0.5, 1) infinite;
  will-change: transform;
}
.fe-popups-ai-animated-logo.is-animating g image {
  transform-origin: 84% 16%;
  animation: logo-sparkle-rotate 1500ms cubic-bezier(1, 0, 0.5, 1) infinite;
  will-change: transform;
}
@keyframes logo-sparkle {
0% {
    transform: rotate(0deg);
}
66% {
    transform: rotate(360deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes logo-sparkle-move {
0% {
    transform: translate(0, 0) scale(1, 1);
}
33% {
    transform: translate(8px, -8px) scale(0.75, 0.75);
}
66% {
    transform: translate(0, 0) scale(1, 1);
}
100% {
    transform: translate(0, 0) scale(1, 1);
}
}
@keyframes logo-sparkle-rotate {
0% {
    transform: rotate(0deg);
}
66% {
    transform: rotate(-360deg);
}
100% {
    transform: rotate(-360deg);
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-thinking__header {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fe-popups-ai-thinking__title-container {
  flex: 1;
}
.fe-popups-ai-thinking__title {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-thinking__title.is-thinking {
  width: fit-content;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(50% - 22px), var(--zoom-color-fill-blend-strong-transparent), rgba(0, 0, 0, 0) calc(50% + 22px)), linear-gradient(var(--zoom-color-text-neutral), var(--zoom-color-text-neutral));
  background-clip: text;
  background-size: 250% 100%, auto;
  background-repeat: no-repeat;
  color: transparent;
  animation: ai-thinking-shimmer 1s linear infinite;
}
.fe-popups-ai-thinking__reasons {
  margin-left: 32px;
}
.fe-popups-ai-thinking__reasons-content {
  padding-left: 16px;
  border-left: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-thinking__reasons-content .fe-popups-ai-thinking__reasons-item + .fe-popups-ai-thinking__reasons-item {
  margin-top: 8px;
}
.fe-popups-ai-thinking__reasons-item {
  margin-bottom: 0;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
@keyframes ai-thinking-shimmer {
0% {
    background-position: 100% center;
}
100% {
    background-position: 0 center;
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-bubble {
  width: 100%;
}
.fe-popups-ai-bubble + .fe-popups-ai-bubble {
  margin-top: 16px;
}
.fe-popups-ai-bubble:hover .fe-popups-ai-bubble__footer.is-hover-visible {
  opacity: 1;
}
.fe-popups-ai-bubble__header {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
}
.fe-popups-ai-bubble__footer {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.fe-popups-ai-bubble__footer .fe-popups-dropdown {
  display: inline-flex;
  margin-left: 8px;
}
.fe-popups-ai-bubble__footer.is-hover-visible {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.fe-popups-ai-bubble__footer.is-hover-visible:focus-within {
  opacity: 1;
}
.fe-popups-ai-bubble__footer.is-hidden {
  display: none;
}
.fe-popups-ai-bubble--left .fe-popups-ai-bubble__content {
  width: 100%;
}
.fe-popups-ai-bubble--right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 64px;
}
.fe-popups-ai-bubble--right .fe-popups-ai-bubble__header {
  justify-content: flex-end;
}
.fe-popups-ai-bubble--right .fe-popups-ai-bubble__content {
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--zoom-color-fill-subtler-primary);
}
.fe-popups-ai-bubble--right .fe-popups-ai-bubble__raw-text {
  font-size: 14px;
  line-height: 18px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-bubble--right .fe-popups-ai-bubble__footer {
  justify-content: flex-end;
  padding: 0 10px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-hero-prompt {
  position: relative;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 7px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
  outline-offset: 2px;
  text-align: left;
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-hero-prompt:hover:not(.is-animated) {
  border: 1px solid var(--zoom-color-state-subtle-primary-hover);
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-ai-hero-prompt:active:not(.is-animated) {
  border: 1px solid var(--zoom-color-state-subtle-primary-hover);
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-ai-hero-prompt__ghost {
  display: inline-flex;
  padding: 0 4px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-contrary-subtle-transparent);
  color: var(--zoom-color-text-strong-neutral);
}
.fe-popups-ai-hero-prompt__ghost:hover {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-ai-hero-prompt__ghost:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-ai-hero-prompt.is-animated {
  padding: 1px;
  border: none;
}
.fe-popups-ai-hero-prompt.is-animated::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 5px;
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-ai-hero-prompt__temp-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 7px;
  border-radius: 5px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-hero-prompts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-box {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  padding: 7px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-ai-compose-box.is-disabled {
  border-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-compose-box__header {
  padding: 0 4px;
}
.fe-popups-ai-compose-box__header:not(:empty) {
  padding-bottom: 4px;
}
.fe-popups-ai-compose-box__input-container {
  position: relative;
  flex: 1;
}
.fe-popups-ai-compose-box__input-box {
  display: block;
  width: 100%;
  height: 100%;
}
.fe-popups-ai-compose-box__action-container {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.fe-popups-ai-compose-box__left-actions {
  flex-grow: 1;
}
.fe-popups-ai-compose-box__right-actions {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  justify-content: flex-end;
  align-items: center;
}
.fe-popups-ai-compose-box__right-actions-inner {
  flex-shrink: 0;
  line-height: 1;
}
.fe-popups-ai-compose-box__right-actions-divider {
  width: 1px;
  height: 16px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-compose-box__command-popup {
  position: absolute;
  padding: 8px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
  background: var(--zoom-color-bg-default);
  box-shadow: 0 12px 24px 0 var(--zoom-color-underlay-dropShadow), 0 6px 12px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-ai-compose-box__command-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 4px;
  color: var(--zoom-color-text-stronger-neutral);
  white-space: nowrap;
  cursor: pointer;
}
.fe-popups-ai-compose-box__command-item.is-active {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ai-compose-box__command-item.is-disabled {
  color: var(--zoom-color-state-disable);
  cursor: not-allowed;
}
.fe-popups-ai-compose-box__command-item.is-danger {
  color: var(--zoom-color-fill-error);
}
.fe-popups-ai-compose-box__command-item.is-separator {
  margin: 8px;
  padding: 0;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
  cursor: default;
}
.fe-popups-ai-compose-box__command-item--icon {
  flex-shrink: 0;
  font-size: 16px;
}
.fe-popups-ai-compose-box__command-item--label {
  flex: 1;
  font-size: 14px;
  line-height: 16px;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.fe-popups-theme--highContrast .fe-popups-ai-compose-box {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-ai-compose-box:focus-within {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-editor-compose-box {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  padding: 7px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 12px;
  background-color: var(--zoom-color-bg-default);
}
.fe-popups-ai-editor-compose-box.is-disabled {
  border-color: var(--zoom-color-border-subtle-neutral);
  cursor: not-allowed;
}
.fe-popups-ai-editor-compose-box__header {
  padding: 0 4px;
}
.fe-popups-ai-editor-compose-box__header:not(:empty) {
  padding-bottom: 4px;
}
.fe-popups-ai-editor-compose-box__action-container {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.fe-popups-ai-editor-compose-box__left-actions {
  flex-grow: 1;
}
.fe-popups-ai-editor-compose-box__right-actions {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  justify-content: flex-end;
  align-items: center;
}
.fe-popups-ai-editor-compose-box__right-actions-inner {
  flex-shrink: 0;
  line-height: 1;
}
.fe-popups-ai-editor-compose-box__right-actions-divider {
  width: 1px;
  height: 16px;
  background-color: var(--zoom-color-border-subtle-neutral);
}
.fe-popups-theme--highContrast .fe-popups-ai-editor-compose-box {
  border-color: ButtonText;
}
.fe-popups-theme--highContrast .fe-popups-ai-editor-compose-box:focus-within {
  border-color: Highlight;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-apps-menu {
  width: 316px;
}
.fe-popups-ai-apps-menu__popover .fe-popups-popover {
  box-sizing: border-box;
  width: 360px;
  padding: 0;
  outline: none;
}
.fe-popups-ai-apps-menu__skeleton {
  padding: 12px;
}
.fe-popups-ai-apps-menu__wrapper {
  padding: 12px;
}
.fe-popups-ai-apps-menu__section {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-apps-menu__section:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.fe-popups-ai-apps-menu__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fe-popups-ai-apps-menu__back {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}
.fe-popups-ai-apps-menu__back-text {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-apps-menu__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-apps-menu__explore {
  margin: 0 8px;
}
.fe-popups-ai-apps-menu__list {
  padding: 0;
  list-style: none;
}
.fe-popups-ai-apps-menu__item {
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.fe-popups-ai-apps-menu__action {
  display: inline-flex;
  flex: 1;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 6px 8px;
  cursor: pointer;
}
.fe-popups-ai-apps-menu__icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.fe-popups-ai-apps-menu__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.fe-popups-ai-apps-menu__connect {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0 8px;
}
.fe-popups-ai-apps-menu__label {
  overflow: hidden;
  color: var(--zoom-color-text-stronger-neutral);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.is-vue3-keyboard-event .fe-popups-ai-apps-menu__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}
.is-vue3-keyboard-event .fe-popups-ai-apps-menu__back:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-banner-shimmer-text {
  position: relative;
  display: inline-block;
  background-image: linear-gradient(90deg, var(--zoom-color-text-strong-primary) 0%, var(--zoom-color-text-primary) 50%, var(--zoom-color-text-supplementary1) 100%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.fe-popups-ai-banner-shimmer-text__shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(145, 93, 255, 0) 0%, var(--zoom-color-component-ai-bigStar6Start) 25%, var(--zoom-color-text-alternative-primary) 50%, var(--zoom-color-component-ai-bigStar6Start) 75%, rgba(145, 93, 255, 0) 100%);
  background-clip: text;
  background-size: 200% 100%;
  animation: ai-banner-shimmer 16s infinite linear;
}
@keyframes ai-banner-shimmer {
0% {
    background-position: 150% 0;
    opacity: 0;
}
6.25% {
    background-position: 150% 0;
    opacity: 1;
}
31.25% {
    background-position: -150% 0;
    opacity: 1;
}
37.5% {
    background-position: -150% 0;
    opacity: 0;
}
100% {
    background-position: -150% 0;
    opacity: 0;
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-banner {
  position: relative;
  overflow: hidden;
  padding: 1px;
  border-radius: 8px;
  background-image: linear-gradient(50.9deg, #76C7EA 0%, #4E89FF 41.83%, #A864E4 88%);
  opacity: 1;
  transition: opacity 0.3s;
}
.fe-popups-ai-banner::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 7px;
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-ai-banner::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 8px;
  background-image: linear-gradient(90deg, var(--zoom-color-fill-primary) 0.04%, var(--zoom-color-fill-default) 49.96%, var(--zoom-color-fill-supplementary1) 99.88%);
  opacity: 0.8;
  filter: blur(25px);
}
.fe-popups-ai-banner__real {
  position: relative;
  display: flex;
  gap: 8px;
  padding: 15px;
}
.fe-popups-ai-banner__icon {
  font-size: 20px;
  line-height: 1;
  animation: icon-pulse 5s ease-in-out infinite;
}
.fe-popups-ai-banner__main {
  flex: 1;
}
.fe-popups-ai-banner__title {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-ai-banner__label {
  margin-top: 2px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-banner__action {
  margin-top: 8px;
  line-height: 1;
}
.fe-popups-ai-banner__tail {
  align-self: self-start;
  line-height: 1;
}
.fe-popups-ai-banner-fade-enter-from,
.fe-popups-ai-banner-fade-leave-active {
  opacity: 0;
}
@keyframes icon-pulse {
0% {
    transform: scale(1);
}
80% {
    transform: scale(1);
}
90% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-sources-stack-icons {
  display: flex;
}
.fe-popups-ai-sources-stack-icons__item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: -2px;
  border: 0.5px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 4px;
  cursor: pointer;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIuNTcxMyAwQzEzLjI3MDUgMCAxMy45MjgxIDAuMTc4ODkgMTQuNSAwLjQ5NDE0MUMxMy4yNjUgMS4xNzQ5OCAxMi40Mjg3IDIuNDkwMDMgMTIuNDI4NyA0VjEyQzEyLjQyODcgMTMuNTA5OCAxMy4yNjUyIDE0LjgyNCAxNC41IDE1LjUwNDlDMTMuOTI4IDE1LjgyMDMgMTMuMjcwNiAxNiAxMi41NzEzIDE2SDRDMS43OTA4NiAxNiAwIDE0LjIwOTEgMCAxMlY0QzAgMS43OTA4NiAxLjc5MDg2IDAgNCAwSDEyLjU3MTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  mask-position: left top;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.fe-popups-ai-sources-stack-icons__item .fe-popups-icon {
  color: var(--zoom-color-text-neutral);
  font-size: 12px;
}
.fe-popups-ai-sources-stack-icons__item.is-max {
  width: auto;
  padding: 0 2px;
}
.fe-popups-ai-sources-stack-icons__item.is-first {
  margin-left: 0;
}
.fe-popups-ai-sources-stack-icons__item.is-counter {
  mask: none !important;
}
.fe-popups-ai-sources-stack-icons__item-count {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-sources__button {
  position: relative;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  padding: 7px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
  background-color: transparent;
  outline-offset: 2px;
  cursor: pointer;
  appearance: none;
}
.fe-popups-ai-sources__button:focus-visible {
  outline: none;
}
.fe-popups-ai-sources__button:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ai-sources__button:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-ai-sources__button.is-active {
  background-color: var(--zoom-color-fill-contrary-subtler-transparent);
}
.fe-popups-ai-sources__button.is-active:hover {
  background-color: var(--zoom-color-fill-contrary-subtle-transparent);
}
.fe-popups-ai-sources__button.is-active:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-ai-sources__label {
  color: var(--zoom-color-text-strong-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-sources__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-sources__item {
  display: flex;
  gap: 8px;
  padding: 4px;
  border-radius: 10px;
  color: var(--zoom-color-text-stronger-neutral);
  cursor: pointer;
}
.fe-popups-ai-sources__item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-sources__item:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-sources__item-icon {
  align-self: start;
  color: var(--zoom-color-text-neutral);
  font-size: 16px;
}
.fe-popups-ai-sources__item-content {
  flex: 1;
  min-width: 0;
}
.fe-popups-ai-sources__item-title {
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-ai-sources__item-description {
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-vue3-keyboard-event .fe-popups-ai-sources .fe-popups-ai-sources__item:focus {
  outline: 2px solid var(--zoom-color-border-primary);
  outline-offset: -2px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-asset-card {
  border-radius: 10px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-asset-card__title {
  display: flex;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 10px 10px 0 0;
}
.fe-popups-ai-asset-card__title:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ai-asset-card__title:hover .fe-popups-ai-asset-card__action.fe-popups-button.fe-popups-button--sm {
  opacity: 1;
}
.fe-popups-ai-asset-card__title-text {
  flex: 1;
  flex-grow: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-asset-card__icon {
  margin-right: 4px;
  font-size: 14px;
}
.fe-popups-ai-asset-card__action.fe-popups-button.fe-popups-button--sm {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fe-popups-ai-asset-card__action.fe-popups-button.fe-popups-button--sm:focus {
  opacity: 1;
}
.fe-popups-ai-asset-card__list {
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.fe-popups-ai-asset-card__item {
  padding: 8px 10px;
}
.fe-popups-ai-asset-card__item:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ai-asset-card__item:hover .fe-popups-ai-asset-card__action.fe-popups-button.fe-popups-button--sm {
  opacity: 1;
}
.fe-popups-ai-asset-card__item.is-last {
  border-radius: 0 0 10px 10px;
}
.fe-popups-ai-asset-card__item-title {
  display: flex;
  align-items: center;
}
.fe-popups-ai-asset-card__item-title-text {
  flex: 1;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-asset-card__item-content {
  margin-top: 4px;
}
.fe-popups-ai-asset-card__divider.fe-popups-divider {
  width: calc(100% - 16px);
  margin: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-json-stream {
  display: block;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-follow-up-prompt {
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 7px 11px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 16px;
  color: var(--zoom-color-text-strong-neutral);
  outline-offset: 2px;
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-follow-up-prompt:hover {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-ai-follow-up-prompt:active {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-ai-follow-up-prompt__more-icon.fe-popups-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-follow-up-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-proactive-summary-button {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 4px;
  outline-offset: 2px;
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-proactive-summary-button:focus-visible {
  outline: none;
}
.fe-popups-ai-proactive-summary-button:hover {
  background-color: var(--zoom-color-state-subtle-neutral-hover);
}
.fe-popups-ai-proactive-summary-button:active {
  background-color: var(--zoom-color-state-subtle-neutral-press);
}
.fe-popups-ai-proactive-summary-button__icon {
  font-size: 16px;
}
.is-vue3-keyboard-event .fe-popups-ai-proactive-summary-button:focus {
  outline: 2px solid var(--zoom-color-border-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-proactive-skeleton {
  position: relative;
  overflow: hidden;
  height: 20px;
  border-radius: 4px;
  background-color: var(--zoom-color-fill-subtle-neutral);
}
.fe-popups-ai-proactive-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, var(--zoom-color-fill-contrary-subtler-transparent) 35.09%, var(--zoom-color-fill-contrary-subtle-transparent) 50%, var(--zoom-color-fill-contrary-subtler-transparent) 64.84%);
  background-size: 400% 100%;
  animation: skeleton-wave 1.5s linear infinite;
}
@keyframes skeleton-wave {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-proactive-summary {
  position: relative;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--zoom-color-fill-subtler-neutral);
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-proactive-summary__skeletons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fe-popups-ai-proactive-summary__header {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.fe-popups-ai-proactive-summary__header-content {
  flex: 1;
  word-break: break-word;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-proactive-summary__summarizing-header {
  width: fit-content;
  margin-bottom: 8px;
  background-image: linear-gradient(90deg, var(--zoom-color-fill-contrary-subtler-transparent) calc(50% - 30px), rgba(0, 0, 0, 0.3), var(--zoom-color-fill-contrary-subtler-transparent) calc(50% + 30px));
  background-clip: text;
  background-size: 250% 100%;
  background-repeat: no-repeat;
  color: transparent;
  animation: skeleton-wave 1.5s linear infinite;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-proactive-summary__header-icon {
  font-size: 14px;
}
.fe-popups-ai-proactive-summary__close.fe-popups-button.fe-popups-button--tertiary {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 16px;
}
.fe-popups-ai-proactive-summary__error-container {
  line-height: 1;
}
.fe-popups-ai-proactive-summary__error-message {
  margin-bottom: 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-proactive-summary__bar {
  position: relative;
  display: flex;
  justify-content: center;
}
.fe-popups-ai-proactive-summary__bar.is-expandable {
  margin-top: 16px;
}
.fe-popups-ai-proactive-summary__mask {
  position: absolute;
  right: 8px;
  bottom: 24px;
  left: 8px;
  height: 30px;
  background-image: linear-gradient(to top, var(--zoom-color-fill-subtler-neutral) 5%, var(--zoom-color-fill-blend-subtle-transparent) 100%);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-prompt-action {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 7px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 6px;
  background-color: var(--zoom-color-fill-default);
  color: var(--zoom-color-text-primary);
  outline-offset: 2px;
  cursor: pointer;
  appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-prompt-action:hover:not(.is-animated) {
  background-color: var(--zoom-color-state-subtle-primary-hover);
}
.fe-popups-ai-prompt-action:active:not(.is-animated) {
  background-color: var(--zoom-color-state-subtle-primary-press);
}
.fe-popups-ai-prompt-action__companion-icon {
  font-size: 14px;
}
.fe-popups-ai-prompt-action.is-animated {
  padding: 1px;
  border: none;
}
.fe-popups-ai-prompt-action.is-animated::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 5px;
  background-color: var(--zoom-color-fill-default);
}
.fe-popups-ai-prompt-action__temp-content {
  position: relative;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 3px 7px;
  border-radius: 5px;
  color: var(--zoom-color-text-primary);
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-prompt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-prompts-list {
  margin: 0 8px 16px;
}
.fe-popups-ai-compose-modal-prompts-list__title {
  margin-bottom: 4px;
  padding-left: 8px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-refinements-list {
  padding: 8px;
}
.fe-popups-ai-compose-modal-refinements-list .fe-popups-listbox {
  width: 100%;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-generating {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 16px 16px;
}
.fe-popups-ai-compose-modal-generating__text {
  flex: 1;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-freedom-textarea {
  display: flex;
  gap: 8px;
  margin: 16px 16px 16px 8px;
}
.fe-popups-ai-compose-modal-freedom-textarea__submit-button {
  flex-shrink: 0;
  align-self: flex-end;
}
.fe-popups-ai-compose-modal-freedom-textarea__left {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
}
.fe-popups-ai-compose-modal-freedom-textarea__textarea-count {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--zoom-color-text-warning);
}
.fe-popups-ai-compose-modal-freedom-textarea__textarea-count .fe-popups-icon {
  font-size: 16px;
}
.fe-popups-ai-compose-modal-freedom-textarea__textarea-count.is-danger {
  color: var(--zoom-color-text-error);
}
.fe-popups-ai-compose-modal-freedom-textarea__textarea-count-text {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-response-prompt__text-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fe-popups-ai-compose-modal-response-prompt__text {
  flex: 1;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-ai-compose-modal-response-prompt__text::after {
  content: "";
  display: block;
}
.fe-popups-ai-compose-modal-response-prompt__textarea-container {
  padding: 6px 8px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 8px;
}
.fe-popups-ai-compose-modal-response-prompt__buttons {
  margin: 8px;
  text-align: right;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal-response {
  padding: 0 16px 16px;
}
.fe-popups-ai-compose-modal-response__result {
  margin-top: 12px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.fe-popups-ai-compose-modal-response__buttons-group {
  margin-top: 12px;
}
.fe-popups-ai-compose-modal-response__buttons-group .fe-popups-tiered-menu {
  margin-left: 8px;
}
.fe-popups-ai-compose-modal-response__banner.is-gapped {
  margin-top: 12px;
}
.fe-popups-ai-compose-modal-response__refinement-menu {
  width: 200px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-compose-modal__modal .fe-popups-popover {
  max-width: none !important;
  padding: 0;
  border-radius: 12px;
}
.fe-popups-ai-compose-modal__modal .fe-popups-popover .fe-popups-inline-icon-button.fe-popups-popover--closable {
  top: 15px;
  right: 16px;
  width: 24px !important;
  height: 24px !important;
  line-height: 24px;
}
.fe-popups-ai-compose-modal__modal .fe-popups-popover .fe-popups-popover__title {
  padding: 18px 50px 18px 16px;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.fe-popups-ai-compose-modal__freedom-textarea {
  display: flex;
  gap: 8px;
  margin: 10px 16px 10px 8px;
}
.fe-popups-ai-compose-modal__submit-button {
  flex-shrink: 0;
  align-self: flex-end;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-chat-context {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fe-popups-ai-chat-context__header {
  flex-shrink: 0;
}
.fe-popups-ai-chat-context__body {
  flex: 1;
  overflow: hidden;
}
.fe-popups-ai-chat-context__body .fe-popups-scrollbar__view {
  height: inherit;
}
.fe-popups-ai-chat-context__prefix-compose-box {
  flex-shrink: 0;
}
.fe-popups-ai-chat-context__prefix-compose-box-content {
  padding: 0 0 4px;
}
.fe-popups-ai-chat-context__prefix-compose-box-toggle {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--zoom-color-text-neutral);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.2s ease;
}
.fe-popups-ai-chat-context__prefix-compose-box-toggle:hover {
  color: var(--zoom-color-text-stronger-neutral);
}
.fe-popups-ai-chat-context__prefix-compose-box-icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.fe-popups-ai-chat-context__prefix-compose-box-icon.is-expanded {
  transform: rotate(180deg);
}
.fe-popups-ai-chat-context__prefix-compose-box-label {
  font-weight: 500;
}
.fe-popups-ai-chat-context__compose-box {
  position: relative;
  flex-shrink: 0;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-markdown-code-block {
  position: relative;
  overflow: hidden;
  margin: 16px 0;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 10px;
}
.fe-popups-ai-markdown-code-block__header {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding: 0 8px 0 12px;
}
.fe-popups-ai-markdown-code-block__header-left {
  display: flex;
  gap: 4px;
  align-items: center;
}
.fe-popups-ai-markdown-code-block__lang {
  color: var(--zoom-color-text-strong-neutral);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.fe-popups-ai-markdown-code-block__summary {
  overflow: hidden;
  max-width: 200px;
  color: var(--zoom-color-text-neutral);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fe-popups-ai-markdown-code-block__actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  align-items: center;
}
.fe-popups-ai-markdown-code-block__actions .fe-popups-button {
  margin-left: 0 !important;
}
.fe-popups-ai-markdown-code-block__actions-separator {
  width: 1px;
  height: 14px;
  background: var(--zoom-color-border-neutral);
}
.fe-popups-ai-markdown-code-block__code .shiki {
  margin: 0;
  padding: 0 12px 8px;
  background-color: transparent !important;
}
.fe-popups-ai-markdown-code-block__code .shiki code {
  display: block;
  padding: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.fe-popups-ai-markdown-code-block__code .shiki .line {
  font-size: 14px;
  line-height: 20px;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-bg-context-item__tooltip-content {
  max-width: 300px;
}
.fe-popups-bg-context-item__tooltip-header {
  padding: 8px 12px;
  color: var(--zoom-color-text-stronger-neutral);
  font-weight: 600;
  font-size: 14px;
}
.fe-popups-bg-context-item__tooltip-description {
  padding: 8px 12px;
  border-top: 1px solid var(--zoom-color-border-subtle-neutral);
  color: var(--zoom-color-text-strong-neutral);
  font-size: 12px;
}
.fe-popups-bg-context-item__tooltip-image {
  padding: 4px;
  border: 1px solid var(--zoom-color-border-subtle-neutral);
  border-radius: 4px;
}
.fe-popups-bg-context-item__badge {
  display: flex;
}
.fe-popups-bg-context-item__badge .fe-popups-tag__label {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.fe-popups-bg-context-item__tag {
  display: flex;
}
.fe-popups-bg-context-item__tag .fe-popups-tag__label {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.fe-popups-bg-context-item__image-tag-thumbnail {
  object-fit: cover;
  width: 100%;
}
.fe-popups-bg-context-item__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* BEM support Func
 -------------------------- */
/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* Break-points
 -------------------------- */
.fe-popups-ai-async-chat {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--zoom-color-fill-default);
  --ai-async-chat-padding-x: 16px;
}
.fe-popups-ai-async-chat .fe-popups-ai-chat-context__prefix-compose-box {
  padding-right: var(--ai-async-chat-padding-x);
  padding-left: var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat.is-fullscreen {
  position: fixed;
  inset: 0;
  z-index: var(--ai-async-chat-z-index);
  --ai-async-chat-padding-x: 20vw;
}
.fe-popups-ai-async-chat.is-popout {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: var(--ai-async-chat-z-index);
  overflow: hidden;
  width: var(--ai-async-chat-width, 600px);
  height: var(--ai-async-chat-height, 80vh);
  border-radius: 8px;
  box-shadow: 0 24px 48px 0 var(--zoom-color-underlay-dropShadow), 0 12px 24px 0 var(--zoom-color-underlay-dropShadow);
}
.fe-popups-ai-async-chat__resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 8px;
  cursor: col-resize;
  transition: background-color 0.2s ease;
}
.fe-popups-ai-async-chat__resize-handle::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.fe-popups-ai-async-chat__resize-handle.is-visible::before {
  background-color: var(--zoom-color-border-neutral);
}
.fe-popups-ai-async-chat__resize-handle.is-resizing::before {
  background-color: var(--zoom-color-border-primary);
}
.fe-popups-ai-async-chat__resize-handle-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 8px;
  cursor: row-resize;
  transition: background-color 0.2s ease;
}
.fe-popups-ai-async-chat__resize-handle-bottom::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.fe-popups-ai-async-chat__resize-handle-bottom.is-visible::before {
  background-color: var(--zoom-color-border-neutral);
}
.fe-popups-ai-async-chat__resize-handle-bottom.is-resizing::before {
  background-color: var(--zoom-color-border-primary);
}
.fe-popups-ai-async-chat__header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--zoom-color-border-subtle-neutral);
}
.fe-popups-ai-async-chat__header.is-draggable {
  cursor: move;
  user-select: none;
}
.fe-popups-ai-async-chat__header-new-conversation {
  position: absolute;
  left: var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat__header-name {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fe-popups-ai-async-chat__header-name-text {
  font-weight: 600;
  font-size: 14px;
}
.fe-popups-ai-async-chat__header-actions {
  position: absolute;
  right: var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat__body {
  min-height: 100%;
  padding: 12px var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat__bubble:last-child {
  min-height: calc(-124px + var(--ai-async-chat-body-height));
}
.fe-popups-ai-async-chat__history-item-event {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.fe-popups-ai-async-chat__history-item-event .fe-popups-ai-markdown-code-block {
  margin: 0;
}
.fe-popups-ai-async-chat__history-item-event-content {
  max-width: 70%;
  padding: 8px;
  border-radius: 10px;
  background-color: var(--zoom-color-fill-default);
  opacity: 0.85;
}
.fe-popups-ai-async-chat__event-badge {
  position: absolute;
  right: 8px;
  bottom: -8px;
}
.fe-popups-ai-async-chat__history-item-system {
  margin-bottom: 16px;
  padding: 16px 0;
}
.fe-popups-ai-async-chat__banner-wrapper {
  position: relative;
}
.fe-popups-ai-async-chat__error-badge {
  position: absolute;
  right: 0;
  bottom: -6px;
  z-index: 1;
}
.fe-popups-ai-async-chat__empty {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  height: inherit;
  padding: 16px 0;
}
.fe-popups-ai-async-chat__empty-description {
  width: 100%;
  padding: 0 var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat__empty-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  padding: 0 var(--ai-async-chat-padding-x);
  transform: translateY(-48px);
}
.fe-popups-ai-async-chat__empty-content.is-new-banner-visible {
  flex: 1;
}
.fe-popups-ai-async-chat__empty-suggestions {
  max-width: 344px;
}
.fe-popups-ai-async-chat__compose-box {
  padding: 0 var(--ai-async-chat-padding-x);
}
.fe-popups-ai-async-chat__bg-contexts-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.fe-popups-ai-async-chat__bg-contexts-wrapper .fe-popups-button + .fe-popups-ai-async-chat__bg-contexts-wrapper .fe-popups-button {
  margin-left: 0;
}
.fe-popups-ai-async-chat__bg-contexts-wrapper.is-right {
  justify-content: flex-end;
}
.fe-popups-ai-async-chat__expand-button {
  flex-shrink: 0;
  color: var(--zoom-color-text-neutral);
}
.fe-popups-ai-async-chat__expand-button:focus {
  color: var(--zoom-color-text-neutral);
}
.fe-popups-ai-async-chat__remove-all-button {
  flex-shrink: 0;
}
.fe-popups-ai-async-chat__footer {
  padding: 0 var(--ai-async-chat-padding-x);
  color: var(--zoom-color-text-neutral);
  font-size: 12px;
  text-align: center;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
body.is-simplified-portal,
html:has(body.is-simplified-portal) {
  background-color: #fff;
}
.frame-admin-side-menu {
  --frame-side-menu-bg: #fff;
  --frame-side-menu-bg-collapsed: #f7f9fa;
  --frame-side-menu-radius: 8px;
  --frame-side-menu-hover: rgb(110 118 128 / 0.12);
  --frame-side-menu-active: #f2f8ff;
  --frame-side-menu-text: #2a2b2d;
  --frame-side-menu-text-disabled: #adb1b8;
  --frame-side-menu-text-active: #0d6bde;
  --frame-side-menu-muted: #686f79;
  --frame-side-menu-border: #dfe3e8;
  --frame-side-menu-header-height: 64px;
  --frame-side-menu-width-expanded: 280px;
  --frame-side-menu-width-collapsed: 60px;
  --frame-side-menu-width-sub: 260px;
  --frame-side-menu-width-sub-narrow: 220px;
  --frame-side-menu-spacing-xs: 4px;
  --frame-side-menu-spacing-sm: 8px;
  --frame-side-menu-spacing-md: 12px;
  --frame-side-menu-spacing-lg: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--frame-side-menu-border);
}
.frame-admin-side-menu__start {
  padding: 12px 8px 11px 16px;
  border-bottom: 1px solid var(--frame-side-menu-border);
}
.frame-admin-side-menu__end {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 12px;
}
.frame-admin-side-menu__main {
  flex: 1;
  display: flex;
  height: 100%;
}
.frame-admin-side-menu__sub-wrap {
  height: 100%;
  background-color: var(--frame-side-menu-bg);
}
.frame-admin-side-menu__sub-wrap.is-collapsed {
  width: var(--frame-side-menu-width-sub-narrow);
}
.frame-admin-side-menu__sub-wrap + .frame-admin-side-menu__sub-wrap {
  border-left: 1px solid var(--frame-side-menu-border);
}
.frame-admin-side-menu__item-tooltip .fe-popups-tooltip {
  padding: var(--frame-side-menu-spacing-xs) var(--frame-side-menu-spacing-sm);
  border-radius: var(--frame-side-menu-spacing-xs);
  line-height: 18px;
}
.frame-admin-side-menu__sub-wrap-0 {
  padding-bottom: 56px;
  height: calc(100vh - 64px);
  width: var(--frame-side-menu-width-expanded);
  transition: width 0.3s ease-in-out;
}
.frame-admin-side-menu__sub-wrap-0 .fe-popups-scrollbar__track.is-horizontal {
  display: none;
}
.frame-admin-side-menu__sub-wrap-0.is-collapsed {
  width: var(--frame-side-menu-width-collapsed);
  background-color: var(--frame-side-menu-bg-collapsed);
}
.frame-admin-side-menu__sub-wrap-0.is-collapsed .frame-admin-side-menu__sub-view-0 {
  width: 100%;
}
.frame-admin-side-menu__sub-wrap-0.is-initial-collapsed {
  transition: none;
}
.frame-admin-side-menu__sub-wrap-0 .admin-menu__item-label {
  white-space: nowrap;
}
.frame-admin-side-menu__sub-wrap-1 {
  width: var(--frame-side-menu-width-sub);
  box-shadow: 6px 0 12px rgba(0, 0, 0, 0.12);
}
.frame-admin-side-menu__sub-wrap-1.is-collapsed {
  box-shadow: none;
  border-right: none;
  width: calc(var(--frame-side-menu-width-sub-narrow) - 1px);
}
.frame-admin-side-menu__sub-wrap-1.is-collapsed .frame-admin-side-menu__sub-view-1 {
  width: 100%;
  min-width: calc(var(--frame-side-menu-width-sub-narrow) - 2px);
}
.frame-admin-side-menu__sub-view-0 {
  width: calc(var(--frame-side-menu-width-expanded) - 1px);
}
.frame-admin-side-menu__sub-view-1 {
  width: calc(var(--frame-side-menu-width-sub) - 2px);
}
.frame-admin-side-menu__sub-header {
  padding: var(--frame-side-menu-spacing-md) var(--frame-side-menu-spacing-lg) 0;
  display: flex;
  align-items: center;
}
.frame-admin-side-menu__sub-title {
  font-size: 14px;
  line-height: 18px;
  color: var(--frame-side-menu-muted);
  display: flex;
  align-items: center;
}
.frame-admin-side-menu__sub-title.is-separator {
  border-left: 1px solid var(--frame-side-menu-border);
  padding-left: var(--frame-side-menu-spacing-md);
}
.frame-admin-side-menu__item {
  margin-bottom: var(--frame-side-menu-spacing-xs);
  list-style: none;
}
.frame-admin-side-menu__item-list {
  padding: var(--frame-side-menu-spacing-md);
}
.frame-admin-side-menu__item-content {
  display: flex;
  align-items: center;
  gap: var(--frame-side-menu-spacing-sm);
  padding: var(--frame-side-menu-spacing-sm);
  border-radius: var(--frame-side-menu-radius);
  color: var(--frame-side-menu-text);
  outline-offset: 2px;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  line-height: 16px;
  transition: color 0.2s ease;
  min-width: 1px;
}
.frame-admin-side-menu__item-content:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
  color: inherit;
}
.frame-admin-side-menu__item-content:hover, .frame-admin-side-menu__item-content.is-hovered {
  background-color: var(--frame-side-menu-hover);
  color: var(--frame-side-menu-text);
  text-decoration: none;
}
.frame-admin-side-menu__item-content.is-disabled {
  color: var(--frame-side-menu-text-disabled);
  cursor: not-allowed;
}
.frame-admin-side-menu__item-content.is-disabled:hover, .frame-admin-side-menu__item-content.is-disabled:active {
  background-color: transparent;
}
.frame-admin-side-menu__item-content.is-active {
  background-color: var(--frame-side-menu-active);
  color: var(--frame-side-menu-text-active);
}
.frame-admin-side-menu__item-content.is-temp-active {
  background-color: var(--frame-side-menu-hover);
}
.frame-admin-side-menu__item-content.is-separator {
  height: 0;
  margin: var(--frame-side-menu-spacing-sm) var(--frame-side-menu-spacing-sm) 0;
  padding-bottom: var(--frame-side-menu-spacing-sm);
  border-top: 1px solid var(--frame-side-menu-border);
  border-radius: 0;
  cursor: default;
}
.frame-admin-side-menu__item-content.is-separator:hover, .frame-admin-side-menu__item-content.is-separator:active {
  background-color: transparent;
}
.frame-admin-side-menu__item-content.is-title {
  cursor: text;
  user-select: auto;
  margin-top: var(--frame-side-menu-spacing-lg);
  padding-top: var(--frame-side-menu-spacing-lg);
  color: var(--frame-side-menu-muted);
}
.frame-admin-side-menu__item-content.is-title:hover, .frame-admin-side-menu__item-content.is-title:active {
  background-color: transparent;
}
.frame-admin-side-menu__item-icon {
  font-size: 16px;
}
.frame-admin-side-menu__item-label {
  flex: 1;
}
.frame-admin-side-menu__item-badge {
  margin-left: var(--frame-side-menu-spacing-sm);
  font-size: 12px;
}
.frame-admin-side-menu__item-title {
  flex: 1;
  color: var(--frame-side-menu-muted);
  font-size: 12px;
}
.frame-admin-side-menu__submenu-icon, .frame-admin-side-menu__submenu-icon-rtl {
  width: 16px;
  height: 16px;
  margin-right: var(--frame-side-menu-spacing-sm);
}
.is-collapsed .is-title {
  opacity: 0;
}
.frame-side-menu__sub-wrap-1 .frame-admin-side-menu__item-content {
  display: flex;
}
.is-vue3-keyboard-event .frame-admin-side-menu__item-content:focus {
  outline: 2px solid #4b96f1;
  box-shadow: none;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
.frame-admin-side-menu__item-content .admin-menu__item-icon,
.frame-side-menu__item-content .admin-menu__item-icon {
  display: inline-flex;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 16px;
}
.admin-menu__item-label {
  display: block;
  flex: 1;
  min-width: 1px;
  white-space: normal;
}
.admin-menu__item-title {
  display: block;
  flex: 1;
  min-width: 1px;
  margin-left: 8px;
  color: #686f79;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-menu__item-badge {
  margin-left: 8px;
}
.admin-menu__submenu-icon {
  margin-left: auto;
  margin-right: 0;
  font-size: 16px;
  flex-shrink: 0;
  opacity: 0;
}
.frame-admin-side-menu__item-content:hover .admin-menu__submenu-icon,
.frame-side-menu__item-content:hover .admin-menu__submenu-icon,
.is-temp-active .admin-menu__submenu-icon {
  opacity: 1;
}
.is-vue3-keyboard-event .frame-admin-side-menu__item-content:focus .admin-menu__submenu-icon,
.is-vue3-keyboard-event .frame-side-menu__item-content:focus .admin-menu__submenu-icon {
  opacity: 1;
}
.fe-popups-side-menu.frame-side-menu {
  background-color: transparent;
  width: 100% !important;
  padding: 8px;
}/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
.admin-start-header {
  padding: 6px 12px;
  border-bottom: 1px solid #dfe3e8;
  overflow: hidden;
  min-width: 0;
}
.admin-start-header-button {
  white-space: nowrap;
  padding: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
  overflow: hidden;
}
.admin-start-header-button .fe-popups-icon {
  margin-right: 2px;
  margin-left: 2px;
  font-size: 20px;
}
body.ipad.is-simplified-portal #content .mini-layout-body > .row > div.nav-menu {
  padding-left: 0;
  padding-right: 0;
  width: 260px !important;
}
body.ipad.is-simplified-portal #content .mini-layout-body > .row > div.nav-menu .switch-back-ma {
  width: 260px;
}