@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap");/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--fontFamily);
}

html {
  color-scheme: light dark;
  scrollbar-gutter: stable;
}

body {
  background: var(--backgroundSecondary);
  color: var(--textPrimary);
  transition: background-color var(--transitionTime);
  position: relative;
  z-index: 0;
}

html.pwa-standalone body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(env(safe-area-inset-top) * 1.25);
  z-index: 100000;
  pointer-events: none;
  background: linear-gradient(to bottom, var(--statusBarScrim) 0%, color-mix(in srgb, var(--statusBarScrim) 55%, transparent) 42%, transparent 100%);
  transition: background var(--transitionTime);
}

@media print {
  html.pwa-standalone body::after {
    display: none;
  }
}
:root {
  --glassRefraction: ;
  --glassRefractionEdge: ;
  --glassRefractionStrong: ;
  --glassRefractionThumb: ;
  --glassOpacityScale: 1;
  --restingChipBg: transparent;
  --glassBgImageBoost: 0;
}

html.liquid {
  --glassRimBead: inset 2px 2px 0 -2px var(--glassBeadColor);
  --glassRimGlow: inset 0 0 3px 1px color-mix(in srgb, var(--glassBeadColor) 70%, transparent);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html.liquid.liquid-svg:not(.liquid-gpu) {
    --glassRefraction: url(#glass-distortion) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
    --glassRefractionEdge: url(#glass-distortion-edge) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
    --glassRefractionStrong: url(#glass-distortion-strong) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
    --glassRefractionThumb: url(#mini-liquid-lens);
  }
}
@media (hover: none) and (pointer: coarse) and (prefers-reduced-motion: no-preference) {
  html.liquid.liquid-svg:not(.liquid-gpu) {
    --glassRefractionStrong: url(#glass-distortion-strong) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
  }
  html.liquid.liquid-svg.mobile-full-glass:not(.liquid-gpu) {
    --glassRefraction: url(#glass-distortion) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
    --glassRefractionEdge: url(#glass-distortion-edge) brightness(calc(1 + var(--glassRefractLift, 0) * var(--glassOpacityScale, 1)));
    --glassRefractionThumb: url(#mini-liquid-lens);
  }
}
html:not(.flat).has-bg-image {
  --restingChipBg: var(--backgroundPrimaryInverseFaded);
}

html:not(.flat).has-bg-image {
  --glassBgImageBoost: calc(0.12 * var(--bgImageLuminance, 0));
}

@media (hover: none) and (pointer: coarse) {
  html:not(.flat):not(.mobile-full-glass).has-bg-image {
    --glassBgImageBoost: calc(0.16 + 0.18 * var(--bgImageLuminance, 0.7));
  }
}
body::before {
  content: "";
  position: fixed;
  inset: -20vmax;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(32vmax 32vmax at 12% 18%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 60%), radial-gradient(30vmax 30vmax at 88% 12%, color-mix(in srgb, var(--info) 32%, transparent), transparent 62%), radial-gradient(36vmax 36vmax at 78% 86%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 64%), radial-gradient(28vmax 28vmax at 22% 88%, color-mix(in srgb, var(--success) 22%, transparent), transparent 60%);
  background-repeat: no-repeat;
  opacity: var(--auroraOpacity, 0.6);
  filter: saturate(140%);
  animation: aurora-drift 32s ease-in-out infinite alternate;
}

@keyframes aurora-drift {
  0% {
    translate: 0 0;
    scale: 1;
    rotate: 0deg;
  }
  50% {
    translate: 2vmax -3vmax;
    scale: 1.12;
    rotate: 4deg;
  }
  100% {
    translate: -2vmax 2vmax;
    scale: 1.06;
    rotate: -3deg;
  }
}
@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
  }
}
html.flat body::before {
  display: none;
}

html.flat *,
html.flat *::before,
html.flat *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.has-bg-image body::before {
  inset: 0;
  background: var(--appBackgroundImage) center/cover no-repeat;
  opacity: 1;
  filter: none;
  animation: none;
  transition: filter 0.45s ease;
}

html.has-bg-image.bg-image-loading body::before {
  inset: -24px;
  filter: blur(24px);
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  html.has-bg-image body::before {
    transition: none;
  }
}
#glass-gpu-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
#glass-gpu-layer canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

html.flat #glass-gpu-layer,
html:not(.liquid-gpu) #glass-gpu-layer {
  display: none;
}

html.liquid-gpu [data-glass-lens-active] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.has-bg-image:not(.flat) :is(h1, h2, h3, h4) {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

@media (hover: hover) {
  :where(html.has-bg-image:not(.flat) svg) {
    filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
  }
}
html.has-bg-image:not(.flat) .recharts-legend-item-text {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body::before {
    transform: translate3d(var(--auroraPX, 0px), var(--auroraPY, 0px), 0);
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html.has-bg-image body::before {
    inset: -14px;
  }
}
html.tilt-parallax body::before {
  transform: translate3d(var(--auroraPX, 0px), var(--auroraPY, 0px), 0);
  transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

html.tilt-parallax.has-bg-image body::before {
  inset: -14px -14px auto -14px;
  height: calc(100vh + 28px);
  height: calc(100lvh + 28px);
}

@media (hover: none) and (pointer: coarse) {
  html.has-bg-image body::before {
    inset: 0 0 auto 0;
    height: 100vh;
    height: 100lvh;
  }
  :where(html:not(.mobile-full-glass)) body::before {
    animation: none;
  }
  :where(html:not(.mobile-full-glass)) *,
  :where(html:not(.mobile-full-glass)) *::before,
  :where(html:not(.mobile-full-glass)) *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :where(html:not(.mobile-full-glass)) {
    --glassShadowDepth: 0 0 transparent;
    --glassShadowCast: 0 0 transparent;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  html:not(.flat) {
    --glassBg: var(--backgroundPrimary);
    --glassBgStrong: var(--backgroundPrimary);
    --glassBgModal: var(--backgroundPrimary);
    --glassFieldBg: var(--backgroundInput);
    --glassBgImageBoost: 0;
  }
  html:not(.flat) body::before,
  html:not(.flat) #glass-gpu-layer {
    display: none;
  }
  html:not(.flat) *,
  html:not(.flat) *::before,
  html:not(.flat) *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
a,
a:hover,
a:active,
a:visited {
  color: var(--accent);
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-button:single-button,
::-webkit-scrollbar-button:double-button,
::-webkit-scrollbar-button:start,
::-webkit-scrollbar-button:end {
  display: none;
  width: 0;
  height: 0;
}

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

::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
  background-color: var(--borderColorGeneral);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 10%, transparent);
  transition: background-color var(--transitionTimeFast), box-shadow var(--transitionTimeFast);
}

::-webkit-scrollbar-thumb:hover {
  background-color: color-mix(in srgb, var(--backgroundPrimaryInverse) 28%, transparent);
}

::-webkit-scrollbar-thumb:active {
  background-color: color-mix(in srgb, var(--backgroundPrimaryInverse) 42%, transparent);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--borderColorGeneral) transparent;
}

html:hover {
  scrollbar-color: color-mix(in srgb, var(--backgroundPrimaryInverse) 28%, transparent) transparent;
}

input {
  color: var(--textPrimary) !important;
}

.p-colorpicker .p-colorpicker-preview {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0.625rem;
  border: 1px solid var(--borderColorGeneral);
  box-shadow: 0 1px 2px var(--shadowColor);
  cursor: pointer;
  transition: transform var(--transitionTimeFast) ease, border-color var(--transitionTimeFast) ease, box-shadow var(--transitionTimeFast) ease;
}
.p-colorpicker .p-colorpicker-preview:enabled:hover {
  transform: scale(1.08);
  border-color: var(--accent);
}
.p-colorpicker .p-colorpicker-preview:enabled:focus, .p-colorpicker .p-colorpicker-preview:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--backgroundPrimary), 0 0 0 4px var(--accent);
}

.p-colorpicker-panel {
  width: 203px;
  height: 174px;
  background: var(--backgroundPrimary);
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.875rem;
  box-shadow: 0 4px 32px var(--shadowColor);
  z-index: 9100 !important;
  touch-action: none;
  overscroll-behavior: contain;
}
.p-colorpicker-panel .p-colorpicker-color-selector,
.p-colorpicker-panel .p-colorpicker-color,
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  touch-action: none;
}
.p-colorpicker-panel .p-colorpicker-color-selector {
  top: 12px;
  left: 12px;
  border-radius: 0.625rem;
}
.p-colorpicker-panel .p-colorpicker-color {
  border-radius: 0.625rem;
  opacity: 1;
}
.p-colorpicker-panel .p-colorpicker-hue {
  top: 12px;
  left: 174px;
  opacity: 1;
}
.p-colorpicker-panel .p-colorpicker-hue::before {
  content: "";
  position: absolute;
  inset: -7px 0;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red) center/100% 150px no-repeat, red;
}
.p-colorpicker-panel .p-colorpicker-color-handle {
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border-width: 2px;
  border-color: var(--backgroundPrimary);
  box-shadow: 0 1px 3px var(--shadowColor);
  opacity: 1;
}
.p-colorpicker-panel .p-colorpicker-hue-handle {
  width: 14px;
  height: 14px;
  margin: -7px 0 0 1.5px;
  border-width: 2px;
  border-radius: 999px;
  border-color: var(--backgroundPrimary);
  box-shadow: 0 1px 3px var(--shadowColor);
  opacity: 1;
}.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.textBold {
  font-weight: 700;
}

.textError {
  color: var(--error);
}

.textSecondary {
  color: var(--textSecondary);
}

.textSuccess {
  color: var(--success);
}

.textWarning {
  color: var(--warning);
}

.justifyContentStart {
  justify-content: start;
}

.justifyContentCenter {
  justify-content: center;
}

.justifyContentEnd {
  justify-content: end;
}

.mb-md {
  margin-bottom: 1rem;
}

.ml-md {
  margin-left: 1rem;
}

.mr-md {
  margin-right: 1rem;
}

.mt-md {
  margin-top: 1rem;
}

.mx-md {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-md {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pb-md {
  padding-bottom: 1rem;
}

.pl-md {
  padding-left: 1rem;
}

.pr-md {
  padding-right: 1rem;
}

.pt-md {
  padding-top: 1rem;
}

.px-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-md {
  padding-top: 1rem;
  padding-bottom: 1rem;
}@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.35s;
    animation-timing-function: cubic-bezier(0.47, 0.04, 0.29, 0.97);
  }
  ::view-transition-old(root) {
    animation-name: tp-page-out;
  }
  ::view-transition-new(root) {
    animation-name: tp-page-in;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    mix-blend-mode: plus-lighter;
  }
}
@keyframes tp-page-out {
  to {
    opacity: 0;
  }
}
@keyframes tp-page-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_x7kgj_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_x7kgj_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_x7kgj_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_x7kgj_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._button_x7kgj_61 {
  align-items: center;
  border-radius: var(--glassRadius);
  flex-shrink: 0;
  text-align: center;
  gap: 0.4rem;
  font-size: 1rem;
  border: none;
  display: inline-flex;
  justify-content: center;
  position: relative;
  background: none;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background var(--transitionTimeFast), box-shadow var(--transitionTime), color var(--transitionTimeFast), transform var(--transitionSpring);
}
._button_x7kgj_61 svg {
  height: 1rem;
  max-width: 100%;
}
._button_x7kgj_61:not(._disabled_x7kgj_82):active {
  transform: scale(0.94);
  transition-duration: 0.08s;
}
._button_x7kgj_61:focus:not(:focus-visible) {
  outline: none;
}
@media (hover: none) and (pointer: coarse) {
  ._button_x7kgj_61:focus {
    outline: none;
  }
}
._button_x7kgj_61._disabled_x7kgj_82 {
  cursor: default;
  opacity: 0.45;
}
._button_x7kgj_61 ._content_x7kgj_98 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._button_x7kgj_61._small_x7kgj_103 {
  padding: 0.5rem 1rem;
}
._button_x7kgj_61._small-square_x7kgj_106 {
  height: 2rem;
  padding: 0.5rem;
  width: 2rem;
}
._button_x7kgj_61._medium_x7kgj_111 {
  padding: 0.75rem 1.5rem;
}
._button_x7kgj_61._large_x7kgj_114 {
  padding: 1rem 2rem;
}
._button_x7kgj_61._fullWidth_x7kgj_117 {
  width: 100%;
}
._button_x7kgj_61._filled_x7kgj_120, ._button_x7kgj_61._faded_x7kgj_120, ._button_x7kgj_61._outlined_x7kgj_120 {
  position: relative;
  isolation: isolate;
}
._button_x7kgj_61._filled_x7kgj_120::before, ._button_x7kgj_61._faded_x7kgj_120::before, ._button_x7kgj_61._outlined_x7kgj_120::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._button_x7kgj_61._filled_x7kgj_120:hover::before, html:not(.flat) ._button_x7kgj_61._faded_x7kgj_120:hover::before, html:not(.flat) ._button_x7kgj_61._outlined_x7kgj_120:hover::before {
  opacity: 1;
}
._button_x7kgj_61._filled_x7kgj_120._accent_x7kgj_138 {
  background-color: color-mix(in srgb, var(--accent) 85%, transparent);
  backdrop-filter: blur(6px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(6px) saturate(140%) var(--glassRefractionEdge);
  background-image: linear-gradient(160deg, color-mix(in srgb, var(--accentContrast) 22%, transparent), transparent 55%);
  color: var(--accentContrast);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accentContrast) 35%, transparent), 0 6px 22px -10px var(--accent);
}
._button_x7kgj_61._filled_x7kgj_120._accent_x7kgj_138._glowOnHover_x7kgj_146:not(._disabled_x7kgj_82):hover {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accentContrast) 35%, transparent), 0 0.4rem 3rem -0.4rem var(--accent);
}
._button_x7kgj_61._filled_x7kgj_120._accent_x7kgj_138 svg * {
  fill: var(--accentContrast);
}
._button_x7kgj_61._filled_x7kgj_120._accent-inverse_x7kgj_152 {
  background-color: var(--accentContrast);
  color: var(--accent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accentContrast) 40%, transparent);
}
._button_x7kgj_61._filled_x7kgj_120._accent-inverse_x7kgj_152._glowOnHover_x7kgj_146:not(._disabled_x7kgj_82):hover {
  box-shadow: 0 0.3rem 3rem -0.5rem var(--accentContrast);
}
._button_x7kgj_61._filled_x7kgj_120._accent-inverse_x7kgj_152 svg * {
  fill: var(--accent);
}
._button_x7kgj_61._filled_x7kgj_120._primary_x7kgj_163 {
  background-color: var(--backgroundPrimaryInverse);
  color: var(--textPrimaryInverse);
}
._button_x7kgj_61._filled_x7kgj_120._primary_x7kgj_163 svg * {
  fill: var(--textPrimaryInverse);
}
._button_x7kgj_61._filled_x7kgj_120._primary-inverse_x7kgj_170 {
  background-color: var(--backgroundPrimary);
  color: var(--textPrimary);
}
._button_x7kgj_61._filled_x7kgj_120._primary-inverse_x7kgj_170 svg * {
  fill: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._button_x7kgj_61._faded_x7kgj_120 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._button_x7kgj_61._faded_x7kgj_120 {
  backdrop-filter: blur(8px) saturate(150%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(150%) var(--glassRefractionEdge);
}
._button_x7kgj_61._faded_x7kgj_120._accent_x7kgj_138 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
}
._button_x7kgj_61._faded_x7kgj_120._accent_x7kgj_138 svg * {
  fill: var(--accent);
}
._button_x7kgj_61._faded_x7kgj_120._accent-inverse_x7kgj_152 {
  background-color: color-mix(in srgb, var(--accentContrast) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
}
._button_x7kgj_61._faded_x7kgj_120._accent-inverse_x7kgj_152 svg * {
  fill: var(--accent);
}
._button_x7kgj_61._faded_x7kgj_120._primary_x7kgj_163 {
  background-color: var(--backgroundPrimaryInverseFaded);
  color: var(--textPrimary);
}
._button_x7kgj_61._faded_x7kgj_120._primary_x7kgj_163 svg * {
  fill: var(--textPrimary);
}
._button_x7kgj_61._faded_x7kgj_120._primary-inverse_x7kgj_170 {
  background-color: var(--backgroundPrimaryFaded);
  color: var(--textPrimaryInverse);
}
._button_x7kgj_61._faded_x7kgj_120._primary-inverse_x7kgj_170 svg * {
  fill: var(--textPrimaryInverse);
}
html.has-bg-image:not(.flat) ._button_x7kgj_61._outlined_x7kgj_120 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._button_x7kgj_61._outlined_x7kgj_120 {
  backdrop-filter: var(--glassRefractionEdge);
  -webkit-backdrop-filter: var(--glassRefractionEdge);
}
._button_x7kgj_61._outlined_x7kgj_120._accent_x7kgj_138 {
  border: 2px solid var(--accent);
  color: var(--accent);
}
._button_x7kgj_61._outlined_x7kgj_120._accent_x7kgj_138 svg * {
  fill: var(--accent);
}
._button_x7kgj_61._outlined_x7kgj_120._accent-inverse_x7kgj_152 {
  border: 2px solid var(--accentContrast);
  color: var(--accentContrast);
}
._button_x7kgj_61._outlined_x7kgj_120._accent-inverse_x7kgj_152 svg * {
  fill: var(--accentContrast);
}
._button_x7kgj_61._outlined_x7kgj_120._primary_x7kgj_163 {
  border: 2px solid var(--textPrimary);
  color: var(--textPrimary);
}
._button_x7kgj_61._outlined_x7kgj_120._primary_x7kgj_163 svg * {
  fill: var(--textPrimary);
}
._button_x7kgj_61._outlined_x7kgj_120._primary-inverse_x7kgj_170 {
  border: 2px solid var(--textPrimaryInverse);
  color: var(--textPrimaryInverse);
}
._button_x7kgj_61._outlined_x7kgj_120._primary-inverse_x7kgj_170 svg * {
  fill: var(--textPrimaryInverse);
}
html.has-bg-image:not(.flat) ._button_x7kgj_61._transparent_x7kgj_247 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._button_x7kgj_61._transparent_x7kgj_247 {
  background: none;
}
._button_x7kgj_61._transparent_x7kgj_247._restingBackground_x7kgj_253 {
  background-color: var(--restingChipBg, transparent);
}
._button_x7kgj_61._transparent_x7kgj_247._accent_x7kgj_138 {
  color: var(--accent);
}
._button_x7kgj_61._transparent_x7kgj_247._accent_x7kgj_138 svg * {
  fill: var(--accent);
}
._button_x7kgj_61._transparent_x7kgj_247._accent_x7kgj_138:hover {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._button_x7kgj_61._transparent_x7kgj_247._accent-inverse_x7kgj_152 {
  color: var(--accentContrast);
}
._button_x7kgj_61._transparent_x7kgj_247._accent-inverse_x7kgj_152 svg * {
  fill: var(--accentContrast);
}
._button_x7kgj_61._transparent_x7kgj_247._accent-inverse_x7kgj_152:hover {
  background-color: color-mix(in srgb, var(--accentContrast) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._button_x7kgj_61._transparent_x7kgj_247._primary_x7kgj_163 {
  color: var(--textPrimary);
}
._button_x7kgj_61._transparent_x7kgj_247._primary_x7kgj_163 svg * {
  fill: var(--textPrimary);
}
._button_x7kgj_61._transparent_x7kgj_247._primary_x7kgj_163:hover {
  background-color: var(--backgroundPrimaryInverseFaded);
}
._button_x7kgj_61._transparent_x7kgj_247._primary-inverse_x7kgj_170 {
  color: var(--textPrimaryInverse);
}
._button_x7kgj_61._transparent_x7kgj_247._primary-inverse_x7kgj_170 svg * {
  fill: var(--textPrimaryInverse);
}
._button_x7kgj_61._transparent_x7kgj_247._primary-inverse_x7kgj_170:hover {
  background-color: var(--backgroundPrimaryFaded);
}
._button_x7kgj_61 ._loadingOverlay_x7kgj_292 {
  align-items: center;
  background: var(--backgroundPrimaryFaded);
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  transition: opacity var(--transitionTimeFast), visibility var(--transitionTimeFast);
  visibility: hidden;
}
._button_x7kgj_61._loading_x7kgj_292 > *:not(._loadingOverlay_x7kgj_292) {
  opacity: 0;
}
._button_x7kgj_61._loading_x7kgj_292 ._loadingOverlay_x7kgj_292 {
  opacity: 1;
  visibility: visible;
}
._button_x7kgj_61._inflateOnHover_x7kgj_310:not(._disabled_x7kgj_82):hover:not(:active) {
  transform: scale(1.05);
}._spinnerContainer_1q18d_1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._spinner_1q18d_1 {
  border: 4px solid var(--shadowColor);
  border-left: 4px solid var(--accent);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: _spin_1q18d_1 1s linear infinite;
}

@keyframes _spin_1q18d_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:inherit;position:absolute;z-index:-1}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}div.react-tooltip {
  border-radius: 1rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.6rem;
  z-index: 9100;
  max-width: 30vw;
  white-space: pre-line;
  word-wrap: break-word;
  text-align: left;
}
div.react-tooltip .react-tooltip-arrow {
  display: none;
}

@media (hover: none) {
  div.react-tooltip:not(.help-tooltip) {
    display: none !important;
  }
}
div.react-tooltip.help-tooltip {
  max-width: min(20rem, 80vw);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1kggq_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1kggq_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1kggq_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1kggq_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_1kggq_53 {
  border-radius: var(--glassRadius);
  position: relative;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._card_1kggq_53._padding-xs_1kggq_58 {
  padding: 0.5rem;
}
._card_1kggq_53._padding-sm_1kggq_61 {
  padding: 0.8rem;
}
._card_1kggq_53._padding-md_1kggq_64 {
  padding: 1rem;
}
._card_1kggq_53._background-accent_1kggq_67 {
  border-color: var(--accent);
}
._card_1kggq_53._background-accent-faded_1kggq_70 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._card_1kggq_53._background-error_1kggq_73 {
  background-color: var(--error);
}
._card_1kggq_53._background-overlay_1kggq_76 {
  background-color: var(--backgroundPrimaryInverseFaded);
}
._card_1kggq_53._background-primary_1kggq_79, ._card_1kggq_53._background-white_1kggq_79 {
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
._card_1kggq_53._background-success_1kggq_86 {
  background-color: var(--success);
}
._card_1kggq_53._background-warning_1kggq_89 {
  background-color: var(--warning);
}
._card_1kggq_53._boxShadow_1kggq_92 {
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
._card_1kggq_53._outline_1kggq_95 {
  border-style: solid;
  border-width: 1px;
}
._card_1kggq_53._outline-accent_1kggq_99 {
  border-color: var(--accent);
}
._card_1kggq_53._outline-error_1kggq_102 {
  border-color: var(--error);
}
._card_1kggq_53._outline-primary_1kggq_105 {
  border-color: var(--borderColorGeneral);
}
._card_1kggq_53._outline-success_1kggq_108 {
  border-color: var(--success);
}
._card_1kggq_53._outline-warning_1kggq_111 {
  border-color: var(--warning);
}._container_vtttd_1 {
  --containerPadding: 2rem;
  box-sizing: border-box;
  padding: 0 var(--containerPadding);
  width: 100%;
}
@media only screen and (min-width: 576px) {
  ._container_vtttd_1 {
    --containerPadding: calc((100vw - 510px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  ._container_vtttd_1 {
    --containerPadding: calc((100vw - 700px) / 2);
  }
}
@media only screen and (min-width: 992px) {
  ._container_vtttd_1 {
    --containerPadding: calc((100vw - 928px) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  ._container_vtttd_1 {
    --containerPadding: calc((100vw - 1130px) / 2);
  }
}
@media only screen and (min-width: 1400px) {
  ._container_vtttd_1 {
    --containerPadding: calc((100vw - 1330px) / 2);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1scm9_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1scm9_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1scm9_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1scm9_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._navbar_1scm9_44 {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  height: 4.5rem;
  padding: 0.75rem 0.75rem 0.75rem 1.25rem;
  position: relative;
  transition: background var(--transitionTime), height var(--transitionTime), padding var(--transitionTime);
}
._navbar_1scm9_44 ._appLogo_1scm9_54 {
  align-self: center;
  cursor: pointer;
  height: 2rem;
  max-height: 100%;
  max-width: 100%;
  max-width: min(12rem, 100%);
  transition: height var(--transitionTime), transform var(--transitionTime);
}
._navbar_1scm9_44 ._appLogo_1scm9_54:hover {
  transform: scale(1.05);
}
._navbar_1scm9_44._navbarScrolled_1scm9_66 {
  background: var(--backgroundPrimaryFaded) !important;
  backdrop-filter: blur(1.25rem);
  -webkit-backdrop-filter: blur(1.25rem);
  height: 3.75rem;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
._navbar_1scm9_44._navbarScrolled_1scm9_66 ._appLogo_1scm9_54 {
  height: 1.75rem;
}
@media only screen and (max-width: 767px) {
  ._navbar_1scm9_44 ._navbarMenu_1scm9_77 {
    background: var(--glassBgStrong) !important;
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
    border: 1px solid var(--glassBorder);
  }
}
@media only screen and (max-width: 767px) and (hover: none) and (pointer: coarse) {
  ._navbar_1scm9_44 ._navbarMenu_1scm9_77 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) !important;
  }
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77 {
  border-radius: var(--glassRadius);
  box-shadow: 0px 4px 32px 0px var(--shadowColor);
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
  max-width: 100%;
  opacity: 0;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  transition: var(--transitionTime);
  transform: scaleY(0);
  transform-origin: top;
  visibility: hidden;
  width: 12rem;
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77._navbarMenuOpen_1scm9_108 {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._navbarLinks_1scm9_113 {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._navbarLinks_1scm9_113 ._navbarLink_1scm9_113 {
  color: var(--textPrimary);
  font-weight: 500;
  padding: 0.75rem;
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._navbarLinks_1scm9_113 ._navbarLink_1scm9_113:hover {
  color: var(--accent);
}
._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._ctaGroup_1scm9_126 {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  ._navbar_1scm9_44 {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
  }
  ._navbar_1scm9_44 ._menuButton_1scm9_137 {
    display: none;
  }
  ._navbar_1scm9_44 ._navbarMenu_1scm9_77 {
    background: none;
    border-radius: 0;
    box-shadow: none;
    gap: 1rem;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    max-width: none;
    opacity: 1;
    padding: 0;
    position: static;
    right: unset;
    top: unset;
    transform: scaleY(1);
    transition: none;
    visibility: visible;
    width: unset;
  }
  ._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._navbarLinks_1scm9_113 {
    display: flex;
    gap: 0;
  }
  ._navbar_1scm9_44 ._navbarMenu_1scm9_77 ._ctaGroup_1scm9_126 {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    grid-template-columns: none;
  }
}
@media only screen and (min-width: 1200px) {
  ._navbar_1scm9_44 {
    gap: 2rem;
  }
}._navbar_nuvo8_1 {
  left: 0;
  position: fixed;
  right: 0;
  top: 1rem;
  z-index: 500;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1hi6n_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1hi6n_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1hi6n_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1hi6n_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._badgeContainer_1hi6n_52 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._input_1hi6n_59 {
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}

._inputWrapper_1hi6n_66 {
  position: relative;
  width: 100%;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59 {
  display: block;
  box-sizing: border-box;
  align-self: stretch;
  color: var(--textPrimary);
  padding: 0.6rem 1rem;
  transition: box-shadow var(--transitionTime);
  width: 100%;
}
html.has-bg-image:not(.flat) ._inputWrapper_1hi6n_66 ._input_1hi6n_59 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59._default_1hi6n_82 {
  border-radius: var(--glassRadius);
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59._custom_1hi6n_90 {
  background-color: none;
  border-radius: none;
  border: none;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59._hasContentLeft_1hi6n_95 {
  padding-left: 2.75rem;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59._hasContentRight_1hi6n_98 {
  padding-right: 2.75rem;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59:focus._default_1hi6n_82 {
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 8px 24px -10px var(--glassGlow);
  border-color: transparent;
  outline: none;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59:focus._custom_1hi6n_90 {
  box-shadow: none;
  outline: none;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59::-webkit-input-placeholder {
  color: var(--textSecondary);
  opacity: 1;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59::-moz-placeholder {
  color: var(--textSecondary);
  opacity: 1;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59:-ms-input-placeholder {
  color: var(--textSecondary);
  opacity: 1;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59::-ms-input-placeholder {
  color: var(--textSecondary);
  opacity: 1;
}
._inputWrapper_1hi6n_66 ._input_1hi6n_59::placeholder {
  color: var(--textSecondary);
  opacity: 1;
}
._inputWrapper_1hi6n_66 ._contentLeft_1hi6n_130,
._inputWrapper_1hi6n_66 ._contentRight_1hi6n_131 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
._inputWrapper_1hi6n_66 ._contentLeft_1hi6n_130._contentLeft_1hi6n_130,
._inputWrapper_1hi6n_66 ._contentRight_1hi6n_131._contentLeft_1hi6n_130 {
  left: 1.5rem;
}
._inputWrapper_1hi6n_66 ._contentLeft_1hi6n_130._contentRight_1hi6n_131,
._inputWrapper_1hi6n_66 ._contentRight_1hi6n_131._contentRight_1hi6n_131 {
  right: 1.5rem;
}
html.has-bg-image:not(.flat) ._inputWrapper_1hi6n_66 ._contentLeft_1hi6n_130,
html.has-bg-image:not(.flat) ._inputWrapper_1hi6n_66 ._contentRight_1hi6n_131 {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}

@media (hover: none) and (pointer: coarse) {
  ._inputWrapper_1hi6n_66 ._input_1hi6n_59[inputmode=none] {
    caret-color: transparent;
  }
}
._positionBadge_1hi6n_154 {
  width: 10rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--textPrimary);
  caret-color: var(--textPrimary);
  box-shadow: inset 0 0 0 0px var(--backgroundInput), inset 0 0 0px 9999px var(--backgroundInput) !important;
}

input:-webkit-autofill:focus {
  background-color: var(--backgroundInput) !important;
  transition: background-color 0.3ms ease-in-out 0s;
  box-shadow: inset 0 0 0 2px var(--accent), inset 0 0 0px 9999px var(--backgroundInput) !important;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._badge_1f2dp_18 {
  border-radius: 1rem;
  display: inline-block;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.1rem 0.45rem;
  width: auto;
}
._badge_1f2dp_18 ._closeButton_1f2dp_27 {
  cursor: pointer;
  margin-left: 0.25rem;
}
._badge_1f2dp_18 ._closeButton_1f2dp_27 svg {
  height: 0.7rem;
}
._badge_1f2dp_18._filled_1f2dp_34._accent_1f2dp_34 {
  background-color: var(--accent);
  color: var(--accentContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._accent_1f2dp_34 svg * {
  fill: var(--accentContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._success_1f2dp_41 {
  background-color: var(--success);
  color: var(--successContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._success_1f2dp_41 svg * {
  fill: var(--successContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._error_1f2dp_48 {
  background-color: var(--error);
  color: var(--errorContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._error_1f2dp_48 svg * {
  fill: var(--errorContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._info_1f2dp_55 {
  background-color: var(--info);
  color: var(--infoContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._info_1f2dp_55 svg * {
  fill: var(--infoContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._inverse_1f2dp_62 {
  background-color: var(--backgroundSecondaryInverse);
  color: var(--textPrimaryInverse);
}
._badge_1f2dp_18._filled_1f2dp_34._inverse_1f2dp_62 svg * {
  fill: var(--textPrimaryInverse);
}
._badge_1f2dp_18._filled_1f2dp_34._primary_1f2dp_69 {
  background-color: var(--backgroundPrimary);
  color: var(--textPrimary);
}
._badge_1f2dp_18._filled_1f2dp_34._primary_1f2dp_69 svg * {
  fill: var(--textPrimary);
}
._badge_1f2dp_18._filled_1f2dp_34._warning_1f2dp_76 {
  background-color: var(--warning);
  color: var(--accentContrast);
}
._badge_1f2dp_18._filled_1f2dp_34._warning_1f2dp_76 svg * {
  fill: var(--accentContrast);
}
html:not(.flat) ._badge_1f2dp_18._faded_1f2dp_83 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._badge_1f2dp_18._faded_1f2dp_83._accent_1f2dp_34 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
}
._badge_1f2dp_18._faded_1f2dp_83._accent_1f2dp_34 svg * {
  fill: var(--accent);
}
._badge_1f2dp_18._faded_1f2dp_83._error_1f2dp_48 {
  background-color: color-mix(in srgb, var(--error) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--error);
}
._badge_1f2dp_18._faded_1f2dp_83._error_1f2dp_48 svg * {
  fill: var(--error);
}
._badge_1f2dp_18._faded_1f2dp_83._info_1f2dp_55 {
  background-color: color-mix(in srgb, var(--info) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--info);
}
._badge_1f2dp_18._faded_1f2dp_83._info_1f2dp_55 svg * {
  fill: var(--info);
}
._badge_1f2dp_18._faded_1f2dp_83._inverse_1f2dp_62 {
  background-color: var(--backgroundPrimaryInverseFaded);
  color: var(--textPrimary);
}
._badge_1f2dp_18._faded_1f2dp_83._inverse_1f2dp_62 svg * {
  fill: var(--textPrimary);
}
._badge_1f2dp_18._faded_1f2dp_83._primary_1f2dp_69 {
  background-color: color-mix(in srgb, var(--backgroundPrimary) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--textPrimaryInverse);
}
._badge_1f2dp_18._faded_1f2dp_83._primary_1f2dp_69 svg * {
  fill: var(--textPrimaryInverse);
}
._badge_1f2dp_18._faded_1f2dp_83._success_1f2dp_41 {
  background-color: color-mix(in srgb, var(--success) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--success);
}
._badge_1f2dp_18._faded_1f2dp_83._success_1f2dp_41 svg * {
  fill: var(--success);
}
._badge_1f2dp_18._faded_1f2dp_83._warning_1f2dp_76 {
  background-color: color-mix(in srgb, var(--warning) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--warning);
}
._badge_1f2dp_18._faded_1f2dp_83._warning_1f2dp_76 svg * {
  fill: var(--warning);
}._container_1nide_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 0.35rem;
}
._container_1nide_1._fillWidth_1nide_6 {
  width: 100%;
}
._container_1nide_1._disabled_1nide_9 {
  opacity: 0.6;
}
._container_1nide_1 ._label_1nide_12 {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  font-weight: 400;
  gap: 0.25rem;
  margin: 0 1rem;
  overflow-wrap: normal;
  word-break: normal;
}
._container_1nide_1 ._label_1nide_12 ._optionalText_1nide_22 {
  color: var(--textSecondary);
}
._container_1nide_1 ._error_1nide_25 {
  color: var(--error);
  font-size: 0.75rem;
  margin: 0 1rem;
}
._container_1nide_1 ._helper_1nide_30 {
  color: var(--textSecondary);
  font-size: 0.75rem;
  margin: 0 1rem;
}

html:not(.flat) ._label_1nide_12,
html:not(.flat) ._error_1nide_25,
html:not(.flat) ._helper_1nide_30 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_m2xk9_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_m2xk9_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_m2xk9_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_m2xk9_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._stage_m2xk9_61 {
  isolation: isolate;
  padding: 1.5rem 0.5rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  ._stage_m2xk9_61 {
    padding: 2rem 1.5rem;
  }
}

._aurora_m2xk9_72 {
  background: radial-gradient(42% 55% at 28% 30%, color-mix(in srgb, var(--accent) 50%, transparent), transparent 70%), radial-gradient(38% 48% at 75% 25%, color-mix(in srgb, var(--info) 40%, transparent), transparent 70%), radial-gradient(45% 55% at 65% 80%, color-mix(in srgb, var(--success) 28%, transparent), transparent 70%);
  border-radius: 50%;
  filter: blur(24px) saturate(140%);
  inset: 0;
  position: absolute;
  z-index: -1;
}

._window_m2xk9_81 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0 auto;
  max-width: 26rem;
  padding: 1rem;
  border-radius: var(--glassRadius);
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  position: relative;
  isolation: isolate;
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._window_m2xk9_81:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._window_m2xk9_81:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._window_m2xk9_81::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(3.5rem 3.5rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 22%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._window_m2xk9_81:hover::after {
  opacity: 1;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html:not(.flat) ._window_m2xk9_81:hover {
    transition: transform 0.12s ease-out, box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 4deg * -1)) rotateY(calc(var(--gcx, 0) * 4deg)) translateY(-4px) scale(1.02);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), inset calc(var(--gcx, 0) * 9px) calc(var(--gcy, 0) * 9px) 24px -18px color-mix(in srgb, var(--glassHighlight) 45%, transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  }
  html:not(.flat) ._window_m2xk9_81:active {
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 4deg * -1.7)) rotateY(calc(var(--gcx, 0) * 4deg * 1.7)) translateZ(-20px) scale(0.99);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset calc(var(--gcx, 0) * 12px) calc(var(--gcy, 0) * 12px) 26px -10px var(--shadowColor), inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 40%, transparent);
  }
  html:not(.flat) ._window_m2xk9_81::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background: linear-gradient(105deg, transparent 41%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 47%, color-mix(in srgb, var(--glassHighlight) 28%, transparent) 50%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 53%, transparent 59%);
    background-size: 250% 100%;
    background-position: calc((var(--gcx, 0) + 1) * 50%) 0;
    mix-blend-mode: soft-light;
    transition: opacity var(--transitionTime);
  }
  html:not(.flat) ._window_m2xk9_81:hover::before {
    opacity: 1;
  }
}

._windowBar_m2xk9_151 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
._windowBar_m2xk9_151 ._logo_m2xk9_156 {
  height: 1.5rem;
  width: auto;
}
._windowBar_m2xk9_151 ._windowBarChips_m2xk9_160 {
  display: flex;
  gap: 0.4rem;
}
._windowBar_m2xk9_151 ._barChip_m2xk9_164 {
  background: var(--backgroundPrimaryInverseFaded);
  border-radius: 999px;
  display: block;
  height: 0.55rem;
  width: 2rem;
}
._windowBar_m2xk9_151 ._barChip_m2xk9_164._barChipAccent_m2xk9_171 {
  background: color-mix(in srgb, var(--accent) 65%, transparent);
  width: 1.25rem;
}

._statRow_m2xk9_176 {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: repeat(3, 1fr);
}

._statTile_m2xk9_182 {
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.7rem;
}
._statTile_m2xk9_182 svg {
  height: 1rem;
  width: 1rem;
}
._statTile_m2xk9_182 svg * {
  fill: var(--accent);
}
._statTile_m2xk9_182 ._statValue_m2xk9_198 {
  font-size: 1.15rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
._statTile_m2xk9_182 ._statLabel_m2xk9_203 {
  color: var(--textSecondary);
  font-size: 0.65rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._panel_m2xk9_211 {
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  border-radius: 0.75rem;
  padding: 0.7rem 0.8rem;
}
._panel_m2xk9_211 ._panelTitle_m2xk9_217 {
  color: var(--textSecondary);
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
._panel_m2xk9_211 ._week_m2xk9_224 {
  align-items: end;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(5, 1fr);
  height: 3.5rem;
}
._panel_m2xk9_211 ._day_m2xk9_231 {
  align-items: end;
  display: flex;
  height: 100%;
}
._panel_m2xk9_211 ._bar_m2xk9_164 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 85%, transparent), color-mix(in srgb, var(--accent) 45%, transparent));
  border-radius: 0.3rem 0.3rem 0.15rem 0.15rem;
  width: 100%;
}

._rows_m2xk9_242 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._row_m2xk9_242 {
  align-items: center;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  border-radius: 0.75rem;
  display: flex;
  gap: 0.6rem;
  padding: 0.5rem 0.7rem;
}
._row_m2xk9_242 ._avatar_m2xk9_257 {
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
  height: 1.5rem;
  width: 1.5rem;
}
._row_m2xk9_242 ._avatar_m2xk9_257._avatarA_m2xk9_264 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 80%, transparent), color-mix(in srgb, var(--info) 80%, transparent));
}
._row_m2xk9_242 ._avatar_m2xk9_257._avatarB_m2xk9_267 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--warning) 80%, transparent), color-mix(in srgb, var(--error) 70%, transparent));
}
._row_m2xk9_242 ._rowLines_m2xk9_270 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.3rem;
}
._row_m2xk9_242 ._rowLine_m2xk9_270 {
  background: var(--backgroundPrimaryInverseFaded);
  border-radius: 999px;
  display: block;
  height: 0.4rem;
  width: 70%;
}
._row_m2xk9_242 ._rowLine_m2xk9_270._rowLineShort_m2xk9_283 {
  width: 40%;
}
._row_m2xk9_242 ._rowBadge_m2xk9_286 {
  border-radius: 999px;
  display: block;
  height: 0.6rem;
  width: 2.25rem;
}
._row_m2xk9_242 ._rowBadge_m2xk9_286._rowBadgeSuccess_m2xk9_292 {
  background: color-mix(in srgb, var(--success) 55%, transparent);
}
._row_m2xk9_242 ._rowBadge_m2xk9_286._rowBadgeWarning_m2xk9_295 {
  background: color-mix(in srgb, var(--warning) 55%, transparent);
}

._floatCard_m2xk9_299 {
  align-items: center;
  border-radius: 999px;
  display: none;
  gap: 0.5rem;
  padding: 0.5rem 0.9rem;
  position: absolute;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  animation: _liquid-float_m2xk9_1 6s ease-in-out infinite;
}
@media only screen and (min-width: 768px) {
  ._floatCard_m2xk9_299 {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._floatCard_m2xk9_299 {
    animation: none;
  }
}
._floatCard_m2xk9_299._floatCardTop_m2xk9_323 {
  right: 0;
  top: 3rem;
}
._floatCard_m2xk9_299._floatCardBottom_m2xk9_327 {
  animation-delay: -3s;
  bottom: 2.5rem;
  left: 0;
}
._floatCard_m2xk9_299 ._floatDot_m2xk9_332 {
  background: var(--success);
  border-radius: 50%;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
}
._floatCard_m2xk9_299 ._floatDot_m2xk9_332._floatDotInfo_m2xk9_339 {
  background: var(--info);
}
._floatCard_m2xk9_299 ._floatText_m2xk9_342 {
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

@keyframes _liquid-float_m2xk9_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_vz9ji_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_vz9ji_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_vz9ji_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_vz9ji_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_vz9ji_61 {
  padding-top: 8rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  ._wrapper_vz9ji_61 {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }
}

._grid_vz9ji_72 {
  align-items: center;
  display: grid;
  gap: 3rem;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 992px) {
  ._grid_vz9ji_72 {
    gap: 4rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  }
}

._copy_vz9ji_85 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._title_vz9ji_91 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0;
}
html:not(.flat) ._title_vz9ji_91 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
@media only screen and (min-width: 768px) {
  ._title_vz9ji_91 {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  ._title_vz9ji_91 {
    font-size: 3.5rem;
  }
}

._subtitle_vz9ji_112 {
  color: var(--textSecondary);
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0;
  max-width: 34rem;
}
html:not(.flat) ._subtitle_vz9ji_112 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
@media only screen and (min-width: 768px) {
  ._subtitle_vz9ji_112 {
    font-size: 1.15rem;
  }
}

._ctaRow_vz9ji_128 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
@media only screen and (min-width: 576px) {
  ._ctaRow_vz9ji_128 {
    align-items: flex-start;
    flex-direction: row;
  }
}
._ctaRow_vz9ji_128 ._emailInput_vz9ji_140 {
  max-width: 22rem;
  width: 100%;
}
._ctaRow_vz9ji_128 ._ctaButton_vz9ji_144 {
  white-space: nowrap;
}

._freePlanNote_vz9ji_148 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  margin: 0;
}
html:not(.flat) ._freePlanNote_vz9ji_148 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._signInPrompt_vz9ji_157 {
  color: var(--textSecondary);
  font-size: 0.9rem;
  margin: 0;
}
html:not(.flat) ._signInPrompt_vz9ji_157 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._signInPrompt_vz9ji_157 ._signInLink_vz9ji_165 {
  color: var(--accent);
  font-weight: 700;
  text-decoration: underline;
}

._chips_vz9ji_171 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
}
._chips_vz9ji_171 ._chip_vz9ji_171 {
  align-items: center;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  border-radius: 999px;
  color: var(--textSecondary);
  display: flex;
  font-size: 0.8rem;
  gap: 0.4rem;
  padding: 0.35rem 0.75rem;
}
html:not(.flat) ._chips_vz9ji_171 ._chip_vz9ji_171 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._chips_vz9ji_171 ._chip_vz9ji_171 svg {
  height: 0.9rem;
  width: 0.9rem;
}
._chips_vz9ji_171 ._chip_vz9ji_171 svg * {
  fill: var(--textSecondary);
}
._chips_vz9ji_171 ._chip_vz9ji_171 svg [fill=none] {
  fill: none;
}
._chips_vz9ji_171 ._chip_vz9ji_171 svg [fill=white] {
  fill: transparent;
}

._preview_vz9ji_207 {
  min-width: 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1jmko_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1jmko_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1jmko_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1jmko_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._section_1jmko_61 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  ._section_1jmko_61 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

._header_1jmko_72 {
  align-items: center;
  display: flex;
  gap: 1rem;
}
._header_1jmko_72 ._sectionIcon_1jmko_77 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
  border-radius: 0.9rem;
  display: flex;
  flex-shrink: 0;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}
._header_1jmko_72 ._sectionIcon_1jmko_77 svg {
  height: 1.35rem;
  width: 1.35rem;
}
._header_1jmko_72 ._sectionIcon_1jmko_77 svg * {
  fill: var(--accent);
}
._header_1jmko_72 ._title_1jmko_95 {
  margin: 0;
}
html:not(.flat) ._header_1jmko_72 ._title_1jmko_95 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._description_1jmko_102 {
  color: var(--textSecondary);
  margin-top: 1rem;
  max-width: 50rem;
}
._description_1jmko_102 p {
  line-height: 1.55;
  margin: 0 0 0.75rem;
}
html:not(.flat) ._description_1jmko_102 p {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._description_1jmko_102 p:last-child {
  margin-bottom: 0;
}

._highlights_1jmko_118 {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
}
@media only screen and (min-width: 576px) {
  ._highlights_1jmko_118 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  ._highlights_1jmko_118 {
    grid-template-columns: repeat(3, 1fr);
  }
}

._highlight_1jmko_118 {
  align-items: flex-start;
  border-radius: 0.9rem;
  display: flex;
  gap: 0.7rem;
  line-height: 1.4;
  padding: 0.85rem 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
html:not(.flat) ._highlight_1jmko_118 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._highlight_1jmko_118 ._checkBox_1jmko_153 {
  align-items: center;
  background: color-mix(in srgb, var(--success) 14%, transparent);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 1.4rem;
  justify-content: center;
  margin-top: 0.05rem;
  width: 1.4rem;
}
._highlight_1jmko_118 ._checkBox_1jmko_153 svg {
  height: 0.7rem;
  width: 0.7rem;
}
._highlight_1jmko_118 ._checkBox_1jmko_153 svg * {
  fill: var(--success);
}

._backgroundAccent_1jmko_172 ._header_1jmko_72 ._sectionIcon_1jmko_77 {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
}
._backgroundAccent_1jmko_172 ._description_1jmko_102 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent) 4%, transparent));
  border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
  border-radius: var(--glassRadius);
  color: var(--textPrimary);
  padding: 1.5rem;
}._mainHeading_148l6_1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  ._mainHeading_148l6_1 {
    font-size: 2rem;
  }
}

._pageHeading_148l6_12 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1rem;
}
@media only screen and (min-width: 768px) {
  ._pageHeading_148l6_12 {
    font-size: 2rem;
  }
}

._authPageHeading_148l6_23 {
  margin: 0;
}

._secondaryHeading_148l6_27 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  ._secondaryHeading_148l6_27 {
    font-size: 1.5rem;
  }
}

html.has-bg-image:not(.flat) ._mainHeading_148l6_1,
html.has-bg-image:not(.flat) ._secondaryHeading_148l6_27 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_12r7f_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_12r7f_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_12r7f_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_12r7f_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._section_12r7f_61 {
  display: grid;
  gap: 1.25rem;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  ._section_12r7f_61 {
    gap: 1.5rem;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

._header_12r7f_75 {
  align-items: center;
  display: flex;
  gap: 1rem;
}
._header_12r7f_75 h1 {
  margin: 0;
}
html:not(.flat) ._header_12r7f_75 h1 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._sectionIcon_12r7f_87 svg * {
  fill: var(--accent);
}
._sectionIcon_12r7f_87 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
  border-radius: 0.9rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}
._sectionIcon_12r7f_87 svg {
  height: 1.5rem;
  width: 1.5rem;
}

._intro_12r7f_106 {
  color: var(--textSecondary);
  line-height: 1.5;
  margin: 0;
  max-width: 50rem;
}
html:not(.flat) ._intro_12r7f_106 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._grid_12r7f_116 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  ._grid_12r7f_116 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  ._grid_12r7f_116 {
    grid-template-columns: repeat(3, 1fr);
  }
}

._card_12r7f_132 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._card_12r7f_132:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._card_12r7f_132:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}

._iconBox_12r7f_148 svg * {
  fill: var(--accent);
}
._iconBox_12r7f_148 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border-radius: 0.75rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 2.5rem;
  justify-content: center;
  margin-bottom: 0.25rem;
  width: 2.5rem;
}
._iconBox_12r7f_148 svg {
  height: 1.25rem;
  width: 1.25rem;
}

._cardTitle_12r7f_167 {
  font-weight: 700;
  margin: 0;
}
html:not(.flat) ._cardTitle_12r7f_167 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._cardText_12r7f_175 {
  color: var(--textSecondary);
  line-height: 1.45;
  margin: 0;
}
html:not(.flat) ._cardText_12r7f_175 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_14ij2_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_14ij2_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_14ij2_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_14ij2_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_14ij2_61 ._title_14ij2_61 {
  margin: 1.5rem 0 0.75rem;
}
html:not(.flat) ._wrapper_14ij2_61 ._title_14ij2_61 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_14ij2_61 ._intro_14ij2_67 {
  color: var(--textSecondary);
  margin: 0 0 2rem;
  max-width: 40rem;
}
html:not(.flat) ._wrapper_14ij2_61 ._intro_14ij2_67 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_14ij2_61 ._grid_14ij2_75 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  ._wrapper_14ij2_61 ._grid_14ij2_75 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  ._wrapper_14ij2_61 ._grid_14ij2_75 {
    grid-template-columns: repeat(3, 1fr);
  }
}
._wrapper_14ij2_61 ._card_14ij2_90 {
  align-items: center;
  color: var(--textPrimary);
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr;
  padding: 1.1rem 1.25rem;
  text-align: left;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  position: relative;
  isolation: isolate;
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._wrapper_14ij2_61 ._card_14ij2_90:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._wrapper_14ij2_61 ._card_14ij2_90:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._wrapper_14ij2_61 ._card_14ij2_90::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(3.5rem 3.5rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 22%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._wrapper_14ij2_61 ._card_14ij2_90:hover::after {
  opacity: 1;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html:not(.flat) ._wrapper_14ij2_61 ._card_14ij2_90:hover {
    transition: transform 0.12s ease-out, box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 5deg * -1)) rotateY(calc(var(--gcx, 0) * 5deg)) translateY(-4px) scale(1.02);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), inset calc(var(--gcx, 0) * 9px) calc(var(--gcy, 0) * 9px) 24px -18px color-mix(in srgb, var(--glassHighlight) 45%, transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  }
  html:not(.flat) ._wrapper_14ij2_61 ._card_14ij2_90:active {
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 5deg * -1.7)) rotateY(calc(var(--gcx, 0) * 5deg * 1.7)) translateZ(-20px) scale(0.99);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset calc(var(--gcx, 0) * 12px) calc(var(--gcy, 0) * 12px) 26px -10px var(--shadowColor), inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 40%, transparent);
  }
  html:not(.flat) ._wrapper_14ij2_61 ._card_14ij2_90::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background: linear-gradient(105deg, transparent 41%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 47%, color-mix(in srgb, var(--glassHighlight) 28%, transparent) 50%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 53%, transparent 59%);
    background-size: 250% 100%;
    background-position: calc((var(--gcx, 0) + 1) * 50%) 0;
    mix-blend-mode: soft-light;
    transition: opacity var(--transitionTime);
  }
  html:not(.flat) ._wrapper_14ij2_61 ._card_14ij2_90:hover::before {
    opacity: 1;
  }
}
._wrapper_14ij2_61 ._iconBox_14ij2_159 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
  border-radius: 0.75rem;
  display: flex;
  flex-shrink: 0;
  height: 2.75rem;
  justify-content: center;
  width: 2.75rem;
}
._wrapper_14ij2_61 ._iconBox_14ij2_159 svg {
  height: 1.25rem;
}
._wrapper_14ij2_61 ._grid_14ij2_75 ._card_14ij2_90 ._iconBox_14ij2_159 svg * {
  fill: var(--accent);
}
._wrapper_14ij2_61 ._grid_14ij2_75 ._card_14ij2_90 ._iconBox_14ij2_159 svg [fill=none] {
  fill: none;
}
._wrapper_14ij2_61 ._grid_14ij2_75 ._card_14ij2_90 ._iconBox_14ij2_159 svg [fill=white] {
  fill: transparent;
}
._wrapper_14ij2_61 ._infoWrapper_14ij2_182 {
  justify-content: flex-start;
  min-width: 0;
}
._wrapper_14ij2_61 ._info_14ij2_182 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
._wrapper_14ij2_61 ._name_14ij2_192 {
  font-weight: 700;
}
html:not(.flat) ._wrapper_14ij2_61 ._name_14ij2_192 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_14ij2_61 ._tagline_14ij2_198 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  line-height: 1.3;
  white-space: normal;
}
html:not(.flat) ._wrapper_14ij2_61 ._tagline_14ij2_198 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_16r3a_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_16r3a_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_16r3a_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_16r3a_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._section_16r3a_61 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  ._section_16r3a_61 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

._title_16r3a_72 {
  margin: 0 0 0.75rem;
}
html:not(.flat) ._title_16r3a_72 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._intro_16r3a_79 {
  color: var(--textSecondary);
  margin: 0 0 2rem;
  max-width: 40rem;
}
html:not(.flat) ._intro_16r3a_79 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._fallback_16r3a_88 {
  align-items: flex-start;
  border-radius: var(--glassRadius);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
._fallback_16r3a_88 p {
  margin: 0;
}
html:not(.flat) ._fallback_16r3a_88 p {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._grid_16r3a_108 {
  align-items: stretch;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  ._grid_16r3a_108 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  ._grid_16r3a_108 {
    grid-template-columns: repeat(3, 1fr);
  }
}

._planCard_16r3a_125 {
  border-radius: var(--glassRadius);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  position: relative;
  isolation: isolate;
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._planCard_16r3a_125:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._planCard_16r3a_125:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._planCard_16r3a_125::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(3.5rem 3.5rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 22%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._planCard_16r3a_125:hover::after {
  opacity: 1;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html:not(.flat) ._planCard_16r3a_125:hover {
    transition: transform 0.12s ease-out, box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 4deg * -1)) rotateY(calc(var(--gcx, 0) * 4deg)) translateY(-4px) scale(1.02);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), inset calc(var(--gcx, 0) * 9px) calc(var(--gcy, 0) * 9px) 24px -18px color-mix(in srgb, var(--glassHighlight) 45%, transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  }
  html:not(.flat) ._planCard_16r3a_125:active {
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
    transform: perspective(900px) rotateX(calc(var(--gcy, 0) * 4deg * -1.7)) rotateY(calc(var(--gcx, 0) * 4deg * 1.7)) translateZ(-20px) scale(0.99);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset calc(var(--gcx, 0) * 12px) calc(var(--gcy, 0) * 12px) 26px -10px var(--shadowColor), inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 40%, transparent);
  }
  html:not(.flat) ._planCard_16r3a_125::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background: linear-gradient(105deg, transparent 41%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 47%, color-mix(in srgb, var(--glassHighlight) 28%, transparent) 50%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 53%, transparent 59%);
    background-size: 250% 100%;
    background-position: calc((var(--gcx, 0) + 1) * 50%) 0;
    mix-blend-mode: soft-light;
    transition: opacity var(--transitionTime);
  }
  html:not(.flat) ._planCard_16r3a_125:hover::before {
    opacity: 1;
  }
}
._planCard_16r3a_125[data-highlight] {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor)), 0 8px 32px color-mix(in srgb, var(--accent) 14%, transparent);
}

._planName_16r3a_197 {
  font-size: 1.1rem;
  font-weight: 700;
}
html:not(.flat) ._planName_16r3a_197 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._priceRow_16r3a_205 {
  align-items: baseline;
  display: flex;
  gap: 0.4rem;
}
._priceRow_16r3a_205 ._price_16r3a_205 {
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
html:not(.flat) ._priceRow_16r3a_205 ._price_16r3a_205 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._priceRow_16r3a_205 ._priceMeta_16r3a_218 {
  color: var(--textSecondary);
  font-size: 0.85rem;
}
html:not(.flat) ._priceRow_16r3a_205 ._priceMeta_16r3a_218 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._features_16r3a_226 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
._features_16r3a_226 li {
  align-items: flex-start;
  display: flex;
  font-size: 0.9rem;
  gap: 0.5rem;
  line-height: 1.4;
}
html:not(.flat) ._features_16r3a_226 li {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._features_16r3a_226 li svg {
  flex-shrink: 0;
  height: 0.85rem;
  margin-top: 0.2rem;
  width: 0.85rem;
}
._features_16r3a_226 li svg * {
  fill: var(--success);
}

._footnote_16r3a_255 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  margin: 1.5rem 0 0;
}
html:not(.flat) ._footnote_16r3a_255 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1iscl_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1iscl_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1iscl_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1iscl_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._section_1iscl_53 {
  line-height: 1.5;
  padding-bottom: 3rem;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  ._section_1iscl_53 {
    padding-bottom: 4rem;
    padding-top: 3.5rem;
  }
}
._section_1iscl_53 ._title_1iscl_64 {
  margin-bottom: 1.5rem;
}
html:not(.flat) ._section_1iscl_53 ._title_1iscl_64 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._section_1iscl_53 ._grid_1iscl_70 {
  border-radius: var(--glassRadius);
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr;
  padding: 2rem;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media only screen and (min-width: 992px) {
  ._section_1iscl_53 ._grid_1iscl_70 {
    align-items: start;
    grid-template-columns: 1fr auto;
  }
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  justify-items: start;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._description_1iscl_94 {
  color: var(--textSecondary);
}
@media only screen and (min-width: 992px) {
  ._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._description_1iscl_94 {
    max-width: 35rem;
  }
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._description_1iscl_94 p {
  margin: 0;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._contactInfo_1iscl_105 {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  ._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._contactInfo_1iscl_105 {
    gap: 4rem;
    grid-template-columns: auto auto;
  }
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._contactInfo_1iscl_105 ._contactInfoColumn_1iscl_116 {
  align-items: start;
  display: flex;
  flex-direction: column;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._contactInfo_1iscl_105 ._contactInfoColumn_1iscl_116 a {
  display: inline-block;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 a {
  color: var(--accent);
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 h6 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._socialLinksSection_1iscl_132 {
  align-items: center;
  display: flex;
  gap: 1.5rem;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._socialLinksSection_1iscl_132 ._socialLinks_1iscl_132 {
  display: flex;
  gap: 0.5rem;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._socialLinksSection_1iscl_132 ._socialLinks_1iscl_132 a {
  border-radius: 100%;
  display: inline-block;
  height: 2.25rem;
  overflow: hidden;
  transition: transform var(--transitionTime);
  width: 2.25rem;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._socialLinksSection_1iscl_132 ._socialLinks_1iscl_132 a img {
  height: 100%;
  width: 100%;
}
._section_1iscl_53 ._grid_1iscl_70 ._contactColumn_1iscl_88 ._socialLinksSection_1iscl_132 ._socialLinks_1iscl_132 a:hover {
  transform: scale(1.15);
}
._section_1iscl_53 ._grid_1iscl_70 ._logo_1iscl_156 {
  display: block;
  margin-bottom: 1rem;
  max-width: 100%;
  width: 14rem;
}
@media only screen and (min-width: 768px) {
  ._section_1iscl_53 ._grid_1iscl_70 ._logo_1iscl_156 {
    width: 18rem;
  }
}
._section_1iscl_53 ._grid_1iscl_70 ._selectLanguage_1iscl_167 {
  margin-top: 1.5rem;
  min-width: 10rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_muv6n_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_muv6n_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_muv6n_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_muv6n_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._select_muv6n_61 {
  object-fit: contain;
}
._select_muv6n_61 ._control_muv6n_64 {
  border-radius: var(--glassRadius);
  color: var(--textPrimary);
  transition: var(--transitionTime);
}
html.has-bg-image:not(.flat) ._select_muv6n_61 ._control_muv6n_64 svg, html.has-bg-image:not(.flat) ._select_muv6n_61 ._control_muv6n_64 img {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}
._select_muv6n_61 ._control_muv6n_64._controlOutlined_muv6n_72 {
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
  min-height: 2.525rem;
}
._select_muv6n_61 ._control_muv6n_64._controlOutlined_muv6n_72 ._indicatorSeparator_muv6n_80 {
  background-color: var(--borderColorInput);
}
._select_muv6n_61 ._control_muv6n_64._controlOutlined_muv6n_72:hover {
  border-color: var(--borderColorInput);
}
._select_muv6n_61 ._control_muv6n_64._controlTransparent_muv6n_86 {
  background: none;
  border: none;
}
._select_muv6n_61 ._control_muv6n_64._controlTransparent_muv6n_86 ._indicatorSeparator_muv6n_80 {
  display: none;
}
._select_muv6n_61 ._control_muv6n_64._controlTransparent_muv6n_86:hover {
  background-color: var(--backgroundInput);
}
._select_muv6n_61 ._control_muv6n_64._focused_muv6n_96 {
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 8px 24px -10px var(--glassGlow);
  border-color: transparent;
}
._select_muv6n_61 ._singleValue_muv6n_100 {
  color: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._select_muv6n_61 ._singleValue_muv6n_100 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._select_muv6n_61 ._multiValueLabel_muv6n_106 {
  padding: 0;
  font-size: 0.875rem;
  color: unset;
  min-width: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}
._select_muv6n_61 ._multiValueRemove_muv6n_116 {
  cursor: pointer;
  flex-shrink: 0;
}
._select_muv6n_61 ._multiValueRemove_muv6n_116 img {
  height: 0.7rem;
  width: 0.7rem;
}
._select_muv6n_61 ._multiValueRemove_muv6n_116:hover {
  background: none;
  color: unset;
}
._select_muv6n_61 ._placeholder_muv6n_128 {
  color: var(--textSecondary);
}
html:not(.flat) ._select_muv6n_61 ._placeholder_muv6n_128 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._select_muv6n_61 ._valueContainer_muv6n_134 {
  gap: 0.2rem;
  padding: 0.35rem 0 0.35rem 1rem;
}

._menuPortal_muv6n_139 ._menu_muv6n_139 {
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  background: linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 5%, transparent)), var(--glassBgStrong);
}
@media (hover: none) and (pointer: coarse) {
  ._menuPortal_muv6n_139 ._menu_muv6n_139 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
._menuPortal_muv6n_139 ._menu_muv6n_139 {
  border-radius: var(--glassRadius);
  overflow: hidden;
  z-index: 10000;
  animation: _glass-pop-in_muv6n_1 0.18s ease-out;
}
._menuPortal_muv6n_139 ._menu_muv6n_139._organization_muv6n_159 {
  width: max-content;
}
._menuPortal_muv6n_139 ._menuList_muv6n_162 {
  border-radius: var(--glassRadius);
  padding: 1rem 0;
}
._menuPortal_muv6n_139 ._menuList_muv6n_162._organization_muv6n_159 {
  width: max-content;
}
._menuPortal_muv6n_139 ._option_muv6n_169,
._menuPortal_muv6n_139 ._optionSelected_muv6n_170 {
  cursor: pointer;
  padding: 0.5rem 1rem;
}
._menuPortal_muv6n_139 ._option_muv6n_169 {
  background: none;
  color: var(--textMainColor);
  width: 100%;
}
._menuPortal_muv6n_139 ._option_muv6n_169:active, ._menuPortal_muv6n_139 ._option_muv6n_169:hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._menuPortal_muv6n_139 ._optionSelected_muv6n_170 {
  background: var(--accent);
  color: var(--accentContrast);
}
._menuPortal_muv6n_139 ._optionFocused_muv6n_186 {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}

._badge_muv6n_190 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  max-width: 100%;
  min-width: 0;
}

._customOptionContainer_muv6n_198 {
  display: flex;
  gap: 0.5rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_1aaj3_18 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border-radius: 100%;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
._wrapper_1aaj3_18 svg {
  height: 50%;
  width: auto;
}
._wrapper_1aaj3_18 svg * {
  fill: var(--accent);
}
._wrapper_1aaj3_18._xxs_1aaj3_36 {
  height: 1rem;
  width: 1rem;
}
._wrapper_1aaj3_18._xs_1aaj3_40 {
  height: 1.375rem;
  width: 1.375rem;
}
._wrapper_1aaj3_18._sm_1aaj3_44 {
  height: 2.75rem;
  width: 2.75rem;
}
._wrapper_1aaj3_18._lg_1aaj3_48 {
  height: 6.5rem;
  width: 6.5rem;
}
._wrapper_1aaj3_18 ._avatar_1aaj3_52 {
  box-sizing: border-box;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
._wrapper_1aaj3_18 ._avatar_1aaj3_52._contain_1aaj3_58 {
  object-fit: contain;
  padding: 12%;
}
._wrapper_1aaj3_18 ._hoverContent_1aaj3_62 {
  align-items: center;
  background: var(--backgroundPrimaryFaded);
  backdrop-filter: blur(1rem);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
  gap: 0.25rem;
  height: 100%;
  justify-content: center;
  padding: 10%;
  opacity: 0;
  position: absolute;
  transition: opacity var(--transitionTime), visibility var(--transitionTime);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
._wrapper_1aaj3_18 ._hoverContent_1aaj3_62 svg {
  height: 1.5rem;
}
._wrapper_1aaj3_18:hover ._hoverContent_1aaj3_62 {
  opacity: 1;
  visibility: visible;
}
html:not(.flat) ._wrapper_1aaj3_18._bubble_1aaj3_88 {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 55%, transparent), inset 3px 4px 6px -4px color-mix(in srgb, var(--glassHighlight) 85%, transparent), inset -4px -5px 10px -7px var(--shadowColor), 0 10px 22px -10px var(--shadowColor), 0 4px 30px -10px var(--glassGlow);
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime);
}
html:not(.flat) ._wrapper_1aaj3_18._bubble_1aaj3_88::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(circle at 33% 27%, color-mix(in srgb, var(--glassHighlight) 95%, transparent) 0%, transparent 6%), radial-gradient(circle at 37% 31%, color-mix(in srgb, var(--glassHighlight) 50%, transparent) 0%, color-mix(in srgb, var(--glassHighlight) 10%, transparent) 17%, transparent 40%), radial-gradient(circle at 64% 76%, color-mix(in srgb, var(--glassHighlight) 38%, transparent) 0%, transparent 20%), radial-gradient(circle at 50% 47%, transparent 63%, color-mix(in srgb, var(--shadowColor) 34%, transparent) 100%);
}
html:not(.flat) ._wrapper_1aaj3_18._bubble_1aaj3_88:hover {
  transform: scale(1.05);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 70%, transparent), inset 3px 4px 7px -4px var(--glassHighlight), inset -4px -5px 12px -7px var(--shadowColor), 0 16px 32px -12px var(--shadowColor), 0 8px 44px -8px var(--glassGlow);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_zhnhh_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_zhnhh_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_zhnhh_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_zhnhh_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._signUpContainer_zhnhh_53 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._intro_zhnhh_59 {
  color: var(--textSecondary);
  line-height: 1.5;
  margin: 0;
}

._form_zhnhh_65 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._planPicker_zhnhh_71 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._planPicker_zhnhh_71 ._planLabel_zhnhh_76 {
  font-size: 0.9rem;
  font-weight: 700;
}
._planPicker_zhnhh_71 ._planOptions_zhnhh_80 {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  ._planPicker_zhnhh_71 ._planOptions_zhnhh_80 {
    grid-template-columns: repeat(2, 1fr);
  }
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80 {
  background: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  border-radius: 0.9rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  gap: 0.15rem;
  padding: 0.75rem 0.9rem;
  text-align: left;
  transition: border-color var(--transitionTimeFast), background var(--transitionTimeFast), box-shadow var(--transitionTime);
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80:focus-visible {
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 8px 24px -10px var(--glassGlow);
  outline: none;
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80._planOptionSelected_zhnhh_110 {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80 ._planName_zhnhh_115 {
  font-weight: 700;
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80 ._planPrice_zhnhh_118 {
  color: var(--accent);
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
._planPicker_zhnhh_71 ._planOption_zhnhh_80 ._planUsers_zhnhh_124 {
  color: var(--textSecondary);
  font-size: 0.75rem;
}
._planPicker_zhnhh_71 ._planHint_zhnhh_128 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  margin: 0;
}

._checkboxes_zhnhh_134 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._checkboxes_zhnhh_134 ._link_zhnhh_139 {
  color: var(--accent);
  text-decoration: underline;
}

._errorText_zhnhh_144 {
  color: var(--error);
  font-size: 0.8rem;
}

._bottomContainer_zhnhh_149 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._bottomContainer_zhnhh_149 ._loginLink_zhnhh_154 {
  color: var(--textSecondary);
  font-size: 0.9rem;
  margin: 0;
  text-align: center;
}
._bottomContainer_zhnhh_149 ._loginLink_zhnhh_154 a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: underline;
}

._successPanel_zhnhh_166 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
  text-align: center;
}
._successPanel_zhnhh_166 ._successIcon_zhnhh_174 {
  height: 5.5rem;
  width: 5.5rem;
}
._successPanel_zhnhh_166 ._successTitle_zhnhh_178 {
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0;
}
._successPanel_zhnhh_166 ._successText_zhnhh_183 {
  color: var(--textSecondary);
  line-height: 1.5;
  margin: 0;
  word-break: break-word;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._container_rum4a_10 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._container_rum4a_10 ._helper_rum4a_21 {
  color: var(--textSecondary);
  font-size: 0.75rem;
  margin: 0.5rem 0;
}
._container_rum4a_10 ._label_rum4a_26 {
  display: flex;
  cursor: pointer;
  color: var(--text-normal);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
}
._container_rum4a_10 ._caption_rum4a_34 {
  display: inline;
}
._container_rum4a_10 input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
._container_rum4a_10 ._checkmark_rum4a_43 {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 0.25rem;
  border: 1px solid var(--borderColorInput);
  background-color: var(--backgroundInput);
}
._container_rum4a_10 ._checkmark_rum4a_43._checked_rum4a_53 {
  background-color: var(--accent);
}
._container_rum4a_10 ._checkmark_rum4a_43._checked_rum4a_53:after {
  content: "";
  position: absolute;
  display: block;
  left: 6px;
  top: 1px;
  width: 3px;
  height: 9px;
  border-color: var(--accentContrast);
  border-style: solid;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
._container_rum4a_10 ._checkmark_rum4a_43._errorText_rum4a_69 {
  border-color: var(--error);
  background: color-mix(in srgb, var(--error) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._container_rum4a_10._disabled_rum4a_73 ._label_rum4a_26,
._container_rum4a_10._disabled_rum4a_73 ._checkmark_rum4a_43 {
  cursor: default;
}
._container_rum4a_10._disabled_rum4a_73 ._checkmark_rum4a_43 {
  opacity: 0.45;
}

html:not(.flat) ._label_rum4a_26,
html:not(.flat) ._helper_rum4a_21 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1695l_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1695l_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1695l_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1695l_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_1695l_61 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: max(2rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  position: relative;
}
._wrapper_1695l_61 ._appLogo_1695l_72 {
  cursor: pointer;
  height: 2.5rem;
  transition: transform var(--transitionTime);
  width: auto;
}
._wrapper_1695l_61 ._appLogo_1695l_72:hover {
  transform: scale(1.05);
}
._wrapper_1695l_61 ._card_1695l_81 {
  border-radius: var(--glassRadius);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 28rem;
  padding: 2rem;
  position: relative;
  width: 100%;
  word-break: break-word;
  z-index: 1;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media only screen and (min-width: 576px) {
  ._wrapper_1695l_61 ._card_1695l_81 {
    padding: 2.5rem;
  }
}

._deco_1695l_104 {
  display: none;
  inset: 0;
  pointer-events: none;
  position: absolute;
}
@media only screen and (min-width: 992px) {
  ._deco_1695l_104 {
    display: block;
  }
}
._deco_1695l_104 ._decoChip_1695l_115 {
  align-items: center;
  border-radius: 999px;
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  position: absolute;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  animation: _auth-chip-float_1695l_1 7s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._deco_1695l_104 ._decoChip_1695l_115 {
    animation: none;
  }
}
._deco_1695l_104 ._decoChip_1695l_115 svg {
  height: 1rem;
  width: 1rem;
}
._deco_1695l_104 ._decoChip_1695l_115 svg * {
  fill: var(--accent);
}
._deco_1695l_104 ._decoChip_1695l_115 svg [fill=none] {
  fill: none;
}
._deco_1695l_104 ._decoChip_1695l_115 svg [fill=white] {
  fill: transparent;
}
._deco_1695l_104 ._decoChip_1695l_115 span {
  color: var(--textSecondary);
  font-size: 0.85rem;
  font-weight: 700;
  white-space: nowrap;
}
._deco_1695l_104 ._decoChipLeft_1695l_153 {
  left: calc(50% - 24rem);
  top: 28%;
}
._deco_1695l_104 ._decoChipRight_1695l_157 {
  animation-delay: -2.5s;
  right: calc(50% - 25rem);
  top: 38%;
}
._deco_1695l_104 ._decoChipBottom_1695l_162 {
  animation-delay: -5s;
  bottom: 22%;
  left: calc(50% - 22rem);
}

@keyframes _auth-chip-float_1695l_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}._resetPasswordForm_1w50a_1 ._resetPasswordButton_1w50a_1 {
  margin: 3rem 0 1rem;
}
._resetPasswordForm_1w50a_1 ._helperText_1w50a_4 {
  font-size: 0.9rem;
  color: var(--textSecondary);
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}._checkEmailModal_1snzt_1 {
  max-width: 24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: static;
  z-index: 1000;
}
._checkEmailModal_1snzt_1 ._modalTitle_1snzt_9 {
  font-size: 1.5rem;
  text-align: center;
}
._checkEmailModal_1snzt_1 ._modalText_1snzt_13 {
  font-size: 1rem;
  margin: 0 0 2.8rem 0;
  text-align: center;
}
._checkEmailModal_1snzt_1 ._image_1snzt_18 {
  margin-bottom: 2.25rem;
}
._checkEmailModal_1snzt_1 ._homepageLink_1snzt_21 {
  text-decoration: none;
  color: --var(--accent);
  margin-bottom: 2rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1xwxd_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1xwxd_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1xwxd_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1xwxd_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._overlay_1xwxd_44 {
  align-items: start;
  background-color: var(--backgroundLightbox);
  backdrop-filter: blur(1rem) saturate(140%);
  -webkit-backdrop-filter: blur(1rem) saturate(140%);
}
@media (hover: none) and (pointer: coarse) {
  ._overlay_1xwxd_44 {
    backdrop-filter: blur(1rem) saturate(140%) !important;
    -webkit-backdrop-filter: blur(1rem) saturate(140%) !important;
  }
}
._overlay_1xwxd_44 {
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  overflow-y: auto;
  padding: 1rem;
  position: fixed;
  transition: opacity var(--transitionTime);
  z-index: 9000;
}
._overlay_1xwxd_44._afterOpen_1xwxd_67 {
  opacity: 1;
}
._overlay_1xwxd_44._afterOpen_1xwxd_67 ._modal_1xwxd_70 {
  transform: scale(1);
}
._overlay_1xwxd_44._beforeClose_1xwxd_73 {
  opacity: 0;
}
._overlay_1xwxd_44._beforeClose_1xwxd_73 ._modal_1xwxd_70 {
  transform: scale(0.9);
}
@media only screen and (min-width: 576px) {
  ._overlay_1xwxd_44 {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  ._overlay_1xwxd_44 {
    padding: 2rem;
    padding-top: 6rem;
  }
}

._modal_1xwxd_70 {
  display: grid;
  background: var(--glassBgModal);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._modal_1xwxd_70 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
  }
}
._modal_1xwxd_70 {
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  border-radius: var(--glassRadius);
  box-sizing: border-box;
  gap: 2rem;
  max-width: 100%;
  padding: 1.5rem;
  outline: none;
  transform: scale(0.9);
  transition: transform var(--transitionTime);
  grid-template-columns: minmax(0, 1fr);
  word-break: break-word;
}
@media only screen and (min-width: 768px) {
  ._modal_1xwxd_70 {
    padding: 2rem;
  }
}

._header_1xwxd_124 {
  align-items: start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
._header_1xwxd_124 h2 {
  font-size: 1.5rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  ._header_1xwxd_124 h2 {
    font-size: 2rem;
  }
}
._header_1xwxd_124 button {
  background: none;
  border: none;
  cursor: pointer;
}._actions_slx1w_1 {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 1rem;
}
@media only screen and (min-width: 576px) {
  ._actions_slx1w_1 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: end;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1bzgn_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1bzgn_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1bzgn_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1bzgn_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._dashboardWrapper_1bzgn_44 {
  background: transparent;
  box-sizing: border-box;
  display: grid;
  gap: 1rem 0;
  grid-template-columns: 0 minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  min-height: 100dvh;
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  position: relative;
  transition: gap 0.35s cubic-bezier(0.4, 0, 0.2, 1), grid-template-columns 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
._dashboardWrapper_1bzgn_44 ._navbarWrapper_1bzgn_58 {
  grid-column: 1/span 2;
  grid-row: 1;
  position: -webkit-sticky;
  position: sticky;
  top: max(1rem, env(safe-area-inset-top));
  z-index: 100;
}
._dashboardWrapper_1bzgn_44 ._sidebarWrapper_1bzgn_66 {
  grid-column: 1;
  grid-row: 1/span 2;
  height: calc(100vh - 2rem);
  height: calc(100dvh - 2rem);
  opacity: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  z-index: 500;
}
._dashboardWrapper_1bzgn_44 ._contentWrapper_1bzgn_79 {
  grid-column: 1/span 2;
  grid-row: 2;
  width: 100%;
}
._dashboardWrapper_1bzgn_44 ._mobileOverlay_1bzgn_84 {
  backdrop-filter: blur(0.5rem);
}
@media (hover: none) and (pointer: coarse) {
  ._dashboardWrapper_1bzgn_44 ._mobileOverlay_1bzgn_84 {
    backdrop-filter: blur(0.5rem) saturate(100%) !important;
    -webkit-backdrop-filter: blur(0.5rem) saturate(100%) !important;
  }
}
._dashboardWrapper_1bzgn_44 ._mobileOverlay_1bzgn_84 {
  background-color: var(--backgroundLightbox);
  cursor: pointer;
  height: 100vh;
  height: 100dvh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100vw;
  width: 100dvw;
  z-index: 400;
}
@media only screen and (max-width: 1199px) {
  ._dashboardWrapper_1bzgn_44 ._sidebarWrapper_1bzgn_66 {
    bottom: max(1rem, env(safe-area-inset-bottom));
    height: auto;
    left: max(1rem, env(safe-area-inset-left));
    position: fixed;
    width: 19rem;
    transform: translateX(calc(-100% - 1rem));
    opacity: 1;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  ._dashboardWrapper_1bzgn_44._sidebarOpenMobile_1bzgn_121 ._sidebarWrapper_1bzgn_66 {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
  }
  ._dashboardWrapper_1bzgn_44._sidebarOpenMobile_1bzgn_121 ._mobileOverlay_1bzgn_84 {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 575px) {
  ._dashboardWrapper_1bzgn_44 ._navbarWrapper_1bzgn_58 {
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: max(1rem, env(safe-area-inset-left));
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    top: auto;
  }
  ._dashboardWrapper_1bzgn_44 ._contentWrapper_1bzgn_79 {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
  }
  ._dashboardWrapper_1bzgn_44 ._sidebarWrapper_1bzgn_66 {
    transform: translateY(calc(100% + 1rem));
  }
  ._dashboardWrapper_1bzgn_44._sidebarOpenMobile_1bzgn_121 ._sidebarWrapper_1bzgn_66 {
    transform: translateY(0);
  }
}
@media only screen and (min-width: 1200px) {
  ._dashboardWrapper_1bzgn_44 ._sidebarWrapper_1bzgn_66 {
    z-index: 0;
  }
  ._dashboardWrapper_1bzgn_44 ._contentWrapper_1bzgn_79 {
    grid-column: 2;
    z-index: 1;
  }
  ._dashboardWrapper_1bzgn_44 ._navbarWrapper_1bzgn_58 {
    grid-column: 2;
  }
  ._dashboardWrapper_1bzgn_44._sidebarOpenDesktop_1bzgn_160 {
    column-gap: 1rem;
    grid-template-columns: 19rem minmax(0, 1fr);
  }
  ._dashboardWrapper_1bzgn_44._sidebarOpenDesktop_1bzgn_160 ._sidebarWrapper_1bzgn_66 {
    opacity: 1;
    visibility: visible;
  }
}
@media print {
  ._dashboardWrapper_1bzgn_44 ._navbarWrapper_1bzgn_58,
  ._dashboardWrapper_1bzgn_44 ._sidebarWrapper_1bzgn_66,
  ._dashboardWrapper_1bzgn_44 ._mobileOverlay_1bzgn_84 {
    display: none;
  }
  ._dashboardWrapper_1bzgn_44 {
    background: none;
    min-height: 0;
    padding: 0;
  }
  ._dashboardWrapper_1bzgn_44 ._contentWrapper_1bzgn_79 {
    grid-column: 1/-1;
    padding-bottom: 0;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1xn0u_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1xn0u_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1xn0u_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1xn0u_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._navbar_1xn0u_44 {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  transition: var(--transitionTime);
  position: relative;
  z-index: 0;
  border-color: var(--glassBorder);
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
._navbar_1xn0u_44::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--glassBgStrong);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
}
@media (hover: none) and (pointer: coarse) {
  ._navbar_1xn0u_44::before {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
  }
}
@media only screen and (max-width: 575px) {
  ._navbar_1xn0u_44 {
    align-items: center;
    gap: 0;
    justify-content: space-between;
  }
  ._navbar_1xn0u_44 ._section_1xn0u_78 {
    display: contents;
  }
  ._navbar_1xn0u_44 ._organization_1xn0u_81 {
    display: none;
  }
  ._navbar_1xn0u_44 ._settingsButton_1xn0u_84 {
    order: 1;
  }
  ._navbar_1xn0u_44 ._navbarNotification_1xn0u_87 {
    order: 2;
  }
  ._navbar_1xn0u_44 ._profileButton_1xn0u_90 {
    order: 3;
  }
  ._navbar_1xn0u_44 ._profileButton_1xn0u_90._profileButton_1xn0u_90 {
    padding: 0.5rem;
    border-radius: 100%;
    gap: 0;
  }
  ._navbar_1xn0u_44 ._searchButton_1xn0u_98 {
    order: 4;
  }
  ._navbar_1xn0u_44 ._menuButton_1xn0u_101 {
    order: 5;
  }
}
._navbar_1xn0u_44 ._navbarTimer_1xn0u_105 {
  display: none;
}
@media only screen and (min-width: 576px) {
  ._navbar_1xn0u_44 ._navbarTimer_1xn0u_105 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}
._navbar_1xn0u_44 ._section_1xn0u_78 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
@media only screen and (min-width: 320px) {
  ._navbar_1xn0u_44 ._section_1xn0u_78 ._navbarNotification_1xn0u_87 {
    display: flex;
  }
}
._navbar_1xn0u_44 ._menuButton_1xn0u_101 svg {
  height: 1rem;
}
@media only screen and (max-width: 575px) {
  ._navbar_1xn0u_44 ._menuButton_1xn0u_101 {
    overflow: visible;
  }
  ._navbar_1xn0u_44 ._menuButton_1xn0u_101::after {
    content: "";
    position: absolute;
    inset: -0.9rem -0.65rem;
  }
}
._navbar_1xn0u_44 ._logoutButton_1xn0u_138 {
  display: none;
}
@media only screen and (min-width: 768px) {
  ._navbar_1xn0u_44 ._logoutButton_1xn0u_138 {
    display: inline-flex;
  }
}
._navbar_1xn0u_44 ._profileButton_1xn0u_90 ._firstName_1xn0u_146,
._navbar_1xn0u_44 ._profileButton_1xn0u_90 ._lastName_1xn0u_147 {
  color: var(--textPrimary);
}
._navbar_1xn0u_44 ._fullName_1xn0u_150 {
  color: var(--textPrimary);
  display: none;
  max-width: 12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media only screen and (min-width: 576px) {
  ._navbar_1xn0u_44 ._fullName_1xn0u_150 {
    display: inline-block;
  }
}
html.has-bg-image:not(.flat) ._navbar_1xn0u_44 ._fullName_1xn0u_150 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._navbar_1xn0u_44 ._selectCurrentOrganization_1xn0u_167 {
  display: none;
}
@media only screen and (min-width: 576px) {
  ._navbar_1xn0u_44 ._selectCurrentOrganization_1xn0u_167 {
    display: inline-flex;
  }
}
._navbar_1xn0u_44 ._organization_1xn0u_81 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._navbar_1xn0u_44 ._organization_1xn0u_81 ._organizationName_1xn0u_180 {
  display: none;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 576px) {
  ._navbar_1xn0u_44 ._organization_1xn0u_81 ._organizationName_1xn0u_180 {
    display: block;
  }
}
html.has-bg-image:not(.flat) ._navbar_1xn0u_44 ._organization_1xn0u_81 ._organizationName_1xn0u_180 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._chip_1doxp_1 {
  align-items: center;
  background: var(--glassFieldBg);
  border: 1px solid var(--glassBorder);
  border-radius: 0.55rem;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.9rem;
  justify-content: center;
  max-width: 8rem;
  min-width: 1.9rem;
  overflow: hidden;
  padding: 0.1875rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
._chip_1doxp_1 ._image_1doxp_17 {
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
._chip_1doxp_1 ._initials_1doxp_23 {
  color: var(--accent);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1sqag_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1sqag_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1sqag_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1sqag_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._content_1sqag_52 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._content_1sqag_52 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

._card_1sqag_64 {
  margin-top: 1rem;
  position: absolute;
  transform: translateX(-43%);
  z-index: 1000000000;
  max-width: 100%;
  max-height: 500px;
  max-height: min(500px, 100vh - 7rem);
  max-height: min(500px, 100dvh - 7rem);
  width: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--glassBgStrong) !important;
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
}
@media (hover: none) and (pointer: coarse) {
  ._card_1sqag_64 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
  }
}
._card_1sqag_64 {
  animation: _popover-fade-in_1sqag_1 var(--transitionTimeFast) ease both;
}
@media only screen and (max-width: 575px) {
  ._card_1sqag_64 {
    bottom: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    top: auto;
    margin-top: 0;
    width: auto;
    max-width: none;
    transform: none;
    max-height: 60vh;
  }
}
._card_1sqag_64 ._list_1sqag_103 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -1rem -1rem;
  padding: 0.25rem 0.5rem 1rem 1rem;
}
._card_1sqag_64 ._notification_1sqag_111 {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  margin-top: 0.5rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 1rem;
  position: relative;
}
._card_1sqag_64 ._notification_1sqag_111:hover {
  cursor: pointer;
  background-color: var(--backgroundPrimaryInverseFaded);
}
._card_1sqag_64 ._date_1sqag_125 {
  display: inline-block;
  font-size: x-small;
}
html:not(.flat) ._card_1sqag_64 ._date_1sqag_125 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._systemAdminCard_1sqag_133 {
  transform: translateX(-60%);
}
@media only screen and (max-width: 575px) {
  ._systemAdminCard_1sqag_133 {
    transform: none;
  }
}

._message_1sqag_142 {
  flex: 1;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  padding-right: 0.5rem;
}
html.has-bg-image:not(.flat) ._message_1sqag_142 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._circle_1sqag_154 {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--accent) !important;
  margin-right: 0.5rem;
}

._transparentCircle_1sqag_163 {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 0.5rem;
}

._navbarButton_1sqag_172 {
  position: relative;
}
._navbarButton_1sqag_172 ._button_1sqag_175 {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
._navbarButton_1sqag_172 ._button_1sqag_175 svg * {
  fill: var(--accent) !important;
}
html.has-bg-image:not(.flat) ._navbarButton_1sqag_172 ._button_1sqag_175 svg {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}
._navbarButton_1sqag_172 ._bullet_1sqag_186 {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 0.05rem 0.3rem;
  font-size: 0.75em;
  font-weight: 400;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

._header_1sqag_198 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 3.7rem;
  margin: -1rem -1rem 0;
  padding: 0.75rem 1rem;
  background: var(--glassBgStrong);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%);
  border-bottom: 1px solid var(--borderColorGeneral);
  border-radius: 1rem 1rem 0 0;
}
._header_1sqag_198 ._title_1sqag_213 {
  font-weight: 600;
  font-size: 0.95rem;
}
html.has-bg-image:not(.flat) ._header_1sqag_198 ._title_1sqag_213 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._contentWrapper_1ue1v_1 {
  opacity: 0;
  overflow: hidden;
  transition: height var(--transitionTime), opacity var(--transitionTimeFast), visibility var(--transitionTimeFast);
  visibility: hidden;
}
._contentWrapper_1ue1v_1._open_1ue1v_7 {
  opacity: 1;
  overflow: visible;
  visibility: visible;
}
._contentWrapper_1ue1v_1._noFade_1ue1v_12 {
  opacity: 1;
  transition: height var(--transitionTime);
  visibility: visible;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1mwrk_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1mwrk_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1mwrk_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1mwrk_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._content_1mwrk_44 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._content_1mwrk_44 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

._card_1mwrk_56 {
  position: absolute;
  transform: translateX(-80%);
  z-index: 1000000000;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 15rem;
  background: var(--glassBgStrong) !important;
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
}
@media (hover: none) and (pointer: coarse) {
  ._card_1mwrk_56 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong) !important;
  }
}
._card_1mwrk_56 {
  animation: _popover-fade-in_1mwrk_1 var(--transitionTimeFast) ease both;
  max-height: calc(100vh - 7rem);
  max-height: calc(100dvh - 7rem);
  overflow-y: auto;
}
@media only screen and (max-width: 575px) {
  ._card_1mwrk_56 {
    bottom: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    top: auto;
    transform: none;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  ._card_1mwrk_56 {
    transform: translateX(-70%);
    margin-top: 1rem;
    width: 26rem;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._row_snhd8_10 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1rem;
}

._slider_snhd8_17 {
  flex: 1 1 auto;
  min-width: 0;
  height: 1.5rem;
  margin: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
._slider_snhd8_17:disabled {
  cursor: not-allowed;
}
._slider_snhd8_17:focus-visible {
  outline: none;
}
._slider_snhd8_17::-webkit-slider-runnable-track {
  height: 0.375rem;
  border-radius: 999px;
  background: linear-gradient(to right, var(--accent) 0, var(--accent) var(--range-fill, 0%), var(--borderColorInput) var(--range-fill, 0%), var(--borderColorInput) 100%);
}
._slider_snhd8_17::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.4375rem;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid var(--backgroundInput);
  box-shadow: 0 1px 2px var(--shadowColor);
  cursor: pointer;
}
._slider_snhd8_17::-moz-range-track {
  height: 0.375rem;
  border-radius: 999px;
  background: var(--borderColorInput);
}
._slider_snhd8_17::-moz-range-progress {
  height: 0.375rem;
  border-radius: 999px;
  background: var(--accent);
}
._slider_snhd8_17::-moz-range-thumb {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid var(--backgroundInput);
  box-shadow: 0 1px 2px var(--shadowColor);
  cursor: pointer;
}
@media (pointer: coarse) {
  ._slider_snhd8_17 {
    height: 2rem;
  }
  ._slider_snhd8_17::-webkit-slider-thumb {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.5625rem;
  }
  ._slider_snhd8_17::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
  }
}

._value_snhd8_84 {
  flex: 0 0 auto;
  min-width: 2.75rem;
  text-align: right;
  color: var(--textPrimary);
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html.liquid ._slider_snhd8_17:active::-webkit-slider-thumb {
    background: color-mix(in srgb, var(--accent) 35%, transparent);
    border-color: color-mix(in srgb, var(--glassHighlight) 50%, transparent);
    backdrop-filter: blur(1.5px) var(--glassRefractionThumb);
    -webkit-backdrop-filter: blur(1.5px) var(--glassRefractionThumb);
    box-shadow: inset 1px 1px 0 color-mix(in srgb, var(--glassHighlight) 60%, transparent), inset -1px -1px 0 color-mix(in srgb, var(--glassHighlight) 25%, transparent), inset 0 0 8px color-mix(in srgb, var(--glassHighlight) 50%, transparent), 0 2px 6px -1px var(--shadowColor);
    transform: scale(1.08);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._switch_3q6l9_10 {
  --sw-h: 1.75rem;
  --sw-w: 3.25rem;
  --sw-pad: 0.1875rem;
  --sw-travel: calc(var(--sw-w) - var(--sw-h));
  --complete: 0;
  --sw-delta: 0;
  --sw-x: calc(var(--complete) / 100 * var(--sw-travel));
  --sw-pop: 1.16;
  --knob-sx: 1;
  --knob-sy: 1;
  --sw-bounce: linear(
    0,
    0.402 7.3%,
    0.711 14.8%,
    0.929 22.6%,
    1.07 30.9%,
    1.121 39.9%,
    1.119 45.5%,
    1.085 51.2%,
    1 69.8%,
    0.984 78%,
    1
  );
  position: relative;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: var(--sw-w);
  height: var(--sw-h);
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
}
._switch_3q6l9_10 > * {
  pointer-events: none;
}
._switch_3q6l9_10:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._switch_3q6l9_10:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._switch_3q6l9_10[aria-checked=true] {
  --complete: 100;
}
._switch_3q6l9_10[data-active=true] {
  --knob-sx: calc(var(--sw-pop) + (var(--sw-delta) * 0.014));
  --knob-sy: calc(var(--sw-pop) - (var(--sw-delta) * 0.014));
}

._track_3q6l9_69 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: color-mix(in srgb, var(--backgroundInput), var(--accent) calc(var(--complete) * 1%));
  border: 1px solid var(--borderColorInput);
  box-shadow: inset 0 1px 2px -1px var(--shadowColor);
  backdrop-filter: var(--glassRefractionEdge);
  -webkit-backdrop-filter: var(--glassRefractionEdge);
  transition: background-color var(--transitionTime), border-color var(--transitionTime), box-shadow var(--transitionTime);
}

._switch_3q6l9_10[aria-checked=true] ._track_3q6l9_69 {
  border-color: transparent;
  box-shadow: inset 0 1px 0 var(--glassHighlight), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 25%, transparent), inset 0 -6px 10px -8px var(--shadowColor), 0 1px 2px -1px var(--shadowColor), 0 6px 16px -10px var(--glassGlow);
}

._switch_3q6l9_10[data-dragging=true] ._track_3q6l9_69 {
  transition: border-color var(--transitionTime), box-shadow var(--transitionTime);
}

._liquid_3q6l9_90 {
  position: absolute;
  inset: var(--sw-pad);
  border-radius: inherit;
  filter: url(#switch-goo) drop-shadow(0 1px 2px color-mix(in srgb, var(--shadowColor) 65%, transparent));
}

._thumb_3q6l9_97,
._tail_3q6l9_98 {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--sw-h) - 2 * var(--sw-pad));
  height: calc(var(--sw-h) - 2 * var(--sw-pad));
  border-radius: 50%;
  background-color: var(--glassKnob);
  translate: var(--sw-x) 0;
  scale: var(--knob-sx) var(--knob-sy);
}

._thumb_3q6l9_97 {
  transition: translate var(--transitionTimeFast) var(--sw-bounce), scale var(--transitionTimeFast) ease-out;
}

._tail_3q6l9_98 {
  transition: translate calc(var(--transitionTimeFast) * 2.4) var(--sw-bounce), scale var(--transitionTimeFast) ease-out;
}

._switch_3q6l9_10[data-dragging=true] ._thumb_3q6l9_97,
._switch_3q6l9_10[data-dragging=true] ._tail_3q6l9_98 {
  transition: scale var(--transitionTimeFast) ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ._thumb_3q6l9_97,
  ._tail_3q6l9_98 {
    transition: translate var(--transitionTimeFast) ease, scale var(--transitionTimeFast) ease;
  }
}._modal_1gr08_1 {
  width: 26rem;
  max-width: 92vw;
}

._body_1gr08_6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._previewRow_1gr08_12 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._previewThumb_1gr08_18 {
  flex: none;
  width: 3.25rem;
  height: 2.1rem;
  border-radius: 0.4rem;
  border: 1px solid var(--borderColorInput);
  background-color: var(--glassFieldBg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

._previewName_1gr08_30 {
  font-size: 0.9rem;
  color: var(--textPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._hint_1gr08_38 {
  margin: 0;
  font-size: 0.78rem;
  color: var(--textSecondary);
}

._accentControls_1gr08_44 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

._resetButton_1gr08_50 {
  border: none;
  background: transparent;
  color: var(--textSecondary);
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0.1rem 0.2rem;
  text-decoration: underline;
}
._resetButton_1gr08_50:hover {
  color: var(--textPrimary);
}
._resetButton_1gr08_50:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
  border-radius: 0.2rem;
}

._switchRow_1gr08_68 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._switchRowText_1gr08_75 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._switchRowLabel_1gr08_82 {
  font-size: 0.875rem;
  color: var(--textPrimary);
}

._switchRowHelper_1gr08_87 {
  font-size: 0.75rem;
  color: var(--textSecondary);
}

._segmented_1gr08_92 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.25rem;
  border-radius: 0.6rem;
  border: 1px solid var(--borderColorInput);
  background: var(--glassFieldBg);
}

._segmentedOption_1gr08_102 {
  border: none;
  background: transparent;
  padding: 0.42rem 0.5rem;
  border-radius: 0.45rem;
  font-size: 0.8rem;
  color: var(--textSecondary);
  cursor: pointer;
  transition: background var(--transitionTimeFast) ease, color var(--transitionTimeFast) ease;
}
._segmentedOption_1gr08_102:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._segmentedOptionActive_1gr08_117 {
  background: var(--accent);
  color: var(--accentContrast);
}._gallery_1mfdu_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._hiddenFileInput_1mfdu_7 {
  display: none;
}

._grid_1mfdu_11 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 0.5rem;
}

._tile_1mfdu_17 {
  position: relative;
  aspect-ratio: 16/10;
  border-radius: 0.75rem;
  border: 1px solid var(--borderColorInput);
  background-color: var(--glassFieldBg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 0;
  transition: transform var(--transitionTimeFast) ease, box-shadow var(--transitionTimeFast) ease, border-color var(--transitionTimeFast) ease;
}
@media (hover: hover) {
  ._tile_1mfdu_17:hover {
    transform: scale(1.03);
  }
}

._tileActive_1mfdu_36 {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent);
}

._tile_1mfdu_17:focus-within {
  box-shadow: 0 0 0 2px var(--accent);
}

._tileSelect_1mfdu_45 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

._tileNone_1mfdu_56 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%);
}

._tileNoneLabel_1mfdu_63 {
  font-size: 0.7rem;
  color: var(--textSecondary);
  pointer-events: none;
}

._tileAdd_1mfdu_69 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: dashed;
  color: var(--textSecondary);
  cursor: pointer;
}
._tileAdd_1mfdu_69:disabled {
  cursor: default;
}

._addContent_1mfdu_81 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
}
._addContent_1mfdu_81 svg {
  width: 1.25rem;
  height: 1.25rem;
}

._checkBadge_1mfdu_93 {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accentContrast);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
._checkBadge_1mfdu_93 svg {
  width: 0.72rem;
  height: 0.72rem;
}

._removeButton_1mfdu_112 {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 1.3rem;
  height: 1.3rem;
  border: none;
  border-radius: 999px;
  background: color-mix(in srgb, var(--backgroundPrimaryInverse) 74%, transparent);
  color: var(--textPrimaryInverse);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transitionTimeFast) ease;
}
._removeButton_1mfdu_112 svg {
  width: 0.72rem;
  height: 0.72rem;
}
._removeButton_1mfdu_112:focus-visible {
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._settingsButton_1mfdu_139 {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  width: 1.3rem;
  height: 1.3rem;
  border: none;
  border-radius: 999px;
  background: color-mix(in srgb, var(--backgroundPrimaryInverse) 74%, transparent);
  color: var(--textPrimaryInverse);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transitionTimeFast) ease;
}
._settingsButton_1mfdu_139 svg {
  width: 0.8rem;
  height: 0.8rem;
}
._settingsButton_1mfdu_139:focus-visible {
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

@media (hover: hover) {
  ._tile_1mfdu_17:hover ._removeButton_1mfdu_112,
  ._tile_1mfdu_17:hover ._settingsButton_1mfdu_139 {
    opacity: 1;
  }
}
@media (hover: none) {
  ._removeButton_1mfdu_112 {
    opacity: 0;
    width: 2.25rem;
    height: 2.25rem;
    top: 0.15rem;
    right: 0.15rem;
  }
  ._settingsButton_1mfdu_139 {
    opacity: 0;
    width: 2.25rem;
    height: 2.25rem;
    bottom: 0.15rem;
    right: 0.15rem;
  }
  ._tileActive_1mfdu_36 ._removeButton_1mfdu_112,
  ._tileActive_1mfdu_36 ._settingsButton_1mfdu_139 {
    opacity: 1;
  }
}
._switchRow_1mfdu_192 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._switchRowText_1mfdu_199 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._switchRowLabel_1mfdu_206 {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._switchRowLabel_1mfdu_206 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._switchRowHelper_1mfdu_215 {
  font-size: 0.75rem;
  color: var(--textSecondary);
}
html:not(.flat) ._switchRowHelper_1mfdu_215 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._controls_3xa2n_18 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._segmented_3xa2n_24 {
  --seg-gap: 0.25rem;
  --seg-pad: 0.25rem;
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: var(--seg-gap);
  width: 100%;
  padding: var(--seg-pad);
  background-color: var(--backgroundInput);
  border: 1px solid var(--borderColorInput);
  border-radius: 0.875rem;
}

._segmentedPill_3xa2n_39 {
  position: absolute;
  top: var(--seg-pad);
  bottom: var(--seg-pad);
  left: var(--seg-pad);
  z-index: 0;
  width: calc((100% - 2 * var(--seg-pad) - (var(--seg-count, 1) - 1) * var(--seg-gap)) / var(--seg-count, 1));
  background-color: var(--accent);
  border-radius: 0.625rem;
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 25%, transparent), inset 0 -6px 10px -8px var(--shadowColor), 0 1px 2px -1px var(--shadowColor), 0 6px 16px -10px var(--glassGlow);
  transform: translateX(calc(var(--seg-index, 0) * (100% + var(--seg-gap))));
  transition: transform var(--transitionTime);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  ._segmentedPill_3xa2n_39 {
    transition: none;
  }
}

._segmentedOption_3xa2n_59 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.6rem 0.25rem;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--textSecondary);
  background: transparent;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: background-color var(--transitionTimeFast) ease, color var(--transitionTimeFast) ease;
}
._segmentedOption_3xa2n_59:hover:not(._segmentedOptionActive_3xa2n_79):not(._segmentedOptionDisabled_3xa2n_79) {
  color: var(--accent);
  background-color: color-mix(in srgb, var(--accent) 12%, transparent);
}
html:not(.flat) ._segmentedOption_3xa2n_59:not(._segmentedOptionActive_3xa2n_79):not(._segmentedOptionDisabled_3xa2n_79) {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
html.has-bg-image:not(.flat) ._segmentedOption_3xa2n_59:not(._segmentedOptionActive_3xa2n_79):not(._segmentedOptionDisabled_3xa2n_79) ._segmentedIcon_3xa2n_86 {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}
._segmentedOption_3xa2n_59:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
@media only screen and (min-width: 768px) {
  ._segmentedOption_3xa2n_59 {
    flex-direction: row;
    gap: 0.5rem;
    font-size: 0.85rem;
    padding: 0.6rem 0.5rem;
  }
}

._segmentedOptionActive_3xa2n_79 {
  color: var(--accentContrast);
}

._segmentedOptionDisabled_3xa2n_79 {
  cursor: not-allowed;
  opacity: 0.45;
}

._segmentedIcon_3xa2n_86 {
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
}

._segmentedLabel_3xa2n_117 {
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

._switchRow_3xa2n_123 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._switchRowText_3xa2n_130 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._switchRowLabel_3xa2n_137 {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._switchRowLabel_3xa2n_137 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._switchRowHelper_3xa2n_146 {
  font-size: 0.75rem;
  color: var(--textSecondary);
}
html:not(.flat) ._switchRowHelper_3xa2n_146 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */:root {
  font-family: "Inter var", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family: "Inter var", sans-serif;
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --surface-a: #ffffff;
  --surface-b: #f9fafb;
  --surface-c: #f3f4f6;
  --surface-d: #e5e7eb;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #4b5563;
  --text-color-secondary: #6b7280;
  --primary-color: #6366f1;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f9fafb;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dfe7ef;
  --surface-hover: #f6f9fc;
  --focus-ring: 0 0 0 0.2rem #c7d2fe;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #eef2ff;
  --highlight-text-color: #4338ca;
  color-scheme: light;
}

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("/assets/InterVariable-CWi-zmRD.woff2") format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("/assets/InterVariable-Italic-d6KXgdvN.woff2") format("woff2");
}
:root {
  --blue-50:#f5f9ff;
  --blue-100:#d0e1fd;
  --blue-200:#abc9fb;
  --blue-300:#85b2f9;
  --blue-400:#609af8;
  --blue-500:#3b82f6;
  --blue-600:#326fd1;
  --blue-700:#295bac;
  --blue-800:#204887;
  --blue-900:#183462;
  --green-50:#f4fcf7;
  --green-100:#caf1d8;
  --green-200:#a0e6ba;
  --green-300:#76db9b;
  --green-400:#4cd07d;
  --green-500:#22c55e;
  --green-600:#1da750;
  --green-700:#188a42;
  --green-800:#136c34;
  --green-900:#0e4f26;
  --yellow-50:#fefbf3;
  --yellow-100:#faedc4;
  --yellow-200:#f6de95;
  --yellow-300:#f2d066;
  --yellow-400:#eec137;
  --yellow-500:#eab308;
  --yellow-600:#c79807;
  --yellow-700:#a47d06;
  --yellow-800:#816204;
  --yellow-900:#5e4803;
  --cyan-50:#f3fbfd;
  --cyan-100:#c3edf5;
  --cyan-200:#94e0ed;
  --cyan-300:#65d2e4;
  --cyan-400:#35c4dc;
  --cyan-500:#06b6d4;
  --cyan-600:#059bb4;
  --cyan-700:#047f94;
  --cyan-800:#036475;
  --cyan-900:#024955;
  --pink-50:#fef6fa;
  --pink-100:#fad3e7;
  --pink-200:#f7b0d3;
  --pink-300:#f38ec0;
  --pink-400:#f06bac;
  --pink-500:#ec4899;
  --pink-600:#c93d82;
  --pink-700:#a5326b;
  --pink-800:#822854;
  --pink-900:#5e1d3d;
  --indigo-50:#f7f7fe;
  --indigo-100:#dadafc;
  --indigo-200:#bcbdf9;
  --indigo-300:#9ea0f6;
  --indigo-400:#8183f4;
  --indigo-500:#6366f1;
  --indigo-600:#5457cd;
  --indigo-700:#4547a9;
  --indigo-800:#363885;
  --indigo-900:#282960;
  --teal-50:#f3fbfb;
  --teal-100:#c7eeea;
  --teal-200:#9ae0d9;
  --teal-300:#6dd3c8;
  --teal-400:#41c5b7;
  --teal-500:#14b8a6;
  --teal-600:#119c8d;
  --teal-700:#0e8174;
  --teal-800:#0b655b;
  --teal-900:#084a42;
  --orange-50:#fff8f3;
  --orange-100:#feddc7;
  --orange-200:#fcc39b;
  --orange-300:#fba86f;
  --orange-400:#fa8e42;
  --orange-500:#f97316;
  --orange-600:#d46213;
  --orange-700:#ae510f;
  --orange-800:#893f0c;
  --orange-900:#642e09;
  --bluegray-50:#f7f8f9;
  --bluegray-100:#dadee3;
  --bluegray-200:#bcc3cd;
  --bluegray-300:#9fa9b7;
  --bluegray-400:#818ea1;
  --bluegray-500:#64748b;
  --bluegray-600:#556376;
  --bluegray-700:#465161;
  --bluegray-800:#37404c;
  --bluegray-900:#282e38;
  --purple-50:#fbf7ff;
  --purple-100:#ead6fd;
  --purple-200:#dab6fc;
  --purple-300:#c996fa;
  --purple-400:#b975f9;
  --purple-500:#a855f7;
  --purple-600:#8f48d2;
  --purple-700:#763cad;
  --purple-800:#5c2f88;
  --purple-900:#432263;
  --red-50:#fff5f5;
  --red-100:#ffd0ce;
  --red-200:#ffaca7;
  --red-300:#ff8780;
  --red-400:#ff6259;
  --red-500:#ff3d32;
  --red-600:#d9342b;
  --red-700:#b32b23;
  --red-800:#8c221c;
  --red-900:#661814;
  --primary-50:#f7f7fe;
  --primary-100:#dadafc;
  --primary-200:#bcbdf9;
  --primary-300:#9ea0f6;
  --primary-400:#8183f4;
  --primary-500:#6366f1;
  --primary-600:#5457cd;
  --primary-700:#4547a9;
  --primary-800:#363885;
  --primary-900:#282960;
}

.p-editor-container .p-editor-toolbar {
  background: #f9fafb;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.75rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #4b5563;
  background: #f3f4f6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #4b5563;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #6366f1;
}

@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }
  .p-disabled, .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #e24c4c;
  }
  .p-text-secondary {
    color: #6b7280;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.375rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 6px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #4b5563;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #6366f1;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #d1d5db;
    color: #4b5563;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #e5e7eb;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #e5e7eb;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.75rem 0.75rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #d1d5db;
    border-radius: 6px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #4338ca;
    background: #4338ca;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #e24c4c;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #6366f1;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.375rem 0.75rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #e5e7eb;
    color: #4b5563;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-dropdown.p-variant-filled {
    background: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.75rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6b7280;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.75rem;
    margin-right: -1.75rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #f3f4f6;
    color: #6b7280;
    border-top: 1px solid #d1d5db;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    padding: 0.75rem 0.75rem;
    min-width: 3rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #d1d5db;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
    outline-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #6366f1;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b7bcc5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #4f46e5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #e24c4c;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    background: #ffffff;
    padding: 0.75rem 0.75rem;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #6366f1;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-float-label > label {
    left: 0.75rem;
    color: #6b7280;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #e24c4c;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2.5rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2.5rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2.5rem;
  }
  ::-webkit-input-placeholder {
    color: #6b7280;
  }
  :-moz-placeholder {
    color: #6b7280;
  }
  ::-moz-placeholder {
    color: #6b7280;
  }
  :-ms-input-placeholder {
    color: #6b7280;
  }
  .p-input-filled .p-inputtext {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.75rem;
    color: #6b7280;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2.5rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.75rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-listbox .p-listbox-list {
    padding: 0.75rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-listbox.p-invalid {
    border-color: #e24c4c;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-mention-panel .p-mention-items {
    padding: 0.75rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-multiselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.75rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-password.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-password-panel {
    padding: 1.25rem;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #e5e7eb;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #ea5455;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ff9f42;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
  }
  .p-radiobutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 22px;
    height: 22px;
  }
  .p-radiobutton .p-radiobutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #d1d5db;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #4338ca;
    background: #4338ca;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #e24c4c;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #4338ca;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #4338ca;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #374151;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-slider {
    background: #e5e7eb;
    border: 0 none;
    border-radius: 6px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #6366f1;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-slider .p-slider-range {
    background: #6366f1;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #6366f1;
    border-color: #6366f1;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.75rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.75rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-togglebutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-togglebutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #374151;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-button {
    color: #ffffff;
    background: #6366f1;
    border: 1px solid #6366f1;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-button:not(:disabled):hover {
    background: #4f46e5;
    color: #ffffff;
    border-color: #4f46e5;
  }
  .p-button:not(:disabled):active {
    background: #4338ca;
    color: #ffffff;
    border-color: #4338ca;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #6366f1;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #64748b;
    border: 1px solid #64748b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #334155;
    color: #ffffff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0ea5e9;
    border: 1px solid #0ea5e9;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bfdbfe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #0369a1;
    color: #ffffff;
    border-color: #0369a1;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #22c55e;
    border: 1px solid #22c55e;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #16a34a;
    color: #ffffff;
    border-color: #16a34a;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #15803d;
    color: #ffffff;
    border-color: #15803d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #ffffff;
    background: #f97316;
    border: 1px solid #f97316;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #ea580c;
    color: #ffffff;
    border-color: #ea580c;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde68a;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #c2410c;
    color: #ffffff;
    border-color: #c2410c;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #a855f7;
    border: 1px solid #a855f7;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #9333ea;
    color: #ffffff;
    border-color: #9333ea;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e9d5ff;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7e22ce;
    color: #ffffff;
    border-color: #7e22ce;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #ef4444;
    border: 1px solid #ef4444;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #dc2626;
    color: #ffffff;
    border-color: #dc2626;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fecaca;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #b91c1c;
    color: #ffffff;
    border-color: #b91c1c;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
    color: #ffffff;
    background: #1f2937;
    border: 1px solid #1f2937;
  }
  .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
    background: #374151;
    color: #ffffff;
    border-color: #374151;
  }
  .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
    background: #4b5563;
    color: #ffffff;
    border-color: #4b5563;
  }
  .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
    background-color: transparent;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
    background-color: transparent;
    color: #1f2937;
    border-color: transparent;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-link {
    color: #4338ca;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 6px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #4b5563;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #022354;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #d1d5db;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #9ca3af;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 700;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #eef2ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #eef2ff;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f9fafb;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f9fafb;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable-drag-selection-helper {
    background: rgba(99, 102, 241, 0.16);
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e5e7eb;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.75rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #f8f8fa;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #f3f4f6;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6f91ff;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-paginator {
    background: #ffffff;
    color: #6b7280;
    border: solid #f3f4f6;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #eef2ff;
    border-color: #eef2ff;
    color: #4338ca;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1.25rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
    border-radius: 6px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6b7280;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.75rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #8ba7ff;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-treetable .p-sortable-column {
    outline-color: #c7d2fe;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #4b5563;
  }
  .p-treetable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f9fafb;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #6366f1;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #e5e7eb;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-accordion .p-accordion-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 4px;
  }
  .p-card {
    background: #ffffff;
    color: #4b5563;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
  }
  .p-card .p-card-body {
    padding: 1.25rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6b7280;
  }
  .p-card .p-card-content {
    padding: 1.25rem 0;
  }
  .p-card .p-card-footer {
    padding: 1.25rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-radius: 6px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1.25rem;
    color: #374151;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1.25rem;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #e5e7eb;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #e5e7eb;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-panel .p-panel-header {
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    background: #f9fafb;
    color: #374151;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
  }
  .p-panel .p-panel-footer {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0 none;
  }
  .p-splitter {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 6px;
    color: #4b5563;
  }
  .p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f9fafb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #e5e7eb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #e5e7eb;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6b7280;
    font-weight: 700;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #4b5563;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1.25rem;
    color: #4b5563;
  }
  .p-stepper .p-stepper-separator {
    background-color: #e5e7eb;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #4b5563;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f9fafb;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #ffffff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #6366f1;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-toolbar {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    border-radius: 6px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #374151;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #6366f1;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #4f46e5;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #4b5563;
    color: #ffffff;
    padding: 0.75rem 0.75rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #4b5563;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #4b5563;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #4b5563;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #4b5563;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f9fafb;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6b7280;
  }
  .p-contextmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-dock .p-dock-action {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.5rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6b7280;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6b7280;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #c7d2fe;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #e5e7eb;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 0.875rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
      color: #4b5563;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #4b5563;
      padding: 0.75rem 1.25rem;
      user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6b7280;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #4338ca;
      background: #eef2ff;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4338ca;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #4338ca;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: rgba(99, 102, 241, 0.24);
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #4b5563;
      background: #e5e7eb;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #4b5563;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
  }
  .p-slidemenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #eef2ff;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #4338ca;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6b7280;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #4b5563;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #e5e7eb;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #ffffff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.75rem 0.75rem;
    margin: 0;
    border-radius: 6px;
  }
  .p-inline-message.p-inline-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0px;
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0px;
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0px;
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0px;
    color: #ff5757;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 6px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-message.p-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-icon {
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-close {
    color: #3b82f6;
  }
  .p-message.p-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-icon {
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-close {
    color: #1ea97c;
  }
  .p-message.p-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-close {
    color: #cc8925;
  }
  .p-message.p-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-icon {
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-close {
    color: #ff5757;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 1;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f9fafb;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #d1d5db;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #9ca3af;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f9fafb;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
    padding: 0 0.75rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f9fafb;
  }
  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  }
  .p-tag {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.75rem 0.75rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #6366f1;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #6366f1;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #6366f1;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #64748b;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-badge.p-badge-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-tag {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
}
@layer primereact {
  .p-button-label {
    font-weight: 700;
  }
  .p-selectbutton > .p-button,
  .p-togglebutton.p-button {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #6366f1;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #6366f1;
  }
  .p-button:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-info:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-warning:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-help:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-danger:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #6366f1;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #6366f1;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-toast-message {
    backdrop-filter: blur(10px);
  }
  .p-inline-message-text {
    font-weight: 500;
  }
  .p-picklist-buttons .p-button,
  .p-orderlist-controls .p-button {
    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #6366f1;
    color: #ffffff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #6366f1;
    color: #ffffff;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_tl4hu_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_tl4hu_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_tl4hu_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_tl4hu_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._overlay_tl4hu_52 {
  align-items: flex-start;
  background-color: var(--backgroundLightbox);
  backdrop-filter: blur(1rem) saturate(140%);
  -webkit-backdrop-filter: blur(1rem) saturate(140%);
}
@media (hover: none) and (pointer: coarse) {
  ._overlay_tl4hu_52 {
    backdrop-filter: blur(1rem) saturate(140%) !important;
    -webkit-backdrop-filter: blur(1rem) saturate(140%) !important;
  }
}
._overlay_tl4hu_52 {
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  overflow-y: auto;
  padding: 1rem;
  position: fixed;
  transition: opacity var(--transitionTimeFast);
  z-index: 9000;
}
@media only screen and (min-width: 768px) {
  ._overlay_tl4hu_52 {
    padding-top: 8vh;
  }
}

._overlayAfterOpen_tl4hu_81 {
  opacity: 1;
}

._overlayBeforeClose_tl4hu_85 {
  opacity: 0;
}

._palette_tl4hu_89 {
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._palette_tl4hu_89 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
  }
}
._palette_tl4hu_89 {
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  border-radius: var(--glassRadius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  max-width: 100%;
  outline: none;
  overflow: hidden;
  width: 40rem;
  animation: _glass-pop-in_tl4hu_1 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

._inputRow_tl4hu_116 {
  align-items: center;
  border-bottom: 1px solid var(--borderColorGeneral);
  display: flex;
  gap: 0.75rem;
  padding: 0 1rem;
}

._inputIcon_tl4hu_124 {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  flex-shrink: 0;
}

._input_tl4hu_116 {
  background: transparent;
  border: none;
  color: var(--textPrimary);
  flex: 1;
  font-size: 1.0625rem;
  outline: none;
  padding: 1rem 0;
}
._input_tl4hu_116::placeholder {
  color: var(--textSecondary);
}

._results_tl4hu_144 {
  overflow-y: auto;
  padding: 0.5rem;
}

._empty_tl4hu_149 {
  color: var(--textSecondary);
  padding: 2rem 1rem;
  text-align: center;
}

._section_tl4hu_155 + ._section_tl4hu_155 {
  margin-top: 0.25rem;
}

._sectionTitle_tl4hu_159 {
  color: var(--textSecondary);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0.5rem 0.75rem 0.25rem;
  text-transform: uppercase;
}

._list_tl4hu_168 {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

._row_tl4hu_176 {
  align-items: center;
  border-radius: 0.5rem;
  color: var(--textPrimary);
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
}

._rowActive_tl4hu_186 {
  background-color: var(--backgroundPrimaryInverseFaded);
}

._rowIcon_tl4hu_190 {
  align-items: center;
  color: var(--accent);
  display: flex;
  flex-shrink: 0;
  height: 1.25rem;
  justify-content: center;
  width: 1.25rem;
}
._rowIcon_tl4hu_190 svg * {
  fill: var(--accent);
}
._rowIcon_tl4hu_190 svg {
  height: 1.25rem;
  width: 1.25rem;
}

._rowLabel_tl4hu_207 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._rowHint_tl4hu_214 {
  color: var(--textSecondary);
  flex-shrink: 0;
  font-size: 0.8125rem;
}

._footer_tl4hu_220 {
  border-top: 1px solid var(--borderColorGeneral);
  color: var(--textSecondary);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  gap: 1rem;
  padding: 0.625rem 1rem;
}
@media only screen and (max-width: 767px) {
  ._footer_tl4hu_220 {
    display: none;
  }
}
._footer_tl4hu_220 span {
  align-items: center;
  display: flex;
  gap: 0.375rem;
}

._kbd_tl4hu_240 {
  align-items: center;
  background-color: var(--backgroundInput);
  border: 1px solid var(--borderColorInput);
  border-radius: 0.25rem;
  display: inline-flex;
  font-family: inherit;
  height: 1.25rem;
  justify-content: center;
  min-width: 1.25rem;
  padding: 0 0.25rem;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._anchor_j3gvv_9 {
  display: none;
}
@media only screen and (max-width: 575px) {
  ._anchor_j3gvv_9 {
    display: inline-flex;
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 3.6rem + 0.75rem);
    z-index: 110;
    transform: translateX(-50%);
  }
}

._shortcut_j3gvv_23 {
  display: inline-flex;
}
@media only screen and (max-width: 575px) {
  ._shortcut_j3gvv_23 {
    touch-action: none;
    transition: transform var(--transitionTime) ease, opacity var(--transitionTime) ease;
    animation: _shortcutEnter_j3gvv_1 var(--transitionTime) ease;
    will-change: transform, opacity;
  }
}

._dragging_j3gvv_35 {
  transition: none;
}

._leaving_j3gvv_39 {
  transform: translateY(-140%) scale(0.8);
  opacity: 0;
}

._homeButton_j3gvv_44._homeButton_j3gvv_44 {
  border-radius: 100%;
  height: 3rem;
  padding: 0;
  width: 3rem;
}
._homeButton_j3gvv_44 {
  box-shadow: 0px 4px 32px 0px var(--shadowColor);
  touch-action: none;
}
._homeButton_j3gvv_44 svg {
  height: 1.25rem;
  width: auto;
}
html.has-bg-image:not(.flat) ._homeButton_j3gvv_44 svg {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}
@media only screen and (max-width: 575px) {
  ._homeButton_j3gvv_44 {
    animation: _dismissHint_j3gvv_1 3.5s ease-in-out infinite;
  }
}

._dragging_j3gvv_35 ._homeButton_j3gvv_44,
._leaving_j3gvv_39 ._homeButton_j3gvv_44 {
  animation-play-state: paused;
}

@keyframes _shortcutEnter_j3gvv_1 {
  from {
    transform: translateY(120%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _dismissHint_j3gvv_1 {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  87% {
    transform: translateY(-30%);
  }
  93% {
    transform: translateY(-12%);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._shortcut_j3gvv_23 {
    animation: none;
  }
  ._homeButton_j3gvv_44 {
    animation: none;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1moxu_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1moxu_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1moxu_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1moxu_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._dashboardSidebar_1moxu_44 {
  background: var(--glassBgStrong) !important;
  border-color: var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%);
  box-sizing: border-box;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
}
._dashboardSidebar_1moxu_44 ._header_1moxu_59 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 576px) and (max-width: 1199px) {
  ._dashboardSidebar_1moxu_44 ._header_1moxu_59 {
    order: 1;
  }
}
._dashboardSidebar_1moxu_44 ._header_1moxu_59 ._navbarTimer_1moxu_69 {
  display: none;
}
@media only screen and (max-width: 575px) {
  ._dashboardSidebar_1moxu_44 ._header_1moxu_59 ._navbarTimer_1moxu_69 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
  }
}
@media only screen and (min-width: 576px) {
  ._dashboardSidebar_1moxu_44 ._header_1moxu_59 ._selectCurrentOrganization_1moxu_81 {
    display: none;
  }
}
._dashboardSidebar_1moxu_44 ._appLogo_1moxu_85 {
  align-self: flex-start;
  box-sizing: border-box;
  max-height: 5rem;
  max-width: 100%;
  padding: 0.5rem;
  width: 12rem;
}
._dashboardSidebar_1moxu_44 ._footer_1moxu_93 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (min-width: 576px) and (max-width: 1199px) {
  ._dashboardSidebar_1moxu_44 ._footer_1moxu_93 {
    order: -1;
  }
}
._dashboardSidebar_1moxu_44 ._footer_1moxu_93 ._closeButton_1moxu_103 svg {
  transform: none;
}
@media only screen and (max-width: 575px) {
  ._dashboardSidebar_1moxu_44 ._footer_1moxu_93 ._closeButton_1moxu_103 svg {
    transform: rotate(-90deg);
  }
}
._dashboardSidebar_1moxu_44 ._footer_1moxu_93 ._logout_1moxu_111 {
  flex: 1;
}
@media only screen and (min-width: 768px) {
  ._dashboardSidebar_1moxu_44 ._footer_1moxu_93 ._logout_1moxu_111 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  ._dashboardSidebar_1moxu_44 ._footer_1moxu_93 {
    display: none;
  }
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1g6u4_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1g6u4_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1g6u4_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1g6u4_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._button_1g6u4_52 {
  border-radius: var(--glassRadius);
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem;
  min-height: 7rem;
  overflow: hidden;
}
._button_1g6u4_52._button_1g6u4_52 {
  background: var(--glassBg) !important;
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), 0 8px 28px -12px var(--shadowColor);
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._button_1g6u4_52._button_1g6u4_52:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._button_1g6u4_52._button_1g6u4_52:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._button_1g6u4_52._button_1g6u4_52:hover ._contentBefore_1g6u4_77 {
  transform: scale(1.12) translateY(-2px);
}
._button_1g6u4_52._button_1g6u4_52:first-child:not(:hover):not(:active) {
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), 0 8px 28px -12px var(--shadowColor);
}
@container (min-width: 16rem) {
  ._button_1g6u4_52._button_1g6u4_52:nth-child(-n+2):not(:hover):not(:active) {
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), 0 8px 28px -12px var(--shadowColor);
  }
}
@container (min-width: 40rem) {
  ._button_1g6u4_52._button_1g6u4_52:nth-child(-n+3):not(:hover):not(:active) {
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), 0 8px 28px -12px var(--shadowColor);
  }
}
._button_1g6u4_52 ._contentBefore_1g6u4_77 {
  color: var(--accent);
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 2.25rem;
  transition: transform var(--transitionSpring);
}
._button_1g6u4_52 ._contentBefore_1g6u4_77 svg {
  object-fit: contain;
  height: 2rem;
  width: 2rem;
}
._button_1g6u4_52 ._contentBefore_1g6u4_77 svg * {
  fill: var(--accent) !important;
}
html:not(.flat) ._button_1g6u4_52 ._contentBefore_1g6u4_77 svg {
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--shadowColor) 50%, transparent));
}
html.has-bg-image:not(.flat) ._button_1g6u4_52 ._contentBefore_1g6u4_77 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
html.has-bg-image:not(.flat) ._button_1g6u4_52 ._contentBefore_1g6u4_77 svg {
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--shadowColor) 50%, transparent)) drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}
._button_1g6u4_52 ._content_1g6u4_77 {
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-align: center;
  width: 100%;
}
html.has-bg-image:not(.flat) ._button_1g6u4_52 ._content_1g6u4_77 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_ce4m0_18 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 {
  display: flex;
  gap: 1rem;
  justify-content: start;
  padding: 0.75rem 1rem 0.75rem 1.5rem;
  white-space: nowrap;
}
._wrapper_ce4m0_18 ._button_ce4m0_23._suboption_ce4m0_30 {
  padding: 0.5rem 1.5rem 0.5rem 3rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._addAffordance_ce4m0_38 {
  align-items: center;
  border-radius: 999px;
  cursor: grab;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.375rem;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--transitionTimeFast), background var(--transitionTimeFast);
  width: 1.375rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._addAffordance_ce4m0_38 svg {
  height: 0.7rem;
  object-fit: contain;
  width: 0.7rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._addAffordance_ce4m0_38 svg * {
  fill: var(--accent);
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._addAffordance_ce4m0_38:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  opacity: 1;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._addAffordance_ce4m0_38:active {
  cursor: grabbing;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._notificationsCountBadge_ce4m0_65 {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.05rem 0.3rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._menuItemArrowWrapper_ce4m0_70 svg {
  height: 0.5rem;
  object-fit: contain;
  transition: transform var(--transitionTime);
  width: 1rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._menuItemArrowWrapper_ce4m0_70 svg * {
  fill: var(--textSecondary);
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._contentAfter_ce4m0_33 ._menuItemArrowWrapper_ce4m0_70._menuItemArrowWrapperActive_ce4m0_79 svg {
  transform: rotate(180deg);
}
._wrapper_ce4m0_18 ._button_ce4m0_23:hover ._addAffordance_ce4m0_38 {
  opacity: 0.75;
}
@media (hover: none) {
  ._wrapper_ce4m0_18 ._button_ce4m0_23 ._addAffordance_ce4m0_38 {
    opacity: 0.6;
  }
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._menuIconWrapper_ce4m0_90 svg {
  height: 1rem;
  object-fit: contain;
  width: 1rem;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._menuItemName_ce4m0_95 {
  justify-content: start;
  flex: 1;
  text-align: left;
}
._wrapper_ce4m0_18 ._button_ce4m0_23 ._menuItemNameNeutral_ce4m0_100 {
  color: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._wrapper_ce4m0_18 ._button_ce4m0_23 ._menuItemNameNeutral_ce4m0_100 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_ce4m0_18 ._collapsibleContainer_ce4m0_106 {
  border-radius: 1rem;
  transition: background var(--transitionTimeFast);
}
._wrapper_ce4m0_18 ._collapsibleContainer_ce4m0_106._collapsibleContainerOpen_ce4m0_110 {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._wrapper_ce4m0_18 ._collapsibleContainer_ce4m0_106 ._collapsibleChildren_ce4m0_113 {
  padding: 0 0.5rem 0.5rem;
}@media only screen and (min-width: 576px) {
  ._rectangular_lwygk_2 {
    min-width: 30rem;
  }
}._container_1r2c0_1 {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._container_1r2c0_1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

._mobileUpcoming_1r2c0_13 {
  margin-bottom: 1rem;
}

._rightColumn_1r2c0_17 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._container_z9b40_10 {
  border-radius: var(--glassRadius);
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  padding: 2rem;
}
html.liquid ._container_z9b40_10 {
  background: none;
}

._grid_z9b40_19 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._grid_z9b40_19 ._todayLowerButtons_z9b40_24 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
._grid_z9b40_19 ._todayLowerButtons_z9b40_24 > * {
  flex: 1 1 16rem;
  min-width: 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_r5rnl_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_r5rnl_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_r5rnl_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_r5rnl_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._tile_r5rnl_61 {
  align-items: center;
  border-radius: var(--glassRadius);
  display: flex;
  gap: 0.625rem;
  justify-content: center;
  min-height: 8rem;
  padding: 1.25rem 0.5rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._tile_r5rnl_61:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._tile_r5rnl_61:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._tile_r5rnl_61 {
  position: relative;
  isolation: isolate;
}
._tile_r5rnl_61::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._tile_r5rnl_61:hover::before {
  opacity: 1;
}

._title_r5rnl_104 {
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._title_r5rnl_104 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._period_r5rnl_113 {
  color: var(--textSecondary);
  font-size: 0.8rem;
}
html:not(.flat) ._period_r5rnl_113 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._nav_r5rnl_121 {
  flex-shrink: 0;
}
._nav_r5rnl_121 svg {
  height: 0.95rem;
  width: 0.95rem;
}
html.has-bg-image:not(.flat) ._nav_r5rnl_121 svg {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}._viewport_d5656_1 {
  display: grid;
  grid-template-columns: max-content;
  justify-items: stretch;
  row-gap: 0.2rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
._viewport_d5656_1[role=button] {
  cursor: pointer;
}

._track_d5656_19 {
  position: relative;
  will-change: transform;
}

._slot_d5656_24 {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

._slotPrev_d5656_31 {
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(calc(-100% - 1px));
}

._slotNext_d5656_38 {
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(calc(100% + 1px));
}

._inactive_d5656_45 {
  pointer-events: none;
  overflow: hidden;
}

._middle_d5656_50 {
  text-align: center;
  width: 100%;
}._split_1bizr_1 {
  align-items: center;
  column-gap: 0.625rem;
  display: grid;
  grid-template-columns: max-content 1px max-content;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
}

._totalColumn_1bizr_11 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._total_1bizr_11 {
  color: var(--accent);
  font-size: 2.25rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1;
  min-width: calc(var(--total-digits, 1) * 1ch);
  text-align: right;
}
html.has-bg-image:not(.flat) ._total_1bizr_11 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._ratioBar_1bizr_31 {
  display: flex;
  gap: 0.125rem;
  height: 0.25rem;
  width: 2.5rem;
}
._ratioBar_1bizr_31 > span {
  border-radius: 999px;
  flex-basis: 0;
  min-width: 0.375rem;
}

._birthdaySegment_1bizr_43 {
  background: var(--accent);
}

._workSegment_1bizr_47 {
  background: color-mix(in srgb, var(--accent) 50%, var(--backgroundPrimary));
}

._rule_1bizr_51 {
  align-self: stretch;
  background: var(--borderColorGeneral);
  transform: scaleY(0.7);
  transition: transform var(--transitionTime);
  width: 1px;
}

._breakdown_1bizr_59 {
  align-items: center;
  column-gap: 0.4rem;
  display: grid;
  grid-template-columns: max-content fit-content(6rem);
  min-width: 0;
  text-align: left;
}

._count_1bizr_68 {
  color: var(--textPrimary);
  font-size: 1.125rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  justify-self: end;
  line-height: 1.25rem;
  min-width: calc(var(--count-digits, 1) * 1ch);
  text-align: right;
}
html:not(.flat) ._count_1bizr_68 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._count_1bizr_68._zero_1bizr_81 {
  color: var(--textSecondary);
  font-weight: 500;
}

._label_1bizr_86 {
  color: var(--textSecondary);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
html:not(.flat) ._label_1bizr_86 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._sumLine_1bizr_97 {
  background: var(--borderColorGeneral);
  grid-column: 1/-1;
  height: 1px;
  margin: 0.3125rem 0;
}

button:hover ._count_1bizr_68:not(._zero_1bizr_81),
[role='button']:hover ._count_1bizr_68:not(._zero_1bizr_81) {
  color: var(--accent);
}
button:hover ._rule_1bizr_51,
[role='button']:hover ._rule_1bizr_51 {
  transform: scaleY(1);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1f5i8_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1f5i8_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1f5i8_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1f5i8_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._tile_1f5i8_61 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: var(--glassRadius);
  min-height: 8rem;
  padding: 1.25rem 0.5rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._tile_1f5i8_61:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._tile_1f5i8_61:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._tile_1f5i8_61 {
  position: relative;
  isolation: isolate;
}
._tile_1f5i8_61::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._tile_1f5i8_61:hover::before {
  opacity: 1;
}

._count_1f5i8_104 {
  color: var(--accent);
  font-size: 2.25rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1.1;
}
html.has-bg-image:not(.flat) ._count_1f5i8_104 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._title_1f5i8_115 {
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._title_1f5i8_115 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._day_1f5i8_124 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  text-transform: capitalize;
}
html:not(.flat) ._day_1f5i8_124 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._nav_1f5i8_133 {
  flex-shrink: 0;
}
._nav_1f5i8_133 svg {
  height: 0.95rem;
  width: 0.95rem;
}
html.has-bg-image:not(.flat) ._nav_1f5i8_133 svg {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}._content_1el3c_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 30rem;
}
@media only screen and (min-width: 576px) {
  ._content_1el3c_1 {
    min-width: 22rem;
  }
}

._empty_1el3c_14 {
  margin: 0;
  color: var(--textSecondary);
  text-align: center;
}

._floorGroup_1el3c_20 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._floorTitle_1el3c_26 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.95rem;
  color: var(--textPrimary);
}

._floorCount_1el3c_35 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background-color: var(--backgroundInput);
  color: var(--textSecondary);
  font-size: 0.75rem;
  font-weight: 600;
}

._list_1el3c_49 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

._person_1el3c_58 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--textPrimary);
}

._deskTag_1el3c_65 {
  color: var(--textSecondary);
}._card_179f3_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._header_179f3_7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

._title_179f3_15 {
  color: var(--textPrimary);
  font-size: 1.5rem;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._title_179f3_15 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._switcher_179f3_24 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._nav_179f3_30 {
  flex-shrink: 0;
}
._nav_179f3_30 svg {
  height: 0.95rem;
  width: 0.95rem;
}

._readout_179f3_38 {
  width: 8.5rem;
  overflow: hidden;
}

._stat_179f3_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.15;
}

._count_179f3_50 {
  color: var(--accent);
  font-size: 1.5rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._count_179f3_50 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._period_179f3_60 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  white-space: nowrap;
}
html:not(.flat) ._period_179f3_60 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._body_179f3_69 {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}

._table_179f3_75 {
  max-height: 25rem;
  overflow-y: auto;
}
._table_179f3_75._noDataContainer_179f3_79 {
  overflow-y: hidden;
}

._employeeCell_179f3_83 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._employeeCell_179f3_83 ._employeeName_179f3_88 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._leavesLink_179f3_94 {
  display: inline-block;
}
html.has-bg-image:not(.flat) ._leavesLink_179f3_94 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

@keyframes _leavesFromRight_179f3_1 {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes _leavesFromLeft_179f3_1 {
  from {
    opacity: 0;
    transform: translateX(-18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._fromRight_179f3_121 {
  animation: _leavesFromRight_179f3_1 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

._fromLeft_179f3_125 {
  animation: _leavesFromLeft_179f3_1 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  ._fromRight_179f3_121,
  ._fromLeft_179f3_125 {
    animation: none;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_men70_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_men70_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_men70_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_men70_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._container_men70_53 ._top_men70_53 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
._container_men70_53 ._topContent_men70_61 {
  display: contents;
}
._container_men70_53 ._mobileSort_men70_64 {
  display: none;
}
._container_men70_53 ._tableContainer_men70_67 {
  background: color-mix(in srgb, var(--glassBg) 80%, transparent);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  border-radius: var(--glassRadius);
  max-width: 100%;
  overflow-x: auto;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 {
  border-spacing: 0;
  width: 100%;
  white-space: nowrap;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._tableHeader_men70_82 {
  color: var(--textSecondary);
  cursor: default;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
html:not(.flat) ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._tableHeader_men70_82 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._tableHeader_men70_82._clickableTableHeader_men70_93:hover {
  color: var(--textPrimary);
  cursor: pointer;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._tableHeader_men70_82 ._sortIcon_men70_97 {
  height: 0.7rem;
  margin-left: 0.4rem;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._notFound_men70_101 {
  color: var(--textSecondary);
  font-size: 1rem;
}
html:not(.flat) ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 ._notFound_men70_101 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th,
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td {
  background: transparent;
  height: inherit;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th ._cellContent_men70_113,
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113 {
  align-items: center;
  display: flex;
  font-size: 0.9rem;
  min-height: 100%;
  padding: 0.85rem 0.6rem;
  width: 100%;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th:first-of-type ._cellContent_men70_113,
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td:first-of-type ._cellContent_men70_113 {
  padding-left: 1.1rem;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th:last-of-type ._cellContent_men70_113,
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td:last-of-type ._cellContent_men70_113 {
  padding-right: 1.1rem;
}
@media only screen and (min-width: 768px) {
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyFirstColumn_men70_131, ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyLastColumn_men70_131,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyFirstColumn_men70_131,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyLastColumn_men70_131 {
    background: var(--glassBgStrong);
    backdrop-filter: blur(var(--glassBlur)) saturate(165%);
    -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(165%);
  }
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyFirstColumn_men70_131,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyFirstColumn_men70_131 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
  }
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyFirstColumn_men70_131::after,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyFirstColumn_men70_131::after {
    background: linear-gradient(to right, var(--shadowColor), transparent);
    content: "";
    height: 100%;
    opacity: 0.5;
    position: absolute;
    left: 100%;
    top: 0;
    width: 0.5rem;
  }
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyLastColumn_men70_131,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyLastColumn_men70_131 {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1;
  }
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th._stickyLastColumn_men70_131::before,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._stickyLastColumn_men70_131::before {
    background: linear-gradient(to left, var(--shadowColor), transparent);
    content: "";
    height: 100%;
    opacity: 0.5;
    position: absolute;
    right: 100%;
    top: 0;
    width: 0.5rem;
  }
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 thead th ._cellContent_men70_113 {
  background-color: var(--backgroundPrimaryInverseFaded);
  border-bottom: 1px solid var(--borderColorGeneral);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td._ellipsis_men70_179 {
  max-width: max(30vw, 16rem);
  min-width: 0;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113 {
  border-bottom: 1px solid var(--borderColorGeneral);
}
html.has-bg-image:not(.flat) ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113._actionsCell_men70_189 {
  padding-bottom: 0.35rem;
  padding-top: 0.35rem;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113._actionsCell_men70_189 ._actions_men70_189 {
  align-items: center;
  display: flex;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113 ._ellipsis_men70_179 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tbody tr:last-child td ._cellContent_men70_113 {
  border-bottom: none;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr {
  height: 0;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr._clickableRow_men70_209 {
  cursor: pointer;
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr._clickableRow_men70_209 td {
  transition: background-color var(--transitionTimeFast);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr._clickableRow_men70_209:hover td ._cellContent_men70_113, ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr._clickableRow_men70_209:focus-visible td ._cellContent_men70_113 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 tr._clickableRow_men70_209:focus-visible {
  outline: none;
}
@-moz-document url-prefix() {
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 td,
  ._container_men70_53 ._tableContainer_men70_67 ._table_men70_67 th {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  ._container_men70_53._mobileCards_men70_228 ._top_men70_53 {
    align-items: stretch;
    flex-direction: column;
  }
  ._container_men70_53._mobileCards_men70_228 ._top_men70_53 ._topContent_men70_61 {
    display: block;
    order: -1;
  }
  ._container_men70_53._mobileCards_men70_228 ._mobileSort_men70_64 {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
  ._container_men70_53._mobileCards_men70_228 ._mobileSort_men70_64 ._mobileSortSelect_men70_242 {
    flex: 1;
    min-width: 0;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow-x: visible;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 {
    display: block;
    white-space: normal;
    width: 100%;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 thead {
    display: none;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 tbody,
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 tr,
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td {
    display: block;
    height: auto;
    width: 100%;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 tr {
    background: var(--glassBg);
    border: 1px solid var(--glassBorder);
    backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
    -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
    box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
    border-radius: var(--glassRadius);
    margin-bottom: 0.75rem;
    overflow: hidden;
    position: relative;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 tr:last-child {
    margin-bottom: 0;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.5rem 1.1rem;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td::before {
    color: var(--textSecondary);
    content: attr(data-label);
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  html:not(.flat) ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td::before {
    text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td ._cellContent_men70_113 {
    background: transparent;
    border-bottom: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 0;
    text-align: right;
    width: auto;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._ellipsis_men70_179 {
    max-width: none;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td ._ellipsis_men70_179 {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td:first-child {
    border-bottom: 1px solid var(--borderColorGeneral);
    padding: 0.85rem 1.1rem;
    padding-right: 2.75rem;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td:first-child::before {
    display: none;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td:first-child ._cellContent_men70_113 {
    font-size: 1rem;
    font-weight: 700;
    justify-content: flex-start;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._actionsColumn_men70_340 {
    padding: 0;
    position: absolute;
    right: 0.35rem;
    top: 0.3rem;
    width: auto;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._actionsColumn_men70_340::before {
    display: none;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._actionsColumn_men70_340 ._cellContent_men70_113 {
    padding: 0;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._actionsColumn_men70_340 ._actions_men70_189 {
    justify-content: flex-end;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._notFound_men70_101 {
    border-bottom: none;
    justify-content: center;
    padding: 1rem 1.1rem;
    text-align: center;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._notFound_men70_101::before {
    display: none;
  }
  ._container_men70_53._mobileCards_men70_228 ._tableContainer_men70_67 ._table_men70_67 td._notFound_men70_101 ._cellContent_men70_113 {
    font-size: 1rem;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}._wrapper_mnxjp_1 {
  align-items: center;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
  margin-top: 0.75rem;
  padding: 0.4rem 1rem;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  ._wrapper_mnxjp_1 {
    flex-direction: row;
    text-align: left;
  }
}
._wrapper_mnxjp_1 ._buttons_mnxjp_19 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
._wrapper_mnxjp_1 ._buttons_mnxjp_19 svg {
  height: 1rem;
}
._wrapper_mnxjp_1 ._pageInfo_mnxjp_28 {
  color: var(--textSecondary);
  font-size: 0.875rem;
}
html:not(.flat) ._wrapper_mnxjp_1 ._pageInfo_mnxjp_28 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_14pty_9 {
  display: inline-block;
  height: 0.875rem;
  justify-content: space-between;
}
._wrapper_14pty_9 svg {
  display: block;
  height: 40%;
  opacity: 0.15;
  transition: opacity var(--transitionTimeFast);
}
._wrapper_14pty_9 svg * {
  fill: var(--textPrimary);
}
._wrapper_14pty_9 svg:first-of-type {
  transform: rotate(180deg);
  margin-bottom: 20%;
}
._wrapper_14pty_9._ascending_14pty_27 svg:first-of-type {
  opacity: 1;
}
._wrapper_14pty_9._descending_14pty_30 svg:last-of-type {
  opacity: 1;
}._skeleton_107qh_1 {
  display: inline-block;
  background-color: var(--backgroundPrimaryInverseFaded);
  animation: _skeleton-pulse_107qh_1 1.4s ease-in-out infinite;
}

@keyframes _skeleton-pulse_107qh_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._wrapper_2vsxi_10 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
html:not(.flat) ._wrapper_2vsxi_10 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_2vsxi_10 ._leaveTypeIcon_2vsxi_19 {
  align-items: center;
  background: color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 0.5rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}
._wrapper_2vsxi_10 ._leaveTypeIcon_2vsxi_19 svg {
  height: 1.05rem;
  width: 1.05rem;
}._wrapper_lrl8r_1 {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 100%);
  word-break: break-word;
}
._wrapper_lrl8r_1 ._content_lrl8r_7 {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 100%);
}
._wrapper_lrl8r_1 ._content_lrl8r_7 ._infoFields_lrl8r_12 {
  align-self: start;
  display: grid;
  gap: 1rem 2rem;
  grid-template-columns: minmax(0, 100%);
  padding: 1rem;
}
._wrapper_lrl8r_1 ._content_lrl8r_7 ._infoFields_lrl8r_12._fillWidth_lrl8r_19 {
  grid-column: 1/span 2;
}
@media only screen and (min-width: 576px) {
  ._wrapper_lrl8r_1 ._content_lrl8r_7 ._infoFields_lrl8r_12 {
    grid-template-columns: auto 1fr;
  }
}
._wrapper_lrl8r_1 ._content_lrl8r_7 ._infoFields_lrl8r_12 ._label_lrl8r_27 {
  font-weight: 700;
}
._wrapper_lrl8r_1 ._content_lrl8r_7 ._infoFields_lrl8r_12 ._value_lrl8r_30 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
._wrapper_lrl8r_1 ._content_lrl8r_7 ._sameDayLeaves_lrl8r_36 ._sameDayLeavesTitle_lrl8r_36 {
  font-weight: bold;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
  ._wrapper_lrl8r_1 ._content_lrl8r_7 {
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
  ._wrapper_lrl8r_1 ._content_lrl8r_7 ._sameDayLeaves_lrl8r_36 {
    grid-column: 1/span 2;
  }
}
._wrapper_lrl8r_1 ._footer_lrl8r_50 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
._wrapper_lrl8r_1 ._footer_lrl8r_50 ._buttonsGroup_lrl8r_55 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  ._wrapper_lrl8r_1 ._footer_lrl8r_50 {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
  }
  ._wrapper_lrl8r_1 ._footer_lrl8r_50 ._buttonsGroup_lrl8r_55 {
    align-items: center;
    display: flex;
    gap: 0.5rem;
  }
}

._superiors_lrl8r_74 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 20rem;
}

._calendarLink_lrl8r_81 {
  display: inline-flex;
  text-decoration: none;
}

._calendarNudge_lrl8r_86 {
  color: var(--accent);
  font-size: 0.875rem;
  text-decoration: underline;
}
._calendarNudge_lrl8r_86:hover {
  opacity: 0.8;
}._filesWrapper_nzxfk_1 {
  display: grid;
  gap: 1rem;
  grid-template-rows: auto 1fr auto;
}
._filesWrapper_nzxfk_1 ._filesTitle_nzxfk_6 {
  font-size: 1.25rem;
  margin: 0;
}
._filesWrapper_nzxfk_1 ._filesList_nzxfk_10 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._filesWrapper_nzxfk_1 ._uploadWrapper_nzxfk_15 {
  display: flex;
  justify-content: center;
  text-align: center;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_5gtqt_9 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  grid-template-columns: auto 1fr auto auto auto auto;
}
._wrapper_5gtqt_9 ._fileName_5gtqt_16 {
  flex: 1;
  min-width: 6rem;
}
html:not(.flat) ._wrapper_5gtqt_9 ._fileName_5gtqt_16 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_5gtqt_9 ._fileNameButton_5gtqt_23 {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
._wrapper_5gtqt_9 ._fileNameButton_5gtqt_23:hover, ._wrapper_5gtqt_9 ._fileNameButton_5gtqt_23:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}
._wrapper_5gtqt_9 ._text_5gtqt_38 {
  font-size: 0.875rem;
  word-break: break-word;
}
html:not(.flat) ._wrapper_5gtqt_9 ._text_5gtqt_38 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._wrapper_5gtqt_9 svg {
  height: 1rem;
}
._wrapper_5gtqt_9 svg * {
  fill: var(--accent);
}

._userDocuments_5gtqt_52 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._top_5gtqt_58 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._noData_5gtqt_67 {
  font-size: 1.5rem;
  color: var(--textSecondary);
  display: flex;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
html:not(.flat) ._noData_5gtqt_67 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._label_ynsr6_1 {
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin: 0.3rem 1.5rem;
}

._errorText_ynsr6_9 {
  color: var(--error);
  font-size: 0.8rem;
  margin-left: 1.5rem;
}

._label_ynsr6_1 {
  font-size: 0.875rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin: 0.3rem 1rem;
}

._fileContainer_ynsr6_23 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
}

._selectedFilesTitle_ynsr6_30 {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

._badges_ynsr6_35 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

._extensionsInfo_ynsr6_42 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  text-align: center;
}
html:not(.flat) ._extensionsInfo_ynsr6_42 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._textarea_1fw8j_1 {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  box-sizing: border-box;
  align-self: stretch;
  color: var(--textPrimary);
  padding: 0.75rem 1rem;
  resize: none;
  border-radius: 1rem;
  border: 1px solid var(--borderColorInput);
  background-color: var(--backgroundInput);
  transition: box-shadow var(--transitionTime);
}
html.has-bg-image:not(.flat) ._textarea_1fw8j_1 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._textarea_1fw8j_1:disabled {
  opacity: 0.7;
}
._textarea_1fw8j_1:focus {
  box-shadow: inset 0 0 0 2px var(--accent);
  outline: none;
}
._textarea_1fw8j_1::placeholder {
  color: var(--textSecondary);
}._wrapper_dqo4k_1 {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}._modal_y5257_1 {
  min-width: min(45rem, 100%);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._pile_sias8_10 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}

._empty_sias8_22 {
  padding: 0.5rem 0;
  color: var(--textSecondary);
  font-size: 0.875rem;
}

._chip_sias8_28 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  transition: background 0.2s ease;
}

._pile_sias8_10:hover ._chip_sias8_28 {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
}

._chipName_sias8_43 {
  overflow: hidden;
  color: var(--textPrimary);
  font-size: 0.8125rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._overflowChip_sias8_52 {
  padding: 0.25rem 0.75rem;
  color: var(--accent);
  font-size: 0.8125rem;
  font-weight: 600;
}

._cardList_sias8_59 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: min(22rem, 78vw);
  max-height: 70vh;
  overflow-y: auto;
}

._leaveCard_sias8_68 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  padding: 1rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
  background: var(--backgroundPrimaryInverseFaded);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease;
}

._leaveCard_sias8_68:hover {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

._cardHeader_sias8_87 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

._cardName_sias8_93 {
  color: var(--textPrimary);
  font-size: 0.9375rem;
  font-weight: 700;
}

._cardMeta_sias8_99 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: var(--textSecondary);
}

._cardDates_sias8_107 {
  font-size: 0.8125rem;
  white-space: nowrap;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._container_qhenq_10 {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
._container_qhenq_10 ._sectionHeader_qhenq_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
._container_qhenq_10 ._sectionHeader_qhenq_17:not(:first-of-type) {
  margin-top: 1rem;
}
._container_qhenq_10 ._heading_qhenq_26 {
  margin: 0;
}
._container_qhenq_10 ._sectionControls_qhenq_29 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
._container_qhenq_10 ._swapButton_qhenq_35 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: none;
  border-radius: 0.5rem;
  background: none;
  color: var(--textSecondary);
  cursor: pointer;
  transition: color var(--transitionBase), background var(--transitionBase);
}
._container_qhenq_10 ._swapButton_qhenq_35 svg {
  width: 0.85rem;
  height: 0.85rem;
  fill: currentColor;
}
._container_qhenq_10 ._swapButton_qhenq_35:hover {
  color: var(--textPrimary);
  background: color-mix(in srgb, var(--glassHighlight) 8%, transparent);
}
._container_qhenq_10 ._items_qhenq_59 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@container (min-width: 16rem) {
  ._container_qhenq_10 ._items_qhenq_59 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (min-width: 40rem) {
  ._container_qhenq_10 ._items_qhenq_59 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
._container_qhenq_10 ._tile_qhenq_74 {
  display: flex;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
@media (hover: hover) and (pointer: fine) {
  ._container_qhenq_10 ._tile_qhenq_74 {
    cursor: grab;
  }
}
._container_qhenq_10 ._tile_qhenq_74 > * {
  flex: 1;
  min-width: 0;
}
._container_qhenq_10 ._tile_qhenq_74._tileDragging_qhenq_90 {
  cursor: grabbing;
}
._container_qhenq_10 ._tile_qhenq_74._tileDragging_qhenq_90 > * {
  opacity: 0;
  pointer-events: none;
}
._container_qhenq_10 ._tile_qhenq_74._tileDragging_qhenq_90 {
  border: 1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent);
  border-radius: var(--glassRadius);
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  min-height: 7rem;
}
._container_qhenq_10 ._resetLayout_qhenq_103 {
  align-self: flex-start;
  margin-top: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: none;
  background: none;
  color: var(--textSecondary);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: color var(--transitionBase), background var(--transitionBase);
}
._container_qhenq_10 ._resetLayout_qhenq_103:hover {
  color: var(--textPrimary);
  background: color-mix(in srgb, var(--glassHighlight) 6%, transparent);
}

@keyframes _deleteZoneIn_qhenq_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._deleteZone_qhenq_131 {
  position: fixed;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  max-width: calc(100vw - 2rem);
  padding: 0.875rem 1.5rem;
  border: 1.5px dashed color-mix(in srgb, var(--error) 50%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--error) 12%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 0.75rem 2rem -0.5rem var(--shadowColor);
  color: var(--error);
  font-size: 0.875rem;
  font-weight: 600;
  pointer-events: none;
  animation: _deleteZoneIn_qhenq_1 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
  transition: transform var(--transitionBase), background var(--transitionBase), border-color var(--transitionBase);
}
._deleteZone_qhenq_131 svg {
  width: 1rem;
  height: 1.15rem;
}
._deleteZone_qhenq_131 svg path {
  fill: var(--error);
}
._deleteZone_qhenq_131 ._deleteTargetIcon_qhenq_162 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._deleteZone_qhenq_131._deleteZoneHot_qhenq_167 {
  transform: translateX(-50%) scale(1.08);
  border-style: solid;
  border-color: var(--error);
  background: color-mix(in srgb, var(--error) 20%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  ._deleteZone_qhenq_131 {
    animation: none;
  }
}

.tileReorderGhost {
  cursor: grabbing;
  will-change: transform;
}
html.liquid-gpu .tileReorderGhost button {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not(.liquid-gpu) .tileReorderGhost {
  box-shadow: 0 1.5rem 3rem -0.75rem var(--shadowColor);
  border-radius: var(--glassRadius);
}
html:not(.liquid-gpu) .tileReorderGhost button {
  box-shadow: none !important;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_cj8sd_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_cj8sd_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_cj8sd_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_cj8sd_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._form_cj8sd_53 {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
._form_cj8sd_53 ._pickers_cj8sd_58 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
._form_cj8sd_53 ._modalTitle_cj8sd_63 {
  font-size: 2rem;
  margin-bottom: 2rem;
}
._form_cj8sd_53 ._section_cj8sd_67 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  width: 100%;
}

._summary_cj8sd_75 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: var(--glassRadius);
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._stats_cj8sd_88 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.6rem;
}

._stat_cj8sd_88 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._statLabel_cj8sd_105 {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._statValue_cj8sd_116 {
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
}

._statOvertime_cj8sd_123 {
  border-color: color-mix(in srgb, var(--info) 30%, transparent);
  background: color-mix(in srgb, var(--info) 10%, transparent);
}
._statOvertime_cj8sd_123 ._statValue_cj8sd_116 {
  color: var(--info);
}
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
/* sr-only utility class for accessibility */
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/* TODO better styling to match the rest of the app */
._datePickerWrapper_efv1x_10 {
  display: flex;
  flex-direction: column;
}

._iconWrapper_efv1x_15 svg {
  height: 1rem;
}
._iconWrapper_efv1x_15 svg * {
  fill: var(--accent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1wxpx_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1wxpx_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1wxpx_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1wxpx_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._container_1wxpx_61 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 22rem;
}
._container_1wxpx_61._fillWidth_1wxpx_68 {
  max-width: none;
}

._clickableInput_1wxpx_72 input {
  cursor: pointer;
}

._iconWrapper_1wxpx_76 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
._iconWrapper_1wxpx_76 svg {
  height: 1rem;
}
._iconWrapper_1wxpx_76 svg * {
  fill: var(--accent);
}

._closeButton_1wxpx_88 {
  display: inline-flex;
}

._panel_1wxpx_92 {
  width: 100%;
  max-width: 22rem;
  margin: 0.5rem auto 0;
  box-sizing: border-box;
  padding: 0.75rem;
  color: var(--textPrimary);
  overflow: hidden;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._panel_1wxpx_92 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
._panel_1wxpx_92 {
  border-radius: var(--glassRadius);
  animation: _glass-pop-in_1wxpx_1 var(--transitionTime) ease-out;
}
@media only screen and (max-width: 575px) {
  ._panel_1wxpx_92 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  ._panel_1wxpx_92 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 22rem;
    max-width: none;
    margin: 0.3rem 0 0;
  }
}

._header_1wxpx_133 {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._navButton_1wxpx_140 {
  flex: 0 0 auto;
  position: relative;
  width: 2.5rem;
  color: var(--textPrimary);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background-color var(--transitionTime), box-shadow var(--transitionTime);
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
}
._navButton_1wxpx_140::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: solid var(--textPrimary);
  border-width: 0 0 2px 2px;
}
._navButton_1wxpx_140:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._navButton_1wxpx_140:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}
._navButton_1wxpx_140:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._navPrev_1wxpx_176::before {
  transform: translate(-30%, -50%) rotate(45deg);
}

._navNext_1wxpx_180::before {
  transform: translate(-70%, -50%) rotate(-135deg);
}

._title_1wxpx_184 {
  flex: 1 1 auto;
  min-height: 2.5rem;
  padding: 0.4rem 0.85rem;
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background-color var(--transitionTime), box-shadow var(--transitionTime);
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
}
._title_1wxpx_184:hover:not(:disabled) {
  background-color: var(--backgroundPrimaryInverseFaded);
}
._title_1wxpx_184:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}

._titleStatic_1wxpx_209 {
  cursor: default;
}

._grid_1wxpx_213 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}

._cell_1wxpx_219 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.5rem 0.25rem;
  color: var(--textPrimary);
  font-size: 0.95rem;
  text-transform: capitalize;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background-color var(--transitionTimeFast);
}
._cell_1wxpx_219:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._cell_1wxpx_219:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}
._cell_1wxpx_219:disabled {
  color: var(--textSecondary);
  opacity: 0.4;
  cursor: not-allowed;
}
@media only screen and (max-width: 575px) {
  ._cell_1wxpx_219 {
    min-height: 3rem;
  }
}

._cellCurrent_1wxpx_252 {
  color: var(--accent);
  font-weight: 600;
}

._cellSelected_1wxpx_257 {
  color: var(--accentContrast);
  font-weight: 600;
  background: var(--accent);
}
._cellSelected_1wxpx_257:hover:not(:disabled) {
  background: var(--accent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_cmkfn_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_cmkfn_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_cmkfn_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_cmkfn_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._container_cmkfn_61 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 22rem;
}
._container_cmkfn_61._fillWidth_cmkfn_68 {
  max-width: none;
}

._clickableInput_cmkfn_72 input {
  cursor: pointer;
}

._iconWrapper_cmkfn_76 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
._iconWrapper_cmkfn_76 svg {
  height: 1rem;
}
._iconWrapper_cmkfn_76 svg * {
  fill: var(--accent);
}

._closeButton_cmkfn_88 {
  display: inline-flex;
}

._panel_cmkfn_92 {
  width: 100%;
  max-width: 22rem;
  margin: 0.5rem auto 0;
  box-sizing: border-box;
  padding: 0.5rem;
  color: var(--textPrimary);
  overflow: hidden;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._panel_cmkfn_92 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
._panel_cmkfn_92 {
  border-radius: var(--glassRadius);
  animation: _glass-pop-in_cmkfn_1 var(--transitionTime) ease-out;
}
@media only screen and (max-width: 575px) {
  ._panel_cmkfn_92 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  ._panel_cmkfn_92 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 14rem;
    max-width: none;
    margin: 0.3rem 0 0;
  }
}

._list_cmkfn_133 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 15rem;
  overflow-y: auto;
  padding-right: 0.15rem;
}

._option_cmkfn_142 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem 0.25rem;
  color: var(--textPrimary);
  font-size: 0.95rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background-color var(--transitionTimeFast);
}
._option_cmkfn_142:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._option_cmkfn_142:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}
._option_cmkfn_142:disabled {
  color: var(--textSecondary);
  opacity: 0.4;
  cursor: not-allowed;
}
@media only screen and (max-width: 575px) {
  ._option_cmkfn_142 {
    min-height: 3rem;
  }
}

._optionSelected_cmkfn_175 {
  color: var(--accentContrast);
  font-weight: 600;
  background: var(--accent);
}
._optionSelected_cmkfn_175:hover:not(:disabled) {
  background: var(--accent);
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

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

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes liquid-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes glass-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes glass-pop-in {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes popover-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * Themes the `react-date-range` calendar so it follows the app theme
 * (dark/light mode + the user-chosen accent colour) and behaves well on mobile.
 * All three of the library's root classes (`rdrCalendarWrapper`,
 * `rdrDateRangeWrapper`) and our `react-date-range-picker` class land on the
 * same root element, so descendant selectors below stay correctly scoped.
 */
.react-date-range-picker.rdrCalendarWrapper {
  width: 100%;
  max-width: 22rem;
  margin: 0.5rem auto 0;
  box-sizing: border-box;
  color: var(--textPrimary);
  overflow: hidden;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  .react-date-range-picker.rdrCalendarWrapper {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
.react-date-range-picker.rdrCalendarWrapper {
  border-radius: var(--glassRadius);
  animation: glass-pop-in var(--transitionTime) ease-out;
}
@media only screen and (max-width: 575px) {
  .react-date-range-picker.rdrCalendarWrapper {
    max-width: 100%;
  }
}
.react-date-range-picker .rdrMonthAndYearWrapper {
  height: auto;
  padding: 0.75rem 0.5rem 0.25rem;
}
.react-date-range-picker .rdrMonthAndYearPickers {
  gap: 0.5rem;
}
.react-date-range-picker .rdrMonthPicker,
.react-date-range-picker .rdrYearPicker {
  position: relative;
  margin: 0;
}
.react-date-range-picker .rdrMonthPicker::after,
.react-date-range-picker .rdrYearPicker::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.7rem;
  width: 0.6rem;
  height: 0.4rem;
  transform: translateY(-50%);
  pointer-events: none;
  background-color: var(--textSecondary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.react-date-range-picker .rdrMonthAndYearPickers select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 2.5rem;
  padding: 0.4rem 1.6rem 0.4rem 0.85rem;
  color: var(--textPrimary);
  font-weight: 600;
  text-align: center;
  border-radius: 0.75rem;
  cursor: pointer;
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
  transition: background-color var(--transitionTime), box-shadow var(--transitionTime);
}
.react-date-range-picker .rdrMonthAndYearPickers select:hover {
  background-color: var(--backgroundPrimaryInverseFaded);
}
.react-date-range-picker .rdrMonthAndYearPickers select:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}
.react-date-range-picker .rdrMonthAndYearPickers select option {
  color: var(--textPrimary);
  background: var(--backgroundPrimary);
  font-weight: 400;
}
.react-date-range-picker .rdrNextPrevButton {
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
}
.react-date-range-picker .rdrNextPrevButton:hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
.react-date-range-picker .rdrPprevButton i {
  border-color: transparent var(--textPrimary) transparent transparent;
}
.react-date-range-picker .rdrNextButton i {
  border-color: transparent transparent transparent var(--textPrimary);
}
.react-date-range-picker .rdrWeekDay,
.react-date-range-picker .rdrMonthName {
  color: var(--textSecondary);
}
.react-date-range-picker .rdrMonth {
  width: 100%;
  padding: 0 0.5rem 0.75rem;
}
.react-date-range-picker .rdrDay {
  color: var(--textPrimary);
  height: 2.75rem;
  line-height: 2.75rem;
}
@media only screen and (max-width: 575px) {
  .react-date-range-picker .rdrDay {
    height: 3rem;
    line-height: 3rem;
  }
}
.react-date-range-picker .rdrDayNumber span {
  color: var(--textPrimary);
  font-weight: 400;
}
.react-date-range-picker .rdrDayPassive .rdrDayNumber span {
  color: var(--textSecondary);
}
.react-date-range-picker .rdrDayDisabled {
  background-color: transparent;
}
.react-date-range-picker .rdrDayDisabled .rdrDayNumber span {
  color: var(--textSecondary);
  opacity: 0.5;
}
.react-date-range-picker .rdrDayToday .rdrDayNumber span:after {
  background: var(--accent);
}
.react-date-range-picker .rdrSelected,
.react-date-range-picker .rdrInRange,
.react-date-range-picker .rdrStartEdge,
.react-date-range-picker .rdrEndEdge {
  background: var(--accent);
}
.react-date-range-picker .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.react-date-range-picker .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.react-date-range-picker .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.react-date-range-picker .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: var(--accentContrast);
}
.react-date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
.react-date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
.react-date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
.react-date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: var(--accentContrast);
}
.react-date-range-picker .rdrDayStartPreview,
.react-date-range-picker .rdrDayInPreview,
.react-date-range-picker .rdrDayEndPreview {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_idosy_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_idosy_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_idosy_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_idosy_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._scrollSelect_idosy_44 {
  position: relative;
  display: inline-flex;
}

._trigger_idosy_49 {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.4rem 1.6rem 0.4rem 0.85rem;
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 0.75rem;
  cursor: pointer;
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
  transition: background-color var(--transitionTime), box-shadow var(--transitionTime);
}
._trigger_idosy_49::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.7rem;
  width: 0.6rem;
  height: 0.4rem;
  transform: translateY(-50%);
  pointer-events: none;
  background-color: var(--textSecondary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") center/contain no-repeat;
}
._trigger_idosy_49:hover {
  background-color: var(--backgroundPrimaryInverseFaded);
}
._trigger_idosy_49:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--accent);
}

._list_idosy_89 {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  z-index: 5;
  width: max-content;
  min-width: 100%;
  max-height: 13rem;
  margin: 0;
  padding: 0.3rem;
  overflow-y: auto;
  list-style: none;
  border-radius: 0.75rem;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  scrollbar-width: thin;
  scrollbar-color: var(--borderColorInput) transparent;
}
._list_idosy_89::-webkit-scrollbar {
  width: 0.4rem;
}
._list_idosy_89::-webkit-scrollbar-thumb {
  background: var(--borderColorInput);
  border-radius: 1rem;
}

._option_idosy_118 {
  display: block;
  width: 100%;
  padding: 0.5rem 0.85rem;
  color: var(--textPrimary);
  font-size: 0.95rem;
  text-align: left;
  white-space: nowrap;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color var(--transitionTimeFast);
}
._option_idosy_118:hover {
  background: var(--backgroundPrimaryInverseFaded);
}

._optionActive_idosy_136 {
  color: var(--accentContrast);
  font-weight: 600;
  background: var(--accent);
}
._optionActive_idosy_136:hover {
  background: var(--accent);
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._container_1u9ax_9 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 22rem;
}
._container_1u9ax_9._fillWidth_1u9ax_16 {
  max-width: none;
}

._clickableInput_1u9ax_20 input {
  cursor: pointer;
}

._iconWrapper_1u9ax_24 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
._iconWrapper_1u9ax_24 svg {
  height: 1rem;
}
._iconWrapper_1u9ax_24 svg * {
  fill: var(--accent);
}

._closeButton_1u9ax_36 {
  display: inline-flex;
}

._panel_1u9ax_40 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  ._panel_1u9ax_40 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 22rem;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes liquid-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes glass-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes glass-pop-in {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes popover-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.react-datepicker-popper {
  z-index: 100;
}
.react-datepicker-popper .react-datepicker {
  color: var(--textPrimary);
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  .react-datepicker-popper .react-datepicker {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
.react-datepicker-popper .react-datepicker {
  border-radius: var(--glassRadius);
  animation: glass-pop-in var(--transitionTime) ease-out;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header {
  background: var(--backgroundPrimaryInverseFaded);
  color: var(--textPrimary);
  border-bottom: none;
  border-top-left-radius: 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header:not(.react-datepicker__header--has-time-select),
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__current-month {
  color: var(--textPrimary);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-name,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__day-name {
  color: var(--textPrimary);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker-time__header,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker-time__header {
  color: var(--textPrimary);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown {
  border-radius: 1rem;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option {
  padding: 0.1rem 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover {
  background: var(--accent);
  color: var(--accentContrast);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month .react-datepicker__year-option--selected, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__year-option--selected, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year .react-datepicker__year-option--selected, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option--selected_year:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_month:hover .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year .react-datepicker__year-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__month-option--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option--selected_year:hover .react-datepicker__year-option--selected {
  display: none;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:first-of-type {
  border-radius: 1rem 1rem 0 0;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option:last-of-type {
  border-radius: 0 0 1rem 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  width: 12px;
  height: 12px;
  position: relative;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming {
  top: 3px;
  transform: rotate(-45deg);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous {
  top: -3px;
  transform: rotate(135deg);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type {
  padding: 0.5rem 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover {
  background: none;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__month-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__month-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:first-of-type:hover .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__header .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option:last-of-type:hover .react-datepicker__navigation {
  border-color: #a6a6a6;
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day {
  border-radius: 1rem;
  color: var(--textPrimary);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text:hover, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--keyboard-selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--keyboard-selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--keyboard-selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--keyboard-selected {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--today,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--today,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--today,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--today {
  color: var(--accent);
}
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--selected, .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--selected:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__month-wrapper .react-datepicker__month-text--selected:hover,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected,
.react-datepicker-popper .react-datepicker .react-datepicker__time-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected:hover {
  background: var(--accent);
  color: var(--accentContrast);
}
.react-datepicker-popper .react-datepicker .react-datepicker__time {
  background: transparent;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
  background: transparent;
  color: var(--textPrimary);
  height: unset;
}
.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:not(.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled):hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--textPrimary);
}
.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected, .react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
  background: var(--accent);
  color: var(--accentContrast);
}
.react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled {
  color: var(--textSecondary);
}._toolbar_1ctdm_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
}

._styleSelect_1ctdm_10 {
  width: 14rem;
  max-width: 100%;
  font-size: 0.875rem;
}

._textarea_1ctdm_16 {
  display: block;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--textPrimary);
  padding: 0.75rem 1rem;
  resize: vertical;
  border-radius: 1rem;
  border: 1px solid var(--borderColorInput);
  background-color: var(--backgroundInput);
  transition: box-shadow var(--transitionTime);
}
._textarea_1ctdm_16:disabled {
  opacity: 0.7;
}
._textarea_1ctdm_16:focus {
  box-shadow: inset 0 0 0 2px var(--accent);
  outline: none;
}
._textarea_1ctdm_16::placeholder {
  color: var(--textSecondary);
}._actions_teh6l_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}._modal_17cxg_1 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  ._modal_17cxg_1 {
    width: 32rem;
  }
}
._modal_17cxg_1 ._date_17cxg_9 {
  font-weight: bold;
  margin-bottom: 1rem;
}._content_1x7f0_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
._content_1x7f0_1 ._form_1x7f0_7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._content_1x7f0_1 ._timer_1x7f0_12 {
  font-size: 2rem;
  white-space: nowrap;
  text-align: center;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._tabGroup_1a4nr_10 {
  padding: 0.25rem;
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  border-radius: 1rem;
  max-width: 100%;
}
html:not(.flat) ._tabGroup_1a4nr_10 button {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._layout_uoa4w_2 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._card_uoa4w_8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
  background: var(--backgroundPrimary);
}

._cardHeader_uoa4w_18 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._cardTitle_uoa4w_26 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--textPrimary);
}

._cardMeta_uoa4w_33 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

/* ── Active subscriptions donut + legend ──────────────── */
._donutBody_uoa4w_39 {
  display: flex;
  align-items: center;
  gap: 1.5rem 2.5rem;
  flex-wrap: wrap;
}

._donutChartWrap_uoa4w_46 {
  position: relative;
  flex: 0 1 260px;
  min-width: 200px;
  height: 240px;
}

._donutCenter_uoa4w_53 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  pointer-events: none;
}

._donutTotal_uoa4w_64 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._donutCaption_uoa4w_72 {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--textSecondary);
}

._legend_uoa4w_79 {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

._legendRow_uoa4w_88 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0.25rem;
}
._legendRow_uoa4w_88 + ._legendRow_uoa4w_88 {
  border-top: 1px solid var(--borderColorGeneral);
}

._legendKey_uoa4w_99 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.9rem;
  color: var(--textPrimary);
}

._legendDot_uoa4w_107 {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  flex-shrink: 0;
}

._legendValue_uoa4w_114 {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  font-weight: 600;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._legendPercent_uoa4w_123 {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--textSecondary);
}

/* ── Overview line chart ──────────────────────────────── */
._chartWrap_uoa4w_130 {
  width: 100%;
  height: 340px;
}

/* ── Themed tooltip (shared by both charts) ───────────── */
._tooltip_uoa4w_136 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 9rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.5rem;
  background: var(--backgroundPrimary);
  box-shadow: 0 4px 32px var(--shadowColor);
  font-size: 0.8rem;
}

._tooltipLabel_uoa4w_149 {
  font-weight: 700;
  color: var(--textPrimary);
}

._tooltipRow_uoa4w_154 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._tooltipKey_uoa4w_161 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--textSecondary);
}

._tooltipDot_uoa4w_168 {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  flex-shrink: 0;
}

._tooltipValue_uoa4w_175 {
  font-weight: 600;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._tooltipTotal_uoa4w_181 {
  margin-top: 0.15rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--borderColorGeneral);
}

._empty_uoa4w_187 {
  padding: 2.5rem 0;
  text-align: center;
  color: var(--textSecondary);
}

@media (max-width: 768px) {
  ._chartWrap_uoa4w_130 {
    height: 260px;
  }
  ._donutChartWrap_uoa4w_46 {
    flex-basis: 100%;
  }
  ._card_uoa4w_8 {
    padding: 1rem;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._container_u83jb_18 {
  border-radius: 1rem;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  padding: 2rem;
}
html.liquid ._container_u83jb_18 {
  background: none;
}

._card_u83jb_27 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._header_u83jb_33 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._title_u83jb_40 {
  color: var(--textPrimary);
  font-size: 1.5rem;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._title_u83jb_40 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._tip_u83jb_49 {
  display: inline-flex;
  align-items: center;
  cursor: help;
}
._tip_u83jb_49 svg {
  height: 1rem;
  width: 1rem;
}
._tip_u83jb_49 svg * {
  fill: var(--textSecondary);
}
html.has-bg-image:not(.flat) ._tip_u83jb_49 svg {
  filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--textPrimaryInverse) calc(70% * var(--glassTextHaloStrength, 1)), transparent));
}

._list_u83jb_65 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
}

._noData_u83jb_73 {
  color: var(--textSecondary);
  padding: 1rem 0;
}
html:not(.flat) ._noData_u83jb_73 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._viewAll_u83jb_81 {
  display: inline-block;
  margin-top: 0.5rem;
}
html.has-bg-image:not(.flat) ._viewAll_u83jb_81 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._row_pbufa_1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.75rem;
  text-decoration: none;
  color: inherit;
  transition: background var(--transitionTimeFast);
}
._row_pbufa_1:hover {
  background: var(--backgroundPrimaryInverseFaded);
}

._thumb_pbufa_15 {
  position: relative;
  flex: 0 0 auto;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
  background: var(--backgroundSecondary);
}

._thumbImage_pbufa_25 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._main_pbufa_33 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

._category_pbufa_41 {
  color: var(--accent);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
html:not(.flat) ._category_pbufa_41 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._title_pbufa_52 {
  color: var(--textPrimary);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html:not(.flat) ._title_pbufa_52 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._meta_pbufa_66 {
  color: var(--textSecondary);
  font-size: 0.78rem;
}

html:not(.flat) ._meta_pbufa_66 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._card_15978_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._head_15978_9 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

._icon_15978_16 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_15978_16 svg {
  width: 1.4rem;
  height: 1.4rem;
}

._info_15978_27 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._title_15978_34 {
  font-weight: 700;
  color: var(--textPrimary);
}

._meta_15978_39 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}._card_o4jjt_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._head_o4jjt_9 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}

._icon_o4jjt_17 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_o4jjt_17 svg {
  width: 1.4rem;
  height: 1.4rem;
}

._info_o4jjt_28 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._title_o4jjt_35 {
  font-weight: 700;
  color: var(--textPrimary);
}

._meta_o4jjt_40 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}._card_1hyid_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._head_1hyid_7 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._icon_1hyid_13 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_1hyid_13 svg {
  width: 1.5rem;
  height: 1.5rem;
}

._titleBlock_1hyid_24 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1;
}

._title_1hyid_24 {
  margin: 0;
  font-weight: 700;
  color: var(--textPrimary);
}

._subtitle_1hyid_38 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_1hyid_38 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._row_1hyid_47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._deviceLabel_1hyid_55 {
  font-size: 0.9rem;
  color: var(--textPrimary);
}

._hint_1hyid_60 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._actions_1hyid_66 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._enableBtn_1hyid_73 {
  align-self: flex-start;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_14xaj_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_14xaj_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_14xaj_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_14xaj_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._card_14xaj_61 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0 1rem 1rem;
}

._header_14xaj_68 {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
._header_14xaj_68 ._headerText_14xaj_74 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
._header_14xaj_68 ._title_14xaj_79 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
}
._header_14xaj_68 ._progressLabel_14xaj_84 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
}
html:not(.flat) ._header_14xaj_68 ._progressLabel_14xaj_84 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._progressTrack_14xaj_93 {
  background: var(--backgroundPrimaryInverseFaded);
  border-radius: 999px;
  height: 0.4rem;
  overflow: hidden;
}
._progressTrack_14xaj_93 ._progressFill_14xaj_99 {
  background: var(--accent);
  border-radius: 999px;
  height: 100%;
  transition: width var(--transitionTime);
}

._riskNote_14xaj_106 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}
html:not(.flat) ._riskNote_14xaj_106 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._tierGroup_14xaj_116 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

._tierBadge_14xaj_122 {
  align-self: flex-start;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0.2rem 0.6rem;
  text-transform: uppercase;
}
._tierBadge_14xaj_122._tierBadge-required_14xaj_131 {
  background: color-mix(in srgb, var(--warning) 14%, transparent);
  color: var(--warning);
}
._tierBadge_14xaj_122._tierBadge-recommended_14xaj_135 {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
}
._tierBadge_14xaj_122._tierBadge-optional_14xaj_139 {
  background: var(--backgroundPrimaryInverseFaded);
  color: var(--textSecondary);
}

._stepGrid_14xaj_144 {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  ._stepGrid_14xaj_144 {
    grid-template-columns: repeat(2, 1fr);
  }
}

._step_14xaj_144 {
  align-items: center;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.9rem;
  display: flex;
  gap: 0.25rem;
  padding-right: 0.5rem;
  transition: border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._step_14xaj_144:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
._step_14xaj_144._stepDone_14xaj_167 {
  opacity: 0.7;
}
._step_14xaj_144._stepDone_14xaj_167 ._stepTitle_14xaj_170 {
  text-decoration: line-through;
}
._step_14xaj_144._stepWarn_14xaj_173 {
  border-color: color-mix(in srgb, var(--warning) 50%, transparent);
}
._step_14xaj_144 ._stepMain_14xaj_176 {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-family: inherit;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.75rem;
  text-align: left;
}
._step_14xaj_144 ._stepMain_14xaj_176:focus-visible {
  border-radius: 0.9rem;
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 8px 24px -10px var(--glassGlow);
  outline: none;
}
._step_14xaj_144 ._stepStatus_14xaj_195 {
  align-items: center;
  border: 1.5px solid var(--borderColorGeneral);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 1.4rem;
  justify-content: center;
  width: 1.4rem;
}
._step_14xaj_144 ._stepStatus_14xaj_195 svg {
  height: 0.7rem;
  width: 0.7rem;
}
._step_14xaj_144 ._stepStatus_14xaj_195 svg * {
  fill: var(--success);
}
._step_14xaj_144._stepDone_14xaj_167 ._stepStatus_14xaj_195 {
  background: color-mix(in srgb, var(--success) 12%, transparent);
  border-color: color-mix(in srgb, var(--success) 50%, transparent);
}
._step_14xaj_144 ._stepText_14xaj_216 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
._step_14xaj_144 ._stepTitle_14xaj_170 {
  font-size: 0.95rem;
  font-weight: 700;
}
html.has-bg-image:not(.flat) ._step_14xaj_144 ._stepTitle_14xaj_170 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._step_14xaj_144 ._stepDescription_14xaj_229 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  line-height: 1.35;
}
html:not(.flat) ._step_14xaj_144 ._stepDescription_14xaj_229 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._welcomeBody_14xaj_238 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._welcomeBody_14xaj_238 p {
  line-height: 1.5;
  margin: 0;
}
._welcomeBody_14xaj_238 ._welcomeList_14xaj_247 {
  color: var(--textSecondary);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
  padding-left: 1.25rem;
}._filter_ghhqk_1 {
  max-width: 30rem;
  margin-bottom: 1.5rem;
}

._grid_ghhqk_6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 1.25rem;
}

._pagination_ghhqk_12 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.5rem;
}

._noData_ghhqk_19 {
  color: var(--textSecondary);
  padding: 2rem 0;
  text-align: center;
}
html:not(.flat) ._noData_ghhqk_19 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._card_1glfm_10 {
  display: flex;
  flex-direction: column;
  background: var(--backgroundPrimary);
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 2px var(--shadowColor);
  transition: transform var(--transitionTimeFast), box-shadow var(--transitionTimeFast), border-color var(--transitionTimeFast);
}
@media (hover: hover) {
  ._card_1glfm_10:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.75rem 1.75rem var(--shadowColor);
    border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  }
  ._card_1glfm_10:hover ._image_1glfm_28 {
    transform: scale(1.05);
  }
}
._card_1glfm_10:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

._media_1glfm_37 {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--backgroundSecondary);
}

._image_1glfm_28,
._fallback_1glfm_45 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._image_1glfm_28 {
  object-fit: cover;
  transition: transform var(--transitionTime);
}

._fallback_1glfm_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-size: cover;
}

._fallbackText_1glfm_65 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.92;
}

._category_1glfm_75 {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--textPrimary);
  background: var(--backgroundPrimaryFaded);
  border: 1px solid var(--borderColorGeneral);
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
}

._body_1glfm_90 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

._title_1glfm_98 {
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html:not(.flat) ._title_1glfm_98 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._summary_1glfm_112 {
  margin: 0;
  color: color-mix(in srgb, var(--textPrimary) 65%, transparent);
  font-size: 0.875rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html:not(.flat) ._summary_1glfm_112 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._meta_1glfm_126 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  padding-top: 0.5rem;
  color: var(--textSecondary);
  font-size: 0.78rem;
}

._source_1glfm_136 {
  font-weight: 600;
  color: var(--textPrimary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dot_1glfm_144 {
  opacity: 0.6;
}

._time_1glfm_148 {
  white-space: nowrap;
}

html:not(.flat) ._meta_1glfm_126 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._content_15khy_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._content_15khy_1 ._right_15khy_6,
._content_15khy_1 ._left_15khy_7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._content_15khy_1 ._button_15khy_12 {
  justify-self: end;
}
@media only screen and (min-width: 1200px) {
  ._content_15khy_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  ._content_15khy_1 ._button_15khy_12 {
    grid-column: 2;
  }
  ._content_15khy_1 ._left_15khy_7 {
    gap: 1rem;
  }
}._tabs_17zwa_1 {
  margin-bottom: 1rem;
}._newAccount_1va3d_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1rem;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  ._newAccount_1va3d_1 {
    flex-direction: row;
  }
}._loginForm_1bjjw_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
._loginForm_1bjjw_1 ._inputs_1bjjw_6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._loginForm_1bjjw_1 ._checkboxButton_1bjjw_11 {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
._loginForm_1bjjw_1 ._checkboxButton_1bjjw_11 ._passwordButton_1bjjw_17 {
  background: none;
  border: none;
  color: var(--accent);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0;
  white-space: nowrap;
}
._loginForm_1bjjw_1 ._checkboxButton_1bjjw_11 ._passwordButton_1bjjw_17:hover {
  text-decoration: underline;
}
._loginForm_1bjjw_1 ._loginFormButtons_1bjjw_31 {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-top: 0.25rem;
}
._loginForm_1bjjw_1 ._loginFormButtons_1bjjw_31 ._divider_1bjjw_37 {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  font-size: 0.85rem;
  gap: 0.75rem;
}
._loginForm_1bjjw_1 ._loginFormButtons_1bjjw_31 ._divider_1bjjw_37::before, ._loginForm_1bjjw_1 ._loginFormButtons_1bjjw_31 ._divider_1bjjw_37::after {
  background: var(--borderColorGeneral);
  content: "";
  flex: 1;
  height: 1px;
}._resetPasswordModal_f9c79_1 {
  width: 30vw;
}
@media only screen and (max-width: 1199px) {
  ._resetPasswordModal_f9c79_1 {
    width: 35vw;
  }
}
@media only screen and (max-width: 767px) {
  ._resetPasswordModal_f9c79_1 {
    width: 50vw;
  }
}
@media only screen and (max-width: 575px) {
  ._resetPasswordModal_f9c79_1 {
    width: 70vw;
  }
}
._resetPasswordModal_f9c79_1 ._modalTitle_f9c79_19 {
  font-size: 2rem;
  margin-bottom: 2.25rem;
}
._resetPasswordModal_f9c79_1 ._modalText_f9c79_23 {
  font-size: 1rem;
  margin: 0 0 1.31rem 0;
}
._resetPasswordModal_f9c79_1 ._buttons_f9c79_27 {
  display: flex;
  justify-content: flex-end;
  gap: 0.87rem;
  margin-top: 3.2rem;
}
@media only screen and (max-width: 991px) {
  ._resetPasswordModal_f9c79_1 ._buttons_f9c79_27 {
    flex-direction: column;
  }
}._checkEmailModal_fd3mq_1 {
  max-width: 24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: static;
  z-index: 1000;
}
._checkEmailModal_fd3mq_1 ._modalTitle_fd3mq_9 {
  font-size: 2rem;
  margin-bottom: 1.2rem;
  text-align: center;
}
._checkEmailModal_fd3mq_1 ._modalText_fd3mq_14 {
  font-size: 1rem;
  margin: 0 0 2.8rem 0;
  text-align: center;
}
._checkEmailModal_fd3mq_1 ._image_fd3mq_19 {
  margin-bottom: 2.25rem;
}
._checkEmailModal_fd3mq_1 ._homepageLink_fd3mq_22 {
  text-decoration: none;
  color: --var(--accent);
  margin-bottom: 2rem;
}._subheading_1gh62_1 {
  margin-bottom: 1rem;
  margin-left: 1rem;
}
._subheading_1gh62_1:not(:first-of-type) {
  margin-top: 2rem;
}

._form_1gh62_9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1gh62_9 ._fields_1gh62_14 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1gh62_9 ._fields_1gh62_14 ._leftSection_1gh62_19,
._form_1gh62_9 ._fields_1gh62_14 ._rightSection_1gh62_20 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1gh62_9 ._button_1gh62_25 {
  display: flex;
  justify-content: flex-end;
}
._form_1gh62_9 ._content_1gh62_29 {
  grid-template-columns: 1fr;
  gap: 1rem;
}
._form_1gh62_9 ._generateDocumentFields_1gh62_33 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media only screen and (min-width: 768px) {
  ._form_1gh62_9 ._fields_1gh62_14 {
    align-items: start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }
  ._form_1gh62_9 ._fields_1gh62_14 ._leftSection_1gh62_19 {
    display: grid;
    grid-column: 1;
    gap: 1rem;
  }
  ._form_1gh62_9 ._fields_1gh62_14 ._rightSection_1gh62_20 {
    display: grid;
    grid-column: 2;
    gap: 1rem;
  }
  ._form_1gh62_9 ._generateDocumentFields_1gh62_33 {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  ._form_1gh62_9 ._generateDocumentFields_1gh62_33 ._keyInput_1gh62_61 {
    grid-column: 2;
  }
  ._button_1gh62_25 {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
  }
  ._tab_1gh62_69 {
    grid-row: 1/span 1;
    grid-column: 1/span 2;
  }
  ._address_1gh62_73 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  ._text_1gh62_78 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 0.5rem 1.5rem;
  }
}/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1gjyz_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1gjyz_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1gjyz_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1gjyz_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._countrySelect_1gjyz_53 ._control_1gjyz_53 {
  min-height: unset;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
._countrySelect_1gjyz_53 ._control_1gjyz_53:hover {
  border: none;
}
._countrySelect_1gjyz_53 ._focused_1gjyz_63 {
  box-shadow: none;
}
._countrySelect_1gjyz_53 ._valueContainer_1gjyz_66 {
  padding: 0;
}
._countrySelect_1gjyz_53 ._input_1gjyz_69 {
  color: var(--textPrimary);
}
._countrySelect_1gjyz_53 ._dropdownIndicator_1gjyz_72 {
  padding: 0 0.15rem;
  color: var(--textSecondary);
}
._countrySelect_1gjyz_53 ._indicatorSeparator_1gjyz_76 {
  display: none;
}

._menuPortal_1gjyz_80 ._menu_1gjyz_80 {
  min-width: 18rem;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  background: linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 5%, transparent)), var(--glassBgStrong);
}
@media (hover: none) and (pointer: coarse) {
  ._menuPortal_1gjyz_80 ._menu_1gjyz_80 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
._menuPortal_1gjyz_80 ._menu_1gjyz_80 {
  border-radius: var(--glassRadius);
  overflow: hidden;
  z-index: 10000;
  animation: _glass-pop-in_1gjyz_1 0.18s ease-out;
}
._menuPortal_1gjyz_80 ._menuList_1gjyz_101 {
  padding: 0.5rem 0;
  border-radius: var(--glassRadius);
}
._menuPortal_1gjyz_80 ._option_1gjyz_105,
._menuPortal_1gjyz_80 ._optionSelected_1gjyz_106 {
  display: flex;
  cursor: pointer;
  padding: 0.5rem 1rem;
}
._menuPortal_1gjyz_80 ._option_1gjyz_105 {
  background: none;
  color: var(--textMainColor);
}
._menuPortal_1gjyz_80 ._option_1gjyz_105:active, ._menuPortal_1gjyz_80 ._option_1gjyz_105:hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._menuPortal_1gjyz_80 ._optionSelected_1gjyz_106 {
  background: var(--accent);
  color: var(--accentContrast);
}

._optionRow_1gjyz_123 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._optionLabel_1gjyz_129 {
  font-size: 0.9rem;
}

._flag_1gjyz_133 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  width: 1.5em;
}
._flag_1gjyz_133 svg,
._flag_1gjyz_133 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.15rem;
}

._globe_1gjyz_147 {
  font-size: 1.1em;
  line-height: 1;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1t63w_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1t63w_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1t63w_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1t63w_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._phoneInput_1t63w_44 .PhoneInput {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.6rem 1rem;
  background-color: var(--glassFieldBg);
  border: 1px solid var(--borderColorInput);
  backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  -webkit-backdrop-filter: blur(8px) saturate(140%) var(--glassRefractionEdge);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--glassHighlight) 50%, transparent);
  border-radius: 1rem;
  transition: box-shadow var(--transitionTime);
}
._phoneInput_1t63w_44 .PhoneInput--focus {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px var(--accent);
}
._phoneInput_1t63w_44 .PhoneInputCountry {
  margin-right: 0.75rem;
}
._phoneInput_1t63w_44 .PhoneInputCountry > .PhoneInputCountryIcon,
._phoneInput_1t63w_44 .PhoneInputCountry > .PhoneInputCountrySelectArrow {
  display: none;
}
._phoneInput_1t63w_44 .PhoneInputInput {
  min-width: 0;
  flex: 1;
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 400;
  background: transparent;
  border: none;
  outline: none;
}
._phoneInput_1t63w_44 .PhoneInputInput::placeholder {
  color: var(--textSecondary);
  opacity: 1;
}._badgeList_1v2bg_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

._inputWrapper_1v2bg_7 {
  display: flex;
  gap: 0.5rem;
}

._noItems_1v2bg_12 {
  color: var(--textSecondary);
  justify-content: space-between;
  padding: 0.6rem 1rem;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._trigger_1t050_9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  cursor: help;
  -webkit-tap-highlight-color: transparent;
}
._trigger_1t050_9:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 50%;
}

._icon_1t050_27 {
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
}
._icon_1t050_27 * {
  fill: var(--textSecondary);
}
._icon_1t050_27 * {
  transition: fill var(--transitionTime);
}

._trigger_1t050_9:hover ._icon_1t050_27 *,
._trigger_1t050_9:focus-visible ._icon_1t050_27 * {
  fill: var(--accent);
}._row_1fwc4_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._text_1fwc4_8 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

._label_1fwc4_15 {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--textPrimary);
}
html:not(.flat) ._label_1fwc4_15 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._createEmployeeTitle_1havd_1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  margin-left: 2.5rem;
}

._button_1havd_7 {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem;
  margin-top: 2rem;
}

._tab_1havd_14 {
  grid-row: 1/span 1;
  grid-column: 1/span 2;
}

._right_1havd_19 {
  display: grid;
  grid-row: 2/span 1;
}

._left_1havd_24 {
  display: grid;
  grid-row: 2/span 1;
  gap: 3rem;
}

@media only screen and (max-width: 1199px) {
  ._button_1havd_7 {
    grid-column: auto;
    grid-row: auto;
    justify-content: flex-end;
  }
  ._tab_1havd_14 {
    grid-row: auto;
    grid-column: auto;
  }
  ._right_1havd_19,
  ._left_1havd_24 {
    grid-row: auto;
    gap: 1rem;
  }
}._tabs_1tt9o_1 {
  margin-bottom: 1rem;
}

._pageHeading_1tt9o_5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._avatarContainer_1uo27_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}._badges_1l8na_1 {
  display: flex;
  gap: 0.5rem;
}._container_1un2e_1 ._noData_1un2e_1 {
  font-size: 1.5rem;
  color: var(--textSecondary);
  display: flex;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
._container_1un2e_1 ._topContent_1un2e_9 {
  display: flex;
  gap: 0.5rem;
}._card_luemx_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._card_luemx_1 ._employeeCell_luemx_6 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
._card_luemx_1 ._employeeCell_luemx_6 ._employeeName_luemx_11 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._card_luemx_1 ._buttons_luemx_16 {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 575px) {
  ._card_luemx_1 ._buttons_luemx_16 {
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
  }
  ._card_luemx_1 ._buttons_luemx_16 > button {
    flex: 1 1 12rem;
  }
}._track_gqgom_1 {
  background-color: var(--backgroundPrimaryInverseFaded);
  border-radius: 999px;
  flex: 1;
  height: 0.35rem;
  min-width: 3rem;
  overflow: hidden;
}

._fill_gqgom_10 {
  background-color: var(--accent);
  border-radius: 999px;
  height: 100%;
  transition: width var(--transitionTime);
}

._muted_gqgom_17 {
  background-color: var(--textSecondary);
  opacity: 0.55;
}._tooltipCard_113rs_1 {
  display: flex;
  flex-direction: column;
  min-width: 15rem;
  max-width: min(22rem, 90vw);
  padding: 0.8rem;
}

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

._header_113rs_14 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
}

._hours_113rs_22 {
  color: var(--textSecondary);
  font-size: 0.8rem;
}

._caption_113rs_27 {
  color: var(--textSecondary);
  cursor: help;
  font-size: 0.75rem;
}

._list_113rs_33 {
  border-top: 1px solid var(--borderColorGeneral);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0;
}

._row_113rs_44 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem 0;
}
._row_113rs_44 + ._row_113rs_44 {
  border-top: 1px solid var(--borderColorGeneral);
}

._rowTop_113rs_54 {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

._projectName_113rs_61 {
  color: var(--textPrimary);
  font-size: 0.9rem;
  font-weight: 500;
  word-break: break-word;
}

._untaggedName_113rs_68 {
  color: var(--textSecondary);
  font-size: 0.9rem;
  font-style: italic;
  word-break: break-word;
}

._badges_113rs_75 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}

._allocation_113rs_82 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

._allocationLabel_113rs_88 {
  color: var(--textSecondary);
  flex-shrink: 0;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
}

._noTime_113rs_95 {
  color: var(--textSecondary);
  font-size: 0.75rem;
  font-style: italic;
}

._empty_113rs_101 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  margin: 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes liquid-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes glass-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes glass-pop-in {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes popover-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.react-tooltip.employeeProjectsTooltip {
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  border-radius: var(--glassRadius);
  font-size: 0.9rem;
  max-width: none;
  padding: 0;
  pointer-events: none;
}
div.react-tooltip.employeeProjectsTooltip.isScrollable {
  pointer-events: auto;
}

html.flat div.react-tooltip.employeeProjectsTooltip {
  --rt-opacity: 1;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._wrapper_1gy2m_9 {
  align-items: center;
  display: inline-flex;
}

._pill_1gy2m_14 {
  align-items: center;
  background-color: var(--backgroundPrimaryInverseFaded);
  border: none;
  border-radius: 999px;
  color: var(--textPrimary);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  gap: 0.3rem;
  padding: 0.15rem 0.55rem;
  transition: transform 0.12s ease;
}
._pill_1gy2m_14 svg * {
  fill: var(--textPrimary);
}
._pill_1gy2m_14 svg {
  height: 0.85rem;
  width: 0.85rem;
}
._pill_1gy2m_14:hover {
  transform: scale(1.05);
}

._count_1gy2m_40 {
  line-height: 1;
}

._empty_1gy2m_44 {
  color: var(--textSecondary);
}._leaveWrapper_1ow2y_1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto 1fr;
  width: 100%;
  gap: 1rem;
}
._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 {
  grid-row: 3/span 1;
}
._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 ._tab_1ow2y_11 ._image_1ow2y_11 {
  display: none;
}
._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 {
  grid-row: 2/span 1;
}
._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media only screen and (min-width: 576px) {
  ._leaveWrapper_1ow2y_1 {
    display: grid;
    grid-template-rows: auto auto auto 1fr;
  }
  ._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 {
    grid-row: 2/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._leavesTitle_1ow2y_31 {
    grid-row: 1/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 {
    grid-row: 3/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-rows: 1fr 1fr;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 ._firstDaysContainer_1ow2y_42 {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 ._secondDaysContainer_1ow2y_46 {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 ._thirdDaysContainer_1ow2y_50 {
    grid-column: 2/span 1;
    grid-row: 2/span 1;
  }
}
@media only screen and (min-width: 1200px) {
  ._leaveWrapper_1ow2y_1 {
    display: grid;
    grid-template-columns: 1fr 380px;
    grid-template-rows: auto auto 1fr;
  }
  ._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 {
    grid-row: 2/span 2;
    grid-column: 1/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 ._tab_1ow2y_11 {
    margin: 2rem 0;
    display: flex;
    justify-content: space-between;
  }
  ._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8 ._tab_1ow2y_11 ._image_1ow2y_11 {
    display: block;
  }
  ._leaveWrapper_1ow2y_1 ._calendarContainer_1ow2y_8._onlyCalendarVisible_1ow2y_73 {
    grid-row: 2/span 2;
    grid-column: 1/span 2;
  }
  ._leaveWrapper_1ow2y_1 ._leavesTitle_1ow2y_31 {
    grid-column: 1/span 2;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 {
    grid-row: 2/span 1;
    grid-column: 2/span 1;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14._onlyCalendarVisible_1ow2y_73 {
    display: none;
  }
  ._leaveWrapper_1ow2y_1 ._daysContainer_1ow2y_14 ._daysGridWrapper_1ow2y_17 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  ._leaveWrapper_1ow2y_1 ._leaveFormContainer_1ow2y_92 {
    display: grid;
    grid-template-rows: auto auto;
    grid-row: 3/span 1;
    grid-column: 2/span 1;
    gap: 0.5rem;
  }
  ._leaveWrapper_1ow2y_1 ._leaveFormContainer_1ow2y_92._onlyCalendarVisible_1ow2y_73 {
    display: none;
  }
}
._wrapper_1ow2y_103 {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: 100%;
}
._wrapper_1ow2y_103 ._leaveForm_1ow2y_92 {
  grid-row: 3;
}
._wrapper_1ow2y_103 ._mainContent_1ow2y_112 {
  grid-row: 2;
}
._wrapper_1ow2y_103 ._tabsWrapper_1ow2y_115 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._wrapper_1ow2y_103 ._tabsWrapper_1ow2y_115 ._toggleSidebarButton_1ow2y_120 {
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
  ._wrapper_1ow2y_103 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
  }
  ._wrapper_1ow2y_103 ._leaveForm_1ow2y_92 {
    grid-column: 2;
    grid-row: 2/span 2;
  }
  ._wrapper_1ow2y_103 ._mainContent_1ow2y_112 {
    grid-column: 1/span 2;
    grid-row: 1;
  }
}
@media only screen and (min-width: 1200px) {
  ._wrapper_1ow2y_103 {
    column-gap: 0;
    grid-template-columns: minmax(0, 1fr) 0;
    grid-template-rows: auto 1fr auto;
    row-gap: 1rem;
    transition: gap var(--transitionTime), grid-template-columns var(--transitionTime);
  }
  ._wrapper_1ow2y_103 ._balance_1ow2y_145,
  ._wrapper_1ow2y_103 ._leaveForm_1ow2y_92,
  ._wrapper_1ow2y_103 ._legend_1ow2y_147 {
    opacity: 0;
    transition: opacity var(--transitionTime), visibility var(--transitionTime);
    visibility: hidden;
  }
  ._wrapper_1ow2y_103._sidebarOpen_1ow2y_152 {
    column-gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 23rem;
  }
  ._wrapper_1ow2y_103._sidebarOpen_1ow2y_152 ._balance_1ow2y_145,
  ._wrapper_1ow2y_103._sidebarOpen_1ow2y_152 ._leaveForm_1ow2y_92,
  ._wrapper_1ow2y_103._sidebarOpen_1ow2y_152 ._legend_1ow2y_147 {
    opacity: 1;
    visibility: visible;
  }
  ._wrapper_1ow2y_103 ._leaveForm_1ow2y_92 {
    grid-column: 2;
    grid-row: 2;
  }
  ._wrapper_1ow2y_103 ._legend_1ow2y_147 {
    grid-column: 2;
  }
  ._wrapper_1ow2y_103 ._mainContent_1ow2y_112 {
    grid-column: 1;
    grid-row: 1/span 3;
  }
  ._wrapper_1ow2y_103 ._tabsWrapper_1ow2y_115 ._toggleSidebarButton_1ow2y_120 {
    visibility: visible;
  }
}._daysGridWrapper_1jk81_1 {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 576px) {
  ._daysGridWrapper_1jk81_1 {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
  }
  ._daysGridWrapper_1jk81_1 ._firstDaysContainer_1jk81_13 {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
  }
  ._daysGridWrapper_1jk81_1 ._secondDaysContainer_1jk81_17 {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
  }
  ._daysGridWrapper_1jk81_1 ._thirdDaysContainer_1jk81_21 {
    grid-column: 2/span 1;
    grid-row: 2/span 1;
  }
}._leaveDaysWrapper_id45i_1 {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  height: 100%;
  width: 100%;
}
._leaveDaysWrapper_id45i_1 ._daysTitle_id45i_9 {
  font-size: 1.5rem;
}
._leaveDaysWrapper_id45i_1 ._daysTitle_id45i_9._totalDaysTitle_id45i_12 {
  font-size: 2.5rem;
}
._leaveDaysWrapper_id45i_1 ._daysText_id45i_15 {
  font-size: 0.875rem;
}
html:not(.flat) ._leaveDaysWrapper_id45i_1 ._daysText_id45i_15 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._leaveDaysWrapper_id45i_1 ._daysText_id45i_15._text-center_id45i_21 {
  text-align: center;
}
._leaveDaysWrapper_id45i_1 ._daysText_id45i_15._text-start_id45i_24 {
  text-align: start;
}
._leaveDaysWrapper_id45i_1 ._daysText_id45i_15._totalDaysBold_id45i_27 {
  font-size: 1rem;
  font-weight: 700;
}
._leaveDaysWrapper_id45i_1._column_id45i_31 {
  flex-direction: column;
}
._leaveDaysWrapper_id45i_1._row_id45i_34 {
  flex-direction: row;
}._card_1h7m2_1 {
  align-self: stretch;
}
._card_1h7m2_1 ._form_1h7m2_4 {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
._card_1h7m2_1 ._form_1h7m2_4 ._inputs_1h7m2_11 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._container_ivto3_9 {
  width: 100%;
}

._clickableInput_ivto3_13 input {
  cursor: pointer;
}

._iconWrapper_ivto3_17 svg {
  height: 1rem;
}
._iconWrapper_ivto3_17 svg * {
  fill: var(--accent);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._selectButton_1qg0x_10 {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
._selectButton_1qg0x_10._outlined_1qg0x_18 {
  padding: 0.65rem 0 0.75rem 3.2rem;
  border: 1px solid var(--borderColorInput);
  border-radius: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._selectButton_1qg0x_10 ._checkmark_1qg0x_27 {
  position: relative;
  height: 1.125rem;
  width: 1.125rem;
  background-color: var(--backgroundInput);
  border: 1px solid var(--borderColorInput);
  border-radius: 50%;
}
._selectButton_1qg0x_10._fullWidth_1qg0x_35 {
  width: 100%;
}
._selectButton_1qg0x_10._checked_1qg0x_38._accent_1qg0x_38 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border: 1px solid var(--accent);
  color: var(--accent);
}
._selectButton_1qg0x_10._checked_1qg0x_38._inverse_1qg0x_43 {
  background-color: none;
  border: none;
}
._selectButton_1qg0x_10._checked_1qg0x_38 ._checkmark_1qg0x_27 {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border: 1px solid var(--accent);
}
._selectButton_1qg0x_10._checked_1qg0x_38 ._checkmark_1qg0x_27:after {
  top: 3px;
  left: 3px;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--accent);
  content: "";
  position: absolute;
}
._selectButton_1qg0x_10 input {
  display: none;
}

html:not(.flat) ._selectButton_1qg0x_10 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._card_1rclu_1 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

._head_1rclu_7 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._icon_1rclu_13 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_1rclu_13 svg {
  width: 1.5rem;
  height: 1.5rem;
}

._titleBlock_1rclu_24 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1;
}

._title_1rclu_24 {
  margin: 0;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--textPrimary);
}
html:not(.flat) ._title_1rclu_24 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._body_1rclu_42 {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--textSecondary);
}
html:not(.flat) ._body_1rclu_42 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._content_1vsjl_1 {
  display: grid;
  column-gap: 1rem;
  row-gap: 0.6rem;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1l1lg_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1l1lg_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1l1lg_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1l1lg_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._toolbar_1l1lg_61 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

._monthNav_1l1lg_70 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._monthLabel_1l1lg_76 {
  min-width: 10rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._monthLabel_1l1lg_76 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._toolbarControls_1l1lg_88 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

@media only screen and (max-width: 575px) {
  ._toolbar_1l1lg_61 {
    justify-content: center;
  }
  ._monthNav_1l1lg_70 {
    width: 100%;
    justify-content: space-between;
  }
  ._monthLabel_1l1lg_76 {
    min-width: 0;
    font-size: 1rem;
  }
}
._calendar_1l1lg_108 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._weekdays_1l1lg_114 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}
@media only screen and (max-width: 575px) {
  ._weekdays_1l1lg_114 {
    display: none;
  }
}

._weekday_1l1lg_114 {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textSecondary);
}
html:not(.flat) ._weekday_1l1lg_114 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._weeks_1l1lg_137 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
._weeks_1l1lg_137._selecting_1l1lg_142 {
  user-select: none;
}
@media only screen and (max-width: 767px) {
  ._weeks_1l1lg_137 {
    gap: 0.2rem;
  }
}
@media only screen and (max-width: 575px) {
  ._weeks_1l1lg_137 {
    display: none;
  }
}

._week_1l1lg_114 {
  position: relative;
}

._weekCells_1l1lg_160 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}
@media only screen and (max-width: 767px) {
  ._weekCells_1l1lg_160 {
    gap: 0.2rem;
  }
}

._cell_1l1lg_171 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 9.25rem;
  padding: 0.4rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._selectable_1l1lg_183 {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._selectable_1l1lg_183:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._selectable_1l1lg_183:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._selectable_1l1lg_183 {
  position: relative;
  isolation: isolate;
}
._selectable_1l1lg_183::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._selectable_1l1lg_183:hover::before {
  opacity: 1;
}

._outOfMonth_1l1lg_213 {
  background: var(--backgroundPrimaryInverseFaded);
}
._outOfMonth_1l1lg_213 ._dayNumber_1l1lg_216 {
  color: var(--textSecondary);
  opacity: 0.6;
}

._weekendCell_1l1lg_221,
._holidayCell_1l1lg_222 {
  background: var(--backgroundPrimaryInverseFaded);
}

._today_1l1lg_226 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._selected_1l1lg_231 {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

._cellHeader_1l1lg_236 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.3rem;
  min-width: 0;
}

._dayNumber_1l1lg_216 {
  flex-shrink: 0;
  font-weight: 600;
  color: var(--textPrimary);
}
html:not(.flat) ._dayNumber_1l1lg_216 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._holidayNames_1l1lg_253 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.05rem;
  min-width: 0;
}

._holidayName_1l1lg_253 {
  max-width: 100%;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--warning);
}
html.has-bg-image:not(.flat) ._holidayName_1l1lg_253 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._holidayName_1l1lg_253 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._moreButton_1l1lg_276 {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin-top: auto;
  align-self: center;
  padding: 0.05rem 0.3rem;
  border: none;
  border-radius: 0.3rem;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
._moreButton_1l1lg_276:hover {
  background: color-mix(in srgb, var(--accent) 20%, transparent);
}
._moreButton_1l1lg_276:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._moreIcon_1l1lg_300 {
  flex-shrink: 0;
  width: auto;
  height: 0.72rem;
}
._moreIcon_1l1lg_300 * {
  fill: currentColor;
}

._weekBars_1l1lg_309 {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: 1.35rem;
  column-gap: 0.4rem;
  row-gap: 0.14rem;
  padding-top: 1.6rem;
  pointer-events: none;
  --bar-bridge-width: calc(0.12rem * 2 + 0.4rem);
}
@media only screen and (max-width: 767px) {
  ._weekBars_1l1lg_309 {
    column-gap: 0.2rem;
    --bar-bridge-width: calc(0.12rem * 2 + 0.2rem);
    grid-auto-rows: 1.7rem;
  }
}

._barSlot_1l1lg_330 {
  display: flex;
  min-width: 0;
  padding: 0 0.12rem;
  pointer-events: none;
}

._calendarButtons_1l1lg_337 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media only screen and (min-width: 576px) {
  ._calendarButtons_1l1lg_337 {
    margin-top: 1rem;
    flex-direction: row;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  ._weekday_1l1lg_114 {
    font-size: 0.7rem;
  }
  ._cell_1l1lg_171 {
    gap: 0.2rem;
    padding: 0.3rem;
    border-radius: 0.5rem;
    min-height: 10.5rem;
  }
  ._dayNumber_1l1lg_216 {
    font-size: 0.85rem;
  }
}
._mobileWeek_1l1lg_364 {
  --rail-lane-width: 0.45rem;
  display: grid;
  align-items: stretch;
  column-gap: 0.18rem;
  row-gap: 0.3rem;
}
._mobileWeek_1l1lg_364._selecting_1l1lg_142 {
  user-select: none;
}

._railBar_1l1lg_375 {
  z-index: 1;
  margin: 0;
  margin-right: -0.18rem;
  margin-top: 0.5rem;
  padding: 0;
  border: 0 solid var(--leaveColor, var(--accent));
  border-top-width: 0.14rem;
  border-bottom-width: 0.14rem;
  border-left-width: 0.14rem;
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  background: transparent;
  pointer-events: none;
}

._railBarNew_1l1lg_391 {
  border-style: dashed;
}

._railBarOpenTop_1l1lg_395 {
  margin-top: 0;
  border-top-width: 0;
  border-top-left-radius: 0;
}

._railBarOpenBottom_1l1lg_401 {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
}

._dayTile_1l1lg_406 {
  z-index: 0;
  border-radius: 0.5rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._dayTile_1l1lg_406._weekendCell_1l1lg_221,
._dayTile_1l1lg_406._holidayCell_1l1lg_222 {
  background: var(--backgroundPrimaryInverseFaded);
}

._dayTile_1l1lg_406._today_1l1lg_226 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._dayTile_1l1lg_406._selected_1l1lg_231 {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

._dayTile_1l1lg_406._selectable_1l1lg_183 {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._dayTile_1l1lg_406._selectable_1l1lg_183:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._dayTile_1l1lg_406._selectable_1l1lg_183:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}

._dayTileHeader_1l1lg_441 {
  z-index: 1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.3rem;
  min-height: 1.5rem;
  min-width: 0;
  padding: 0.4rem 0.5rem 0.15rem;
  pointer-events: none;
}

._dayTileDate_1l1lg_453 {
  flex-shrink: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._dayTileDate_1l1lg_453 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._dayTileLeafRow_1l1lg_463 {
  z-index: 1;
  min-width: 0;
  padding: 0 0.5rem 0 0.3rem;
}
._dayTileLeafRow_1l1lg_463._lastOfDay_1l1lg_468 {
  padding-bottom: 0.4rem;
}

._dayTileMore_1l1lg_472 {
  z-index: 1;
  padding: 0 0.5rem 0.4rem;
  text-align: center;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._chip_1nlvr_10 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0.12rem 0.35rem;
  border: none;
  border-left: 0.2rem solid var(--leaveColor, var(--accent));
  border-radius: 0.3rem;
  background: linear-gradient(color-mix(in srgb, var(--leaveColor, var(--accent)) 34%, transparent), color-mix(in srgb, var(--leaveColor, var(--accent)) 34%, transparent)), var(--glassBg);
  color: var(--textPrimary);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: left;
}

._icon_1nlvr_30 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--leaveColor, var(--accent));
}
._icon_1nlvr_30 svg {
  width: 0.85rem;
  height: 0.85rem;
}

._title_1nlvr_41 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html:not(.flat) ._title_1nlvr_41 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._clickable_1nlvr_50 {
  cursor: pointer;
  transition: filter var(--transitionTimeFast) ease;
}
._clickable_1nlvr_50:hover {
  filter: brightness(0.96);
}
._clickable_1nlvr_50:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
  z-index: 1;
}

._newLeave_1nlvr_63 {
  border: 1px dashed var(--leaveColor, var(--accent));
  background: linear-gradient(color-mix(in srgb, var(--leaveColor, var(--accent)) 14%, transparent), color-mix(in srgb, var(--leaveColor, var(--accent)) 14%, transparent)), var(--glassBg);
}

._pending_1nlvr_68 {
  position: relative;
  padding-right: 0.85rem;
}
._pending_1nlvr_68::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.3rem;
  width: 0.45rem;
  height: 0.45rem;
  border: 1px solid var(--warningContrast);
  border-radius: 50%;
  background: var(--warning);
  transform: translateY(-50%);
}

._bar_1nlvr_85 {
  position: relative;
  height: 100%;
  min-height: 1.15rem;
  border-radius: 0.35rem;
  pointer-events: none;
}
._bar_1nlvr_85._clickable_1nlvr_50 {
  pointer-events: auto;
}

._connectRight_1nlvr_96::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: var(--bar-bridge-width, 0.64rem);
  height: 0.2rem;
  border-radius: 0.08rem;
  background: var(--leaveColor, var(--accent));
  transform: translateY(-50%);
  pointer-events: none;
}

._compact_1nlvr_109 {
  justify-content: center;
  gap: 0;
  padding: 0.1rem;
}

._avatar_1nlvr_115 {
  box-shadow: 0 0 0 0.12rem var(--leaveColor, var(--accent));
}

._labelAvatar_1nlvr_119 {
  flex-shrink: 0;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--leaveColor, var(--accent)) 45%, transparent);
}

._compact_1nlvr_109._pending_1nlvr_68 {
  padding-right: 0.1rem;
}
._compact_1nlvr_109._pending_1nlvr_68::after {
  top: 0.1rem;
  right: 0.1rem;
  transform: none;
}

._flat_1nlvr_46 {
  border-left: none;
}

._barEnd_1nlvr_137:not(._newLeave_1nlvr_63) {
  border-right: 0.2rem solid var(--leaveColor, var(--accent));
}

._vertical_1nlvr_141 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  height: 100%;
  min-height: 1.6rem;
  padding: 0.3rem 0.1rem;
  border-radius: 0.35rem;
}

._vertical_1nlvr_141:not(._newLeave_1nlvr_63) {
  border-left: none;
}

._vertical_1nlvr_141._vStart_1nlvr_155:not(._newLeave_1nlvr_63) {
  border-top: 0.2rem solid var(--leaveColor, var(--accent));
}

._vertical_1nlvr_141._vEnd_1nlvr_159:not(._newLeave_1nlvr_63) {
  border-bottom: 0.2rem solid var(--leaveColor, var(--accent));
}

._vertical_1nlvr_141._pending_1nlvr_68 {
  padding-right: 0.1rem;
}
._vertical_1nlvr_141._pending_1nlvr_68::after {
  top: 0.15rem;
  right: 0.15rem;
  transform: none;
}

._block_1nlvr_172 {
  padding: 0.45rem 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
._block_1nlvr_172 ._icon_1nlvr_30 svg {
  width: 1rem;
  height: 1rem;
}._modal_1rwdv_1 h2 {
  text-transform: capitalize;
}

._content_1rwdv_5 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: min(20rem, 70vw);
}

._holiday_1rwdv_12 {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--warning);
}._modal_1g8jw_1 {
  gap: 0rem;
}
._modal_1g8jw_1 ._title_1g8jw_4 {
  font-size: 2rem;
  font-weight: bold;
}
._modal_1g8jw_1 ._manageBankHolidaysWrapper_1g8jw_8 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: 100%;
  width: 41rem;
}
._modal_1g8jw_1 ._manageBankHolidaysWrapper_1g8jw_8 ._selectYearContainer_1g8jw_15 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: flex-end;
}
._modal_1g8jw_1 ._manageBankHolidaysWrapper_1g8jw_8 ._bankHoliday_1g8jw_22 {
  display: grid;
  gap: 0.5rem;
  overflow: auto;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._bankHolidayContainer_om8sm_10 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 {
  width: 100%;
  border-radius: 1rem;
  padding: 1rem;
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 ._holidayInfo_om8sm_21 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 ._holidayInfo_om8sm_21 ._holidayName_om8sm_28 {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 600;
  min-width: 10rem;
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 ._holidayInfo_om8sm_21 ._holidayDate_om8sm_34 {
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 ._holidayInfo_om8sm_21 ._actions_om8sm_39 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._bankHolidayContainer_om8sm_10 ._holidayDetailsContainer_om8sm_15 ._holidayInfo_om8sm_21 ._actions_om8sm_39 ._button_om8sm_44 {
  padding: 0.3rem 0.3rem;
}
._bankHolidayContainer_om8sm_10 ._bankHolidaysAlternatives_om8sm_47 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 50rem;
  margin-top: 0.5rem;
}
._bankHolidayContainer_om8sm_10 ._bankHolidaysAlternatives_om8sm_47 ._alternatives_om8sm_54 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._badgeWith_om8sm_60 {
  width: 6rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._editBankHolidayWrapper_x7pah_10 {
  width: 100%;
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
._editBankHolidayWrapper_x7pah_10 ._top_x7pah_20 {
  align-items: start;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
._editBankHolidayWrapper_x7pah_10 ._top_x7pah_20 ._inputsContainer_x7pah_26 {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
._editBankHolidayWrapper_x7pah_10 ._top_x7pah_20 ._inputsContainer_x7pah_26 ._holidayNameInput_x7pah_34 {
  flex-grow: 1;
}
._editBankHolidayWrapper_x7pah_10 ._alternativeDatesWrapper_x7pah_37 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._editBankHolidayWrapper_x7pah_10 ._alternativeDatesWrapper_x7pah_37 ._alternativesAdd_x7pah_43 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  max-width: 40rem;
}
._editBankHolidayWrapper_x7pah_10 ._alternativeDatesWrapper_x7pah_37 ._addNewDate_x7pah_50 {
  display: flex;
  gap: 1rem;
}
._editBankHolidayWrapper_x7pah_10 ._button_x7pah_54 {
  padding: 0.1rem 0.6rem;
}
._editBankHolidayWrapper_x7pah_10 ._checkmarkButton_x7pah_57 {
  padding: 0.5rem 0.5rem;
}

._badgeWidth_x7pah_61 {
  width: 7rem;
}

._calendarContainer_x7pah_65 {
  position: sticky;
  z-index: 999;
}
@media only screen and (max-width: 575px) {
  ._calendarContainer_x7pah_65 {
    position: static;
  }
}

._calendar_x7pah_65 {
  position: absolute;
  z-index: 999;
  padding-top: 0.5rem;
  width: 22rem;
  max-width: calc(100vw - 2rem);
}
@media only screen and (max-width: 575px) {
  ._calendar_x7pah_65 {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
  }
}._content_14kfg_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._content_14kfg_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

._collapsible_14kfg_13 {
  margin-bottom: 1rem;
}

._card_14kfg_17 {
  margin-top: 1rem;
  z-index: 0;
}

._button_14kfg_22 {
  display: flex;
  justify-content: flex-end;
}._newOrganizationContainer_m0ge0_1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  ._newOrganizationContainer_m0ge0_1 {
    grid-template-columns: 1fr 1fr;
  }
}
._newOrganizationContainer_m0ge0_1 ._leftContainer_m0ge0_11 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  ._newOrganizationContainer_m0ge0_1 ._leftContainer_m0ge0_11 {
    grid-column: 1/span 1;
  }
}
._newOrganizationContainer_m0ge0_1 ._rightContainer_m0ge0_21 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  ._newOrganizationContainer_m0ge0_1 ._rightContainer_m0ge0_21 {
    grid-column: 2/span 1;
  }
}
._newOrganizationContainer_m0ge0_1 ._buttons_m0ge0_31 {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1200px) {
  ._newOrganizationContainer_m0ge0_1 ._buttons_m0ge0_31 {
    grid-column: 2/span 1;
  }
}

._newOrganizationTitle_m0ge0_41 {
  margin: 1rem 0;
}

._uploadWrapper_m0ge0_45 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}._form_17l81_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  width: 40rem;
}
._form_17l81_1 ._positionFileUploadInfo_17l81_8 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  text-align: center;
}._form_16s4v_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  width: 40rem;
}

._fileContainer_16s4v_9 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
}

._selectedFilesTitle_16s4v_16 {
  font-weight: 700;
  margin-bottom: 0.5rem;
}._top_1vzl9_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}._inputs_19hz8_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._wrapper_11ggv_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
._wrapper_11ggv_1 ._selectEmployee_11ggv_6 {
  margin-left: 1rem;
}
._wrapper_11ggv_1 ._form_11ggv_9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._wrapper_11ggv_1 ._form_11ggv_9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1rfjq_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1rfjq_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1rfjq_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1rfjq_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._wrapper_1rfjq_44 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 0 1rem;
}

._card_1rfjq_51 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
  min-width: 7rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._value_1rfjq_66 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._label_1rfjq_73 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

@media only screen and (max-width: 575px) {
  ._card_1rfjq_51 {
    min-width: 5rem;
  }
}._wrapper_1sfjr_1 {
  display: flex;
  flex-direction: column;
}

._sectionTitle_1sfjr_6 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--textPrimary);
  margin: 0.25rem 0 0.75rem;
}

._projectCell_1sfjr_13 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}

._projectTop_1sfjr_20 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

._dot_1sfjr_27 {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  flex-shrink: 0;
}

._projectName_1sfjr_34 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: var(--textPrimary);
}

._totalName_1sfjr_42 {
  font-weight: 700;
}

._shareTrack_1sfjr_46 {
  width: 100%;
  max-width: 10rem;
  height: 0.3rem;
  border-radius: 999px;
  background: var(--backgroundPrimaryInverseFaded);
  overflow: hidden;
}

._shareFill_1sfjr_55 {
  height: 100%;
  border-radius: 999px;
  transition: width var(--transitionTime);
}

._totalValue_1sfjr_61 {
  font-variant-numeric: tabular-nums;
}

._pct_1sfjr_65 {
  color: var(--textSecondary);
  font-size: 0.8rem;
  margin-left: 0.4rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._header_v3qk9_18 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

._nav_v3qk9_27 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navLabel_v3qk9_33 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--textPrimary);
  margin-left: 0.25rem;
}
html:not(.flat) ._navLabel_v3qk9_33 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._hintRow_v3qk9_43 {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.6rem;
}

._dragHint_v3qk9_49 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  color: var(--textSecondary);
  cursor: help;
}
._dragHint_v3qk9_49 svg {
  width: 0.95rem;
  height: 0.95rem;
}
._dragHint_v3qk9_49 svg * {
  fill: var(--textSecondary);
}
._dragHint_v3qk9_49:hover {
  color: var(--textPrimary);
}
._dragHint_v3qk9_49:hover svg * {
  fill: var(--accent);
}

._hintRow_v3qk9_43 {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.6rem;
}

._dragHint_v3qk9_49 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  color: var(--textSecondary);
  cursor: help;
}
._dragHint_v3qk9_49 svg {
  width: 0.95rem;
  height: 0.95rem;
}
._dragHint_v3qk9_49 svg * {
  fill: var(--textSecondary);
}
._dragHint_v3qk9_49:hover {
  color: var(--textPrimary);
}
._dragHint_v3qk9_49:hover svg * {
  fill: var(--accent);
}

._controls_v3qk9_99 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

._totalsBar_v3qk9_106 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  max-width: 34rem;
  margin-bottom: 1rem;
}

._totalsLabel_v3qk9_115 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--textSecondary);
  white-space: nowrap;
}
html:not(.flat) ._totalsLabel_v3qk9_115 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._totalsProgress_v3qk9_125 {
  flex: 1 1 10rem;
  min-width: 0;
}

._diffChip_v3qk9_130 {
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
}
._diffChip_v3qk9_130[data-state=under] {
  color: var(--warning);
  background: color-mix(in srgb, var(--warning) 12%, transparent);
}
._diffChip_v3qk9_130[data-state=over] {
  color: var(--info);
  background: color-mix(in srgb, var(--info) 12%, transparent);
}
._diffChip_v3qk9_130[data-state=met] {
  color: var(--success);
  background: color-mix(in srgb, var(--success) 12%, transparent);
}

@media only screen and (max-width: 575px) {
  ._header_v3qk9_18 {
    gap: 0.75rem;
  }
  ._controls_v3qk9_99 {
    order: 1;
    width: 100%;
    justify-content: space-between;
  }
  ._nav_v3qk9_27 {
    order: 2;
  }
  ._totalsBar_v3qk9_106 {
    max-width: none;
  }
}._wrapper_fu64u_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

._track_fu64u_8 {
  position: relative;
  flex: 1;
  min-width: 2rem;
  border-radius: 999px;
  background: var(--backgroundPrimaryInverseFaded);
  overflow: hidden;
}
._track_fu64u_8._small_fu64u_16 {
  height: 0.375rem;
}
._track_fu64u_8._medium_fu64u_19 {
  height: 0.625rem;
}

._fill_fu64u_23 {
  height: 100%;
  border-radius: 999px;
  background: var(--accent);
  transition: width var(--transitionTime), background var(--transitionTimeFast);
}

._track_fu64u_8[data-state=met] ._fill_fu64u_23 {
  background: var(--success);
}

._track_fu64u_8[data-state=over] ._fill_fu64u_23 {
  background: var(--info);
}

._track_fu64u_8[data-state=none] ._fill_fu64u_23 {
  background: var(--textSecondary);
}

._label_fu64u_42 {
  font-size: 0.75rem;
  white-space: nowrap;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}
html:not(.flat) ._label_fu64u_42 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._norm_fu64u_52 {
  color: var(--textSecondary);
}._grid_1m74j_1 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.6rem;
}
@media only screen and (max-width: 1399px) {
  ._grid_1m74j_1 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 991px) {
  ._grid_1m74j_1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  ._grid_1m74j_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 575px) {
  ._grid_1m74j_1 {
    grid-template-columns: minmax(0, 1fr);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_2nw2n_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_2nw2n_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_2nw2n_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_2nw2n_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_2nw2n_53 {
  display: flex;
  flex-direction: column;
  min-height: 11rem;
  border-radius: 1rem;
  overflow: hidden;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._card_2nw2n_53:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._card_2nw2n_53:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._card_2nw2n_53 {
  position: relative;
  isolation: isolate;
}
._card_2nw2n_53::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._card_2nw2n_53:hover::before {
  opacity: 1;
}
._card_2nw2n_53._nonWorking_2nw2n_90 {
  background: var(--backgroundPrimaryInverseFaded);
}
._card_2nw2n_53._today_2nw2n_93 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
._card_2nw2n_53._past_2nw2n_97 ._weekday_2nw2n_97, ._card_2nw2n_53._past_2nw2n_97 ._dayNumber_2nw2n_97 {
  color: var(--textSecondary);
}
._card_2nw2n_53._dropTarget_2nw2n_100 {
  border-color: var(--accent);
  border-style: dashed;
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._body_2nw2n_107 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 0.6rem 0.7rem;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
._body_2nw2n_107:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

._header_2nw2n_127 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  min-width: 0;
}

._headerDate_2nw2n_135 {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  min-width: 0;
}

._weekday_2nw2n_97 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--textSecondary);
}

._dayNumber_2nw2n_97 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._delta_2nw2n_156 {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
}
._delta_2nw2n_156[data-state=under] {
  color: var(--warning);
  background: color-mix(in srgb, var(--warning) 12%, transparent);
}
._delta_2nw2n_156[data-state=over] {
  color: var(--info);
  background: color-mix(in srgb, var(--info) 12%, transparent);
}
._delta_2nw2n_156[data-state=met] {
  color: var(--success);
  background: color-mix(in srgb, var(--success) 12%, transparent);
}

._logs_2nw2n_178 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._logPill_2nw2n_185 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  min-width: 0;
  transition: background var(--transitionTimeFast);
}
._logPill_2nw2n_185:hover {
  background: var(--backgroundPrimaryInverseFaded);
}

._draggable_2nw2n_199 {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
._draggable_2nw2n_199:active {
  cursor: grabbing;
}

._dragGhost_2nw2n_209 {
  opacity: 0.4;
}

._deleteBtn_2nw2n_213 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  margin-right: -0.15rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--textSecondary);
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.5;
  transition: color var(--transitionTimeFast), background var(--transitionTimeFast), opacity var(--transitionTimeFast);
}
._deleteBtn_2nw2n_213:hover {
  color: var(--error);
  background: color-mix(in srgb, var(--error) 12%, transparent);
  opacity: 1;
}
._deleteBtn_2nw2n_213:focus-visible {
  color: var(--error);
  opacity: 1;
  outline: 2px solid var(--error);
  outline-offset: 1px;
}

._dot_2nw2n_244 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}

._logName_2nw2n_251 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--textPrimary);
}

._logHours_2nw2n_260 {
  color: var(--textSecondary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._empty_2nw2n_266 {
  font-size: 0.75rem;
  font-style: italic;
  color: var(--textSecondary);
  padding: 0.15rem 0;
}
html:not(.flat) ._empty_2nw2n_266 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._footer_2nw2n_276 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.45rem 0.5rem;
  border-top: 1px solid var(--borderColorGeneral);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_99v97_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_99v97_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_99v97_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_99v97_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._calendar_99v97_53 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._weekdays_99v97_59 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}

._weekday_99v97_59 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--textSecondary);
  padding: 0 0.25rem;
}
html:not(.flat) ._weekday_99v97_59 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._grid_99v97_77 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 0.4rem;
}
@media only screen and (max-width: 767px) {
  ._grid_99v97_77 {
    gap: 0.3rem;
  }
}

._cell_99v97_89 {
  position: relative;
  display: flex;
  min-height: 8rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}
._cell_99v97_89:not(._outside_99v97_99) {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._cell_99v97_89:not(._outside_99v97_99):hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._cell_99v97_89:not(._outside_99v97_99):active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._cell_99v97_89:not(._outside_99v97_99) {
  position: relative;
  isolation: isolate;
}
._cell_99v97_89:not(._outside_99v97_99)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._cell_99v97_89:not(._outside_99v97_99):hover::before {
  opacity: 1;
}
._cell_99v97_89:hover ._addBtn_99v97_128 {
  opacity: 1;
}
._cell_99v97_89._nonWorking_99v97_131 {
  background: var(--backgroundPrimaryInverseFaded);
}
._cell_99v97_89._outside_99v97_99 {
  background: var(--backgroundPrimaryInverseFaded);
}
._cell_99v97_89._outside_99v97_99 ._dayNumber_99v97_137 {
  color: var(--textSecondary);
  opacity: 0.6;
}
._cell_99v97_89._today_99v97_141 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
._cell_99v97_89._dropTarget_99v97_145 {
  border-color: var(--accent);
  border-style: dashed;
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
._cell_99v97_89._dropTarget_99v97_145 {
  border-color: var(--accent);
  border-style: dashed;
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._cellBody_99v97_158 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
  padding: 0.45rem 0.5rem;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
._cellBody_99v97_158:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

._cellHeader_99v97_177 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

._dayNumber_99v97_137 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._todayNumber_99v97_190 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accentContrast);
}

._logs_99v97_202 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
  min-width: 0;
}

._logPill_99v97_210 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.1rem 0.25rem;
  border-radius: 0.4rem;
  font-size: 0.72rem;
  min-width: 0;
  transition: background var(--transitionTimeFast);
}
._logPill_99v97_210:hover {
  background: var(--backgroundPrimaryInverseFaded);
}

._draggable_99v97_224 {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
._draggable_99v97_224:active {
  cursor: grabbing;
}

._dragGhost_99v97_234 {
  opacity: 0.4;
}

._deleteBtn_99v97_238 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: -0.1rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--textSecondary);
  font-size: 0.95rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.5;
  transition: color var(--transitionTimeFast), background var(--transitionTimeFast), opacity var(--transitionTimeFast);
}
._deleteBtn_99v97_238:hover {
  color: var(--error);
  background: color-mix(in srgb, var(--error) 12%, transparent);
  opacity: 1;
}
._deleteBtn_99v97_238:focus-visible {
  color: var(--error);
  opacity: 1;
  outline: 2px solid var(--error);
  outline-offset: 1px;
}

._dot_99v97_269 {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  flex-shrink: 0;
}

._logName_99v97_276 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--textPrimary);
}

._logHours_99v97_285 {
  color: var(--textSecondary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._moreLogs_99v97_291 {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--textSecondary);
  padding: 0 0.25rem;
}

._cellFooter_99v97_298 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  min-width: 0;
}

._cellTotal_99v97_306 {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._addBtn_99v97_128 {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border: none;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accentContrast);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transitionTimeFast), transform var(--transitionTime);
}
._addBtn_99v97_128:hover {
  transform: scale(1.1);
}
._addBtn_99v97_128:focus-visible {
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}._wrapper_qdehr_1 {
  width: 100%;
}._content_17vi7_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 2rem;
  margin-top: 2rem;
}
._content_17vi7_1 ._pickers_17vi7_8 {
  display: flex;
  gap: 2rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_yqhie_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_yqhie_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_yqhie_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_yqhie_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._summary_yqhie_53 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: var(--glassRadius);
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._summaryDate_yqhie_66 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._stats_yqhie_72 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

._stat_yqhie_72 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._statLabel_yqhie_89 {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._statValue_yqhie_100 {
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
}

._statDelta_yqhie_107[data-state=over] {
  border-color: color-mix(in srgb, var(--info) 30%, transparent);
  background: color-mix(in srgb, var(--info) 10%, transparent);
}
._statDelta_yqhie_107[data-state=over] ._statValue_yqhie_100 {
  color: var(--info);
}
._statDelta_yqhie_107[data-state=under] {
  border-color: color-mix(in srgb, var(--warning) 30%, transparent);
  background: color-mix(in srgb, var(--warning) 10%, transparent);
}
._statDelta_yqhie_107[data-state=under] ._statValue_yqhie_100 {
  color: var(--warning);
}
._statDelta_yqhie_107[data-state=met] {
  border-color: color-mix(in srgb, var(--success) 30%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}
._statDelta_yqhie_107[data-state=met] ._statValue_yqhie_100 {
  color: var(--success);
}

._summaryProgress_yqhie_129 {
  width: 100%;
}

._entries_yqhie_133 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

._entriesHeader_yqhie_139 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--textSecondary);
}

._entriesCount_yqhie_150 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: var(--backgroundPrimaryInverseFaded);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._entryList_yqhie_164 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._entry_yqhie_164 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  transition: border-color var(--transitionTimeFast), box-shadow var(--transitionTimeFast);
}
._entry_yqhie_164:hover {
  border-color: color-mix(in srgb, var(--accent) 50%, transparent);
  box-shadow: 0 0.25rem 0.6rem var(--shadowColor);
}

._entryDot_yqhie_188 {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  margin-top: 0.35rem;
  border-radius: 50%;
}

._entryBody_yqhie_196 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  flex: 1;
  min-width: 0;
}

._entryRow_yqhie_204 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

._entryProject_yqhie_212 {
  font-weight: 700;
  color: var(--textPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._entryDuration_yqhie_221 {
  flex-shrink: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
}

._entryTime_yqhie_228 {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: var(--backgroundPrimaryInverseFaded);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: var(--textSecondary);
}

._entryDesc_yqhie_240 {
  white-space: pre-wrap;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--textSecondary);
  word-break: break-word;
}

._entryActions_yqhie_248 {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
}

._entryAction_yqhie_248 svg {
  width: 1rem;
  height: 1rem;
}

._empty_yqhie_260 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-style: italic;
  color: var(--textSecondary);
}._form_1k5vd_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1k5vd_1 ._container_1k5vd_6 {
  display: flex;
  gap: 1rem;
}._wrapper_16jlk_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._card_on1fq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._content_a3mjv_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._content_a3mjv_1 ._left_a3mjv_6,
._content_a3mjv_1 ._right_a3mjv_7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._content_a3mjv_1 ._boardsButtons_a3mjv_12 ._boardImage_a3mjv_12 {
  margin-right: 1rem;
  cursor: pointer;
}

@media only screen and (min-width: 1200px) {
  ._content_a3mjv_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  ._content_a3mjv_1 ._badgeContainer_a3mjv_23 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  ._button_a3mjv_29 {
    justify-self: end;
    grid-column: 2/span 1;
  }
  ._right_a3mjv_7 {
    display: grid;
    gap: 2rem;
    position: relative;
  }
  ._left_a3mjv_6 {
    display: grid;
    gap: 2rem;
  }
  ._addPositionButton_a3mjv_42 {
    justify-self: end;
  }
}._tabs_17zwa_1 {
  margin-bottom: 1rem;
}._personalDataWrapper_t3o6q_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._personalDataWrapper_t3o6q_1 ._titleContainer_t3o6q_6 {
  padding-bottom: 1rem;
}
._personalDataWrapper_t3o6q_1 ._cardWrapper_t3o6q_9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._personalDataWrapper_t3o6q_1 ._cardWrapper_t3o6q_9 ._actions_t3o6q_14 {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
._personalDataWrapper_t3o6q_1 ._cardWrapper_t3o6q_9 ._actions_t3o6q_14 ._fullName_t3o6q_20 {
  margin: 0;
  max-width: 100%;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._personalDataWrapper_t3o6q_1 ._cardWrapper_t3o6q_9 ._actions_t3o6q_14 ._iconNameWrapper_t3o6q_27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  max-width: 100%;
}
html:not(.flat) ._personalDataWrapper_t3o6q_1 ._cardWrapper_t3o6q_9 ._actions_t3o6q_14 ._iconNameWrapper_t3o6q_27 p {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._personalProfileWrapper_54646_1 {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
._personalProfileWrapper_54646_1 ._leftSection_54646_7,
._personalProfileWrapper_54646_1 ._rightSection_54646_8 {
  display: grid;
  gap: 1rem;
}
._personalProfileWrapper_54646_1 ._actionBar_54646_12 {
  grid-column: 1/-1;
  position: sticky;
  bottom: 0.75rem;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-top: 0.5rem;
  padding: 0.875rem 1rem;
  background: var(--backgroundPrimaryFaded);
  backdrop-filter: blur(0.75rem);
  -webkit-backdrop-filter: blur(0.75rem);
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
  box-shadow: 0 4px 16px var(--shadowColor);
}
@media (hover: none) and (pointer: coarse) {
  ._personalProfileWrapper_54646_1 ._actionBar_54646_12 {
    box-shadow: 0 1px 3px -1px var(--shadowColor);
  }
}
@media only screen and (max-width: 575px) {
  ._personalProfileWrapper_54646_1 ._actionBar_54646_12 {
    bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 4.25rem);
    z-index: 101;
  }
}
._personalProfileWrapper_54646_1 ._unsavedHint_54646_42 {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--textSecondary);
}
._personalProfileWrapper_54646_1 ._actionButtons_54646_47 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  ._personalProfileWrapper_54646_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  ._personalProfileWrapper_54646_1 ._leftSection_54646_7 {
    grid-column: 1/span 1;
    display: grid;
    gap: 1rem;
  }
  ._personalProfileWrapper_54646_1 ._rightSection_54646_8 {
    grid-column: 2/span 1;
    display: grid;
    gap: 1rem;
  }
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._list_jtnnl_9 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

._item_jtnnl_18 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 999px;
  background-color: var(--backgroundPrimary);
  transition: border-color var(--transitionTimeFast);
}
._item_jtnnl_18:hover {
  border-color: var(--accent);
}

._icon_jtnnl_32 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_jtnnl_32 svg * {
  fill: var(--accent);
}
._icon_jtnnl_32 svg {
  width: 0.9rem;
  height: 0.9rem;
}

._label_jtnnl_46 {
  font-size: 0.9rem;
  color: var(--textPrimary);
}

._empty_jtnnl_51 {
  margin: 0;
  padding: 0.4rem 1rem;
  color: var(--textSecondary);
  font-size: 0.9rem;
}._card_1nq2i_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._head_1nq2i_7 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._icon_1nq2i_13 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._icon_1nq2i_13 svg {
  width: 1.5rem;
  height: 1.5rem;
}

._titleBlock_1nq2i_24 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1;
}

._title_1nq2i_24 {
  margin: 0;
  font-weight: 700;
  color: var(--textPrimary);
}

._subtitle_1nq2i_38 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_1nq2i_38 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._connectedRow_1nq2i_47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._email_1nq2i_55 {
  font-size: 0.9rem;
  color: var(--textPrimary);
  word-break: break-all;
}

._connectBtn_1nq2i_61 {
  align-self: flex-start;
}

._reconnectHint_1nq2i_65 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.65rem;
}

._reconnectText_1nq2i_76 {
  margin: 0;
  min-width: 0;
  flex: 1;
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._reconnectText_1nq2i_76 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._tabs_17zwa_1 {
  margin-bottom: 1rem;
}._documentsWrapper_hx0y3_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._documentsWrapper_hx0y3_1 ._sectionHeading_hx0y3_6 {
  margin-left: 1rem;
}
._documentsWrapper_hx0y3_1 ._noDataWrapper_hx0y3_9 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
._documentsWrapper_hx0y3_1 ._noDataWrapper_hx0y3_9 ._noData_hx0y3_9 {
  font-size: 1.5rem;
  color: var(--textSecondary);
  display: flex;
  justify-content: center;
  text-align: center;
}
html:not(.flat) ._documentsWrapper_hx0y3_1 ._noDataWrapper_hx0y3_9 ._noData_hx0y3_9 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}._wrapper_vjdr8_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  justify-content: start;
  padding-top: 3rem;
}
._wrapper_vjdr8_1 ._card_vjdr8_10 {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 2rem 2rem 1rem;
}
._printArea_80llq_2 {
  width: 100%;
}
._page_80llq_6 {
  --cv-accent: #d0251d;
  --cv-dark: #1e2736;
  --cv-dark-border: rgba(255, 255, 255, 0.08);
  --cv-light: #ffffff;
  --cv-light-bg: #f8f7f4;
  --cv-muted: #6b7280;
  --cv-text: #1a1a2e;
  --cv-sidebar-w: 250px;
  --cv-font-display: 'Syne', sans-serif;
  --cv-font-body: 'DM Sans', sans-serif;
  --cv-font-mono: 'IBM Plex Mono', monospace;
  display: flex;
  width: 100%;
  min-height: 1123px;
  background: var(--cv-light);
  color: var(--cv-text);
  font-family: var(--cv-font-body);
  font-size: 13.5px;
  line-height: 1.65;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 8px 48px rgba(0, 0, 0, 0.08);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
._page_80llq_6 *,
._page_80llq_6 *::before,
._page_80llq_6 *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
._sidebar_80llq_38 {
  position: relative;
  width: var(--cv-sidebar-w);
  flex-shrink: 0;
  background: var(--cv-dark);
  color: rgba(255, 255, 255, 0.85);
  padding: 44px 26px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
}
._sidebar_80llq_38::before {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.04) 0%, transparent 70%);
  pointer-events: none;
}
._sidebar_80llq_38::after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, transparent 70%);
  pointer-events: none;
}
._nameBlock_80llq_73 {
  position: relative;
  z-index: 1;
}
._nameBlock_80llq_73 h1 {
  font-family: var(--cv-font-display);
  font-weight: 800;
  font-size: 20px;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -0.3px;
  margin-bottom: 6px;
}
._initials_80llq_87 {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--cv-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cv-font-display);
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}
._role_80llq_103 {
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cv-accent);
}
._exp_80llq_111 {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}
._sSection_80llq_117 {
  position: relative;
  z-index: 1;
}
._sSection_80llq_117 h2 {
  font-family: var(--cv-font-display);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cv-accent);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._sSection_80llq_117 h2::after {
  content: "";
  display: block;
  height: 1px;
  flex: 1;
  background: var(--cv-dark-border);
}
._skillGroup_80llq_141 {
  margin-bottom: 12px;
}
._skillGroup_80llq_141:last-child {
  margin-bottom: 0;
}
._skillGroupLabel_80llq_148 {
  font-family: var(--cv-font-mono);
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.28);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
._skillTags_80llq_157 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
._skillTag_80llq_157 {
  font-family: var(--cv-font-mono);
  font-size: 10.5px;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.65);
}
._skillTag_80llq_157._primary_80llq_172 {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.9);
}
._langItem_80llq_178 {
  margin-bottom: 10px;
}
._langItem_80llq_178:last-child {
  margin-bottom: 0;
}
._langName_80llq_185 {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  margin-bottom: 2px;
}
._langLevel_80llq_192 {
  font-family: var(--cv-font-mono);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.05em;
}
._eduDegree_80llq_199 {
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3px;
}
._eduSchool_80llq_206 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
}
._eduType_80llq_211 {
  font-family: var(--cv-font-mono);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.25);
  margin-top: 2px;
}
._main_80llq_218 {
  flex: 1;
  padding: 44px 38px 56px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}
._mSection_80llq_227 h2 {
  font-family: var(--cv-font-display);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cv-muted);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
._mSection_80llq_227 h2::before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  background: var(--cv-accent);
  border-radius: 2px;
  flex-shrink: 0;
}
._aboutText_80llq_249 {
  font-size: 13px;
  color: #374151;
  line-height: 1.75;
  font-weight: 300;
  white-space: pre-line;
}
._currentRoleCard_80llq_257 {
  margin-top: 14px;
  padding: 13px 16px;
  border-left: 3px solid var(--cv-accent);
  background: #fafafa;
  border-radius: 0 6px 6px 0;
}
._crLabel_80llq_265 {
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cv-accent);
  font-weight: 600;
  font-family: var(--cv-font-display);
  margin-bottom: 4px;
}
._crText_80llq_275 {
  font-size: 12px;
  color: #374151;
  line-height: 1.6;
  white-space: pre-line;
}
._project_80llq_282 {
  margin-bottom: 22px;
  break-inside: avoid;
  page-break-inside: avoid;
}
._project_80llq_282:last-child {
  margin-bottom: 0;
}
._projectHeader_80llq_291 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 5px;
}
._projectTitleGroup_80llq_299 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
._projectTitle_80llq_299 {
  font-family: var(--cv-font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--cv-text);
}
._projectYear_80llq_313 {
  font-family: var(--cv-font-mono);
  font-size: 10px;
  color: var(--cv-muted);
  white-space: nowrap;
  flex-shrink: 0;
}
._projectBadge_80llq_321 {
  font-family: var(--cv-font-mono);
  font-size: 9.5px;
  padding: 2px 9px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  color: #6b7280;
  white-space: nowrap;
  flex-shrink: 0;
}
._projectGoal_80llq_333 {
  font-size: 12px;
  color: var(--cv-muted);
  margin-bottom: 7px;
  font-style: italic;
}
._projectResp_80llq_340 {
  font-size: 12.5px;
  color: #374151;
  margin-bottom: 9px;
  line-height: 1.65;
  white-space: pre-line;
}
._projectStack_80llq_348 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
._stackTag_80llq_354 {
  font-family: var(--cv-font-mono);
  font-size: 9.5px;
  padding: 2px 7px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  color: #4b5563;
}
._stackTag_80llq_354._aws_80llq_363 {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
._projectDivider_80llq_369 {
  height: 1px;
  background: linear-gradient(to right, #e5e7eb 60%, transparent);
  margin-bottom: 22px;
}._frame_8actz_1 {
  width: 100%;
  max-width: 794px;
  margin: 0 auto;
  overflow: hidden;
}

._sheet_8actz_8 {
  width: 794px;
  transform-origin: top left;
}._wide_n7fcs_1 {
  width: min(960px, 94vw);
}

._form_n7fcs_5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._hintRow_n7fcs_11 {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}

._hint_n7fcs_11 {
  margin: 0;
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._dropzone_n7fcs_23 {
  padding: 1.75rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: var(--glassRadius);
  cursor: pointer;
  transition: border-color var(--transitionTime), color var(--transitionTime);
}
._dropzone_n7fcs_23:hover {
  border-color: var(--accent);
  color: var(--textPrimary);
}

._status_n7fcs_37 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._preview_n7fcs_45 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._aiFailedBanner_n7fcs_51 {
  padding: 0.7rem 0.9rem;
  border-radius: var(--glassRadius);
  border: 1px solid color-opacity(var(--warning), 0.4);
  background: color-opacity(var(--warning), 0.12);
  color: var(--textPrimary);
  font-size: 0.85rem;
  line-height: 1.4;
}

._aiUsedNote_n7fcs_61 {
  color: var(--textSecondary);
  font-size: 0.8rem;
}

._previewLayout_n7fcs_66 {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 768px) {
  ._previewLayout_n7fcs_66 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._previewControls_n7fcs_78 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._summary_n7fcs_84 {
  font-size: 0.85rem;
}

._summaryLine_n7fcs_88 {
  font-weight: 600;
  color: var(--textPrimary);
}

._warnings_n7fcs_93 {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
  color: var(--textSecondary);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

._editHint_n7fcs_102 {
  margin: 0.6rem 0 0;
  color: var(--textSecondary);
  font-size: 0.8rem;
}

._previewPane_n7fcs_108 {
  border: 1px solid var(--borderColorGeneral);
  border-radius: var(--glassRadius);
  padding: 0.75rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  ._previewPane_n7fcs_108 {
    max-height: 60vh;
    overflow-y: auto;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1rpgu_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1rpgu_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1rpgu_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1rpgu_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_1rpgu_44 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
}

._header_1rpgu_51 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._headerActions_1rpgu_59 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._subtitle_1rpgu_66 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.25rem 0 0;
  color: var(--textSecondary);
  font-size: 0.85rem;
}
html:not(.flat) ._subtitle_1rpgu_66 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._primaryTag_1rpgu_78 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  cursor: help;
}

._infoIcon_1rpgu_85 {
  width: 0.95rem;
  height: 0.95rem;
  fill: var(--textSecondary);
  cursor: help;
  flex-shrink: 0;
}

._list_1rpgu_93 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._card_1rpgu_99 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--glassRadius);
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
  transition: transform var(--transitionSpring), box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._card_1rpgu_99:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._card_1rpgu_99:active {
  transform: translateY(0) scale(0.985);
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}

._cardMain_1rpgu_122 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0.75rem;
  color: inherit;
  font: inherit;
  min-width: 0;
}

._cardName_1rpgu_139 {
  font-weight: 600;
  color: var(--textPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
}
html:not(.flat) ._cardName_1rpgu_139 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._cardMeta_1rpgu_149 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

._cardActions_1rpgu_156 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._centered_1rpgu_163 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_1rpgu_169 {
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._form_1rpgu_177 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._subOption_1rpgu_183 {
  margin-top: -0.5rem;
  padding-left: 1.75rem;
  border-left: 2px solid var(--borderColorGeneral);
}

._aiStatus_1rpgu_189 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._confirmText_1rpgu_197 {
  margin: 0 0 0.5rem;
  color: var(--textPrimary);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1y12x_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1y12x_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1y12x_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1y12x_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._centered_1y12x_44 {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}

._topBar_1y12x_50 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  ._topBar_1y12x_50 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
  }
}
@media only screen and (max-width: 575px) {
  ._topBar_1y12x_50 {
    position: sticky;
    top: 0;
    z-index: 50;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
    background: var(--backgroundSecondary);
    border-bottom: 1px solid var(--borderColorGeneral);
  }
}

._pageHeading_1y12x_79 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  ._pageHeading_1y12x_79 {
    overflow: visible;
    white-space: normal;
  }
}
@media only screen and (max-width: 575px) {
  ._pageHeading_1y12x_79 {
    order: 2;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 767px) {
  ._backButton_1y12x_101 {
    align-self: flex-start;
  }
}
@media only screen and (max-width: 575px) {
  ._backButton_1y12x_101 {
    order: 1;
    align-self: center;
    flex: 0 0 auto;
  }
}

._topBarRight_1y12x_113 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  ._topBarRight_1y12x_113 {
    margin-left: 0;
    justify-content: space-between;
  }
  ._topBarRight_1y12x_113 button {
    flex: 1;
  }
}
@media only screen and (max-width: 575px) {
  ._topBarRight_1y12x_113 {
    order: 3;
    flex-basis: 100%;
    justify-content: flex-start;
  }
}

._saveStatus_1y12x_136 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}
html:not(.flat) ._saveStatus_1y12x_136 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._layout_1y12x_144 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media only screen and (min-width: 992px) {
  ._layout_1y12x_144 {
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    align-items: start;
  }
}

._editor_1y12x_156 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

._section_1y12x_163 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--borderColorGeneral);
}
._section_1y12x_163:last-child {
  border-bottom: none;
}

._sectionHeader_1y12x_174 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._row_1y12x_181 {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}
@media (max-width: 540px) {
  ._row_1y12x_181 {
    flex-direction: column;
    align-items: stretch;
  }
}

._initialsInput_1y12x_193 {
  width: 5rem;
  flex-shrink: 0;
}

._subCard_1y12x_198 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.85rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._subCardHeader_1y12x_211 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._subCardTitle_1y12x_218 {
  font-weight: 600;
  color: var(--textPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html:not(.flat) ._subCardTitle_1y12x_218 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._subCardActions_1y12x_229 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._tagRow_1y12x_236 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._fieldLabel_1y12x_242 {
  font-size: 0.8rem;
  color: var(--textSecondary);
  margin-top: 0.25rem;
}
html:not(.flat) ._fieldLabel_1y12x_242 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._aiField_1y12x_251 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

._aiActions_1y12x_257 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

._aiField_1y12x_251 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

._aiActions_1y12x_257 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

._previewPane_1y12x_275 {
  min-width: 0;
}
@media only screen and (min-width: 992px) {
  ._previewPane_1y12x_275 {
    position: sticky;
    top: 5.6rem;
    max-height: calc(100vh - 5.6rem - 1rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}._top_1vzl9_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1359a_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1359a_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1359a_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1359a_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._expensesContainer_1359a_44,
._incomesContainer_1359a_45 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._grid_1359a_51 {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(auto, auto);
  align-items: start;
}
@media only screen and (min-width: 1400px) {
  ._grid_1359a_51 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
._grid_1359a_51 ._financeDataCard_1359a_63 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._grid_1359a_51 ._header_1359a_68 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 1rem;
}
._grid_1359a_51 ._header_1359a_68 ._total_1359a_75 {
  flex: 1;
  text-align: right;
}

._datePicker_1359a_80 {
  display: flex;
  justify-content: end;
  padding-bottom: 0.5rem;
}

._summary_1359a_86 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 1rem;
}

._summaryCard_1359a_93 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 8rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._summaryLabel_1359a_108 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._summaryValue_1359a_113 {
  font-size: 1.4rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

._pct_1359a_119 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 0.4rem;
}html.has-bg-image:not(.flat) ._total_69715_1 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._mealTicketsCard_69715_5 {
  align-items: center; /* Center the stacked content on mobile */
  display: flex;
  flex-direction: column; /* Stack items vertically by default */
  flex-wrap: wrap;
  gap: 0.5rem;
  text-align: center;
}
._mealTicketsCard_69715_5 ._header_69715_13 {
  align-items: center; /* Center the heading on mobile */
  display: flex;
  flex-direction: column; /* Stack items vertically by default */
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  ._mealTicketsCard_69715_5 {
    flex-direction: row; /* Arrange items horizontally for larger screens */
    justify-content: space-between; /* Spread the items evenly */
    text-align: left; /* Reset centering for the horizontal layout */
  }
  ._mealTicketsCard_69715_5 ._header_69715_13 {
    flex-direction: row; /* Arrange items horizontally for larger screens */
  }
}._modal_g4rf0_1 {
  width: 30rem;
  max-width: 100%;
}

._form_g4rf0_6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._form_1xnt5_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 40rem;
}
._form_1xnt5_1 ._warningText_1xnt5_7 {
  color: var(--warning);
  font-size: 0.75rem;
  margin: 0 1rem;
}
._form_1xnt5_1 ._inlineInputs_1xnt5_12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 576px) {
  ._form_1xnt5_1 ._inlineInputs_1xnt5_12 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}._mealTicketsCard_wyne9_1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
._mealTicketsCard_wyne9_1 ._header_wyne9_7 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 1rem;
}._track_178rt_1 {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background-color: var(--backgroundPrimaryInverseFaded);
  overflow: hidden;
}

._fill_178rt_9 {
  height: 100%;
  border-radius: 999px;
  transition: width var(--transitionTime) ease;
}
._fill_178rt_9._accent_178rt_14 {
  background-color: var(--accent);
}
._fill_178rt_9._success_178rt_17 {
  background-color: var(--success);
}
._fill_178rt_9._warning_178rt_20 {
  background-color: var(--warning);
}
._fill_178rt_9._error_178rt_23 {
  background-color: var(--error);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_ovset_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_ovset_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_ovset_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_ovset_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_ovset_44 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._header_ovset_57 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

._titleArea_ovset_64 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._title_ovset_64 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._actions_ovset_78 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._description_ovset_85 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
  white-space: pre-wrap;
}

._progressRow_ovset_92 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._progressValue_ovset_98 {
  font-size: 0.85rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
  min-width: 2.75rem;
  text-align: right;
}

._keyResults_ovset_107 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._keyResult_ovset_107 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.85rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.75rem;
  background-color: var(--backgroundPrimaryInverseFaded);
}

._krLabel_ovset_127 {
  color: var(--textPrimary);
}

._krValue_ovset_131 {
  color: var(--textSecondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._footer_ovset_137 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}._form_glqb8_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._row_glqb8_7 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
._row_glqb8_7 label {
  white-space: nowrap;
}
@media only screen and (min-width: 576px) {
  ._row_glqb8_7 {
    flex-direction: row;
    align-items: flex-start;
  }
  ._row_glqb8_7 > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

._dueDateField_glqb8_26 {
  position: relative;
}

._clickableInput_glqb8_30 {
  cursor: pointer;
}
._clickableInput_glqb8_30 input {
  cursor: pointer;
}

._calendarPopover_glqb8_37 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 20rem;
  max-width: calc(100vw - 2rem);
}
@media only screen and (min-width: 576px) {
  ._calendarPopover_glqb8_37 {
    left: auto;
    right: 0;
    max-width: calc(100vw - 2rem);
  }
}

._keyResultsSection_glqb8_53 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._keyResultsHeader_glqb8_59 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._sectionLabel_glqb8_66 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._hint_glqb8_72 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._keyResultRow_glqb8_78 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
}

._krLabelInput_glqb8_85 {
  flex: 1 1 100%;
}
@media only screen and (min-width: 576px) {
  ._krLabelInput_glqb8_85 {
    flex: 2 1 0;
  }
}

._krNumberInput_glqb8_94 {
  flex: 1 1 0;
  min-width: 4.5rem;
}

._krUnitInput_glqb8_99 {
  flex: 1 1 0;
  min-width: 4.5rem;
}._panel_f5gkk_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._header_f5gkk_7 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 576px) {
  ._header_f5gkk_7 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
}

._subtitle_f5gkk_21 {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_f5gkk_21 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._controls_f5gkk_30 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._search_f5gkk_37 {
  flex: 1 1 100%;
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._search_f5gkk_37 {
    flex: 1 1 16rem;
    min-width: 14rem;
  }
}

._statusFilter_f5gkk_48 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._statusFilter_f5gkk_48 {
    flex: 0 1 auto;
    min-width: 9rem;
  }
}

._centered_f5gkk_59 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_f5gkk_65 {
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._list_f5gkk_73 {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 1rem;
}
@media only screen and (min-width: 992px) {
  ._list_f5gkk_73 {
    grid-template-columns: repeat(2, 1fr);
  }
}

._confirmText_f5gkk_85 {
  margin: 0;
  color: var(--textPrimary);
}._form_d2h5e_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: min(34rem, 80vw);
}

._centered_d2h5e_8 {
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
}

._kindLine_d2h5e_14 {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

._section_d2h5e_23 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding-top: 1rem;
  border-top: 1px solid var(--borderColorGeneral);
}

._sectionTitle_d2h5e_31 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--textPrimary);
}

._question_d2h5e_38 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._questionLabel_d2h5e_44 {
  font-size: 0.9rem;
  color: var(--textSecondary);
}

._required_d2h5e_49 {
  color: var(--error);
}

._scale_d2h5e_53 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

._scaleDot_d2h5e_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 1px solid var(--borderColorGeneral);
  background: var(--backgroundPrimaryInverseFaded);
  color: var(--textSecondary);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
._scaleDot_d2h5e_59:hover:not(:disabled) {
  border-color: var(--accent);
}
._scaleDot_d2h5e_59:disabled {
  cursor: default;
  opacity: 0.7;
}

._scaleDotActive_d2h5e_81 {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accentContrast);
}

._empty_d2h5e_87 {
  margin: 0;
  color: var(--textSecondary);
  font-style: italic;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_lk360_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_lk360_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_lk360_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_lk360_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_lk360_44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._header_lk360_50 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 576px) {
  ._header_lk360_50 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
}

._subtitle_lk360_64 {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_lk360_64 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._controls_lk360_73 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._search_lk360_80 {
  flex: 1 1 100%;
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._search_lk360_80 {
    flex: 1 1 16rem;
    min-width: 14rem;
  }
}

._statusFilter_lk360_91 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._statusFilter_lk360_91 {
    flex: 0 1 auto;
    min-width: 9rem;
  }
}

._centered_lk360_102 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_lk360_108 {
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._list_lk360_116 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._row_lk360_122 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media only screen and (max-width: 767px) {
  ._row_lk360_122 {
    flex-direction: column;
    align-items: stretch;
  }
}

._info_lk360_142 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

._titleLine_lk360_149 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

._cycleName_lk360_156 {
  font-weight: 600;
  color: var(--textPrimary);
}

._meta_lk360_161 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}._form_15ei6_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: min(28rem, 84vw);
}

._dateField_15ei6_8 {
  position: relative;
}

._clickableInput_15ei6_12 {
  cursor: pointer;
}
._clickableInput_15ei6_12 input {
  cursor: pointer;
}

._calendarPopover_15ei6_19 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 20rem;
  max-width: calc(100vw - 2rem);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_gsz1g_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_gsz1g_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_gsz1g_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_gsz1g_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_gsz1g_44 {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._header_gsz1g_57 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._headerInfo_gsz1g_65 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}

._counterpart_gsz1g_72 {
  font-weight: 700;
  color: var(--textPrimary);
}

._nextMeeting_gsz1g_77 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: var(--textSecondary);
}
._nextMeeting_gsz1g_77 svg {
  width: 0.9rem;
  height: 0.9rem;
}

._meetingLinks_gsz1g_89 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}

._joinLink_gsz1g_97 {
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
}
._joinLink_gsz1g_97:hover {
  text-decoration: underline;
}

._calLink_gsz1g_106 {
  color: var(--textSecondary);
  text-decoration: underline;
}

._actions_gsz1g_111 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

._timeline_gsz1g_118 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._entry_gsz1g_127 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-left: 0.85rem;
  border-left: 2px solid var(--borderColorGeneral);
}

._entryHead_gsz1g_135 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

._entryDate_gsz1g_142 {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--textPrimary);
}

._entryAuthor_gsz1g_148 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._entryAgenda_gsz1g_153,
._entryNotes_gsz1g_154 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--textPrimary);
  white-space: pre-wrap;
}

._entryNotes_gsz1g_154 {
  color: var(--textSecondary);
}

._entryLabel_gsz1g_165 {
  font-weight: 600;
  color: var(--textSecondary);
}

._empty_gsz1g_170 {
  padding: 0.75rem;
  text-align: center;
  font-size: 0.85rem;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 0.75rem;
}._form_mq8ed_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: min(28rem, 84vw);
}

._row_mq8ed_8 {
  display: flex;
  gap: 1rem;
}
._row_mq8ed_8 > * {
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 575px) {
  ._row_mq8ed_8 {
    flex-direction: column;
  }
}

._dateField_mq8ed_22 {
  position: relative;
}

._calendarBlock_mq8ed_26 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
}

._hint_mq8ed_35 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._hintLink_mq8ed_41 {
  color: var(--accent);
  text-decoration: underline;
}

._clickableInput_mq8ed_46 {
  cursor: pointer;
}
._clickableInput_mq8ed_46 input {
  cursor: pointer;
}

._calendarPopover_mq8ed_53 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 20rem;
  max-width: calc(100vw - 2rem);
}

._availability_mq8ed_62 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
}

._availLoadingText_mq8ed_71 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._availHeadline_mq8ed_77 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

._availRows_mq8ed_83 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

._availRow_mq8ed_83 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.85rem;
}

._availName_mq8ed_97 {
  min-width: 0;
  overflow: hidden;
  color: var(--textSecondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._availStatus_mq8ed_105 {
  flex-shrink: 0;
  text-align: right;
}

._availFree_mq8ed_110 {
  color: var(--success);
}

._availBusy_mq8ed_114 {
  color: var(--error);
}

._availWarn_mq8ed_118 {
  color: var(--warning);
}

._availMuted_mq8ed_122 {
  color: var(--textSecondary);
}

._availSlots_mq8ed_126 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._availSlotsTitle_mq8ed_132 {
  font-size: 0.78rem;
  color: var(--textSecondary);
}

._availChips_mq8ed_137 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

._availChip_mq8ed_137 {
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--accent);
  border-radius: 999px;
  background: transparent;
  color: var(--accent);
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
._availChip_mq8ed_137:hover {
  background: color-mix(in srgb, var(--accent), transparent 86%);
}

._availNote_mq8ed_157 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._availTz_mq8ed_163 {
  font-size: 0.72rem;
  color: var(--textSecondary);
}._panel_8bnmm_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._header_8bnmm_7 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 576px) {
  ._header_8bnmm_7 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
}

._subtitle_8bnmm_21 {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_8bnmm_21 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._controls_8bnmm_30 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._search_8bnmm_37 {
  flex: 1 1 100%;
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._search_8bnmm_37 {
    flex: 1 1 16rem;
    min-width: 14rem;
  }
}

._statusFilter_8bnmm_48 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._statusFilter_8bnmm_48 {
    flex: 0 1 auto;
    min-width: 9rem;
  }
}

._centered_8bnmm_59 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_8bnmm_65 {
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._list_8bnmm_73 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._confirmText_8bnmm_79 {
  margin: 0;
  color: var(--textPrimary);
}._sections_odxvr_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_lk360_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_lk360_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_lk360_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_lk360_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_lk360_44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._header_lk360_50 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 576px) {
  ._header_lk360_50 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
}

._subtitle_lk360_64 {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}
html:not(.flat) ._subtitle_lk360_64 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._controls_lk360_73 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._search_lk360_80 {
  flex: 1 1 100%;
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._search_lk360_80 {
    flex: 1 1 16rem;
    min-width: 14rem;
  }
}

._statusFilter_lk360_91 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 0;
}
@media only screen and (min-width: 576px) {
  ._statusFilter_lk360_91 {
    flex: 0 1 auto;
    min-width: 9rem;
  }
}

._centered_lk360_102 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_lk360_108 {
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._list_lk360_116 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._row_lk360_122 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media only screen and (max-width: 767px) {
  ._row_lk360_122 {
    flex-direction: column;
    align-items: stretch;
  }
}

._info_lk360_142 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

._titleLine_lk360_149 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

._cycleName_lk360_156 {
  font-weight: 600;
  color: var(--textPrimary);
}

._meta_lk360_161 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}._sections_odxvr_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 0;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._section_osipe_10 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._controls_osipe_16 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._segmented_osipe_22 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.25rem;
  width: 100%;
  padding: 0.25rem;
  background-color: var(--backgroundInput);
  border: 1px solid var(--borderColorInput);
  border-radius: 0.875rem;
}

._segmentedOption_osipe_34 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0.6rem 0.5rem;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--textSecondary);
  background: transparent;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: background-color var(--transitionTimeFast) ease, color var(--transitionTimeFast) ease;
}
._segmentedOption_osipe_34:hover:not(._segmentedOptionActive_osipe_50):not(:disabled) {
  color: var(--accent);
  background-color: color-mix(in srgb, var(--accent) 12%, transparent);
}
._segmentedOption_osipe_34:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
._segmentedOption_osipe_34:disabled {
  cursor: not-allowed;
}

._segmentedOptionActive_osipe_50 {
  color: var(--accentContrast);
  background-color: var(--accent);
  box-shadow: 0 1px 3px var(--shadowColor);
}

._segmentedLabel_osipe_68 {
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}._sections_6tf85_1 {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 2rem;
  padding: 1.5rem 0;
}
@media only screen and (min-width: 992px) {
  ._sections_6tf85_1 {
    grid-template-columns: repeat(2, minmax(0, 22rem));
  }
}

._section_6tf85_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._tabs_3rm0q_1 {
  margin-bottom: 1.5rem;
}

._content_3rm0q_5 {
  padding-bottom: 0.5rem;
}._form_1f9jp_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: min(34rem, 84vw);
}

._row_1f9jp_8 {
  display: flex;
  gap: 1rem;
}

._dateField_1f9jp_13 {
  position: relative;
  flex: 1;
  min-width: 0;
}

._clickableInput_1f9jp_19 {
  cursor: pointer;
}
._clickableInput_1f9jp_19 input {
  cursor: pointer;
}

._calendarPopover_1f9jp_26 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 20rem;
  max-width: calc(100vw - 2rem);
}

._calendarPopoverEnd_1f9jp_35 {
  left: auto;
  right: 0;
}

._yearInput_1f9jp_40 {
  width: 7rem;
}

._reviewers_1f9jp_44 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

._fieldLabel_1f9jp_51 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._peers_1f9jp_56 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
}

._note_1f9jp_65 {
  margin: 0;
  font-size: 0.8rem;
  font-style: italic;
  color: var(--textSecondary);
}
html:not(.flat) ._note_1f9jp_65 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._groupCard_1f9jp_75 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.75rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.85rem;
  background: var(--bgSecondary);
}

._groupHeader_1f9jp_85 {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

._groupLabelInput_1f9jp_91 {
  flex: 1;
  min-width: 0;
}

._groupMeta_1f9jp_96 {
  font-size: 0.78rem;
  color: var(--textSecondary);
}

._addBatch_1f9jp_101 {
  align-self: flex-start;
}

@media (max-width: 640px) {
  ._row_1f9jp_8 {
    flex-direction: column;
  }
  ._yearInput_1f9jp_40 {
    width: 100%;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_uw0yy_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_uw0yy_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_uw0yy_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_uw0yy_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_uw0yy_44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._batchForm_uw0yy_50 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: min(30rem, 84vw);
}

._batchHint_uw0yy_57 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._header_uw0yy_63 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._subtitle_uw0yy_70 {
  margin: 0;
  color: var(--textSecondary);
  font-size: 0.9rem;
}
html:not(.flat) ._subtitle_uw0yy_70 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._centered_uw0yy_79 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._list_uw0yy_85 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._row_uw0yy_91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._info_uw0yy_105 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

._titleLine_uw0yy_112 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._name_uw0yy_118 {
  font-weight: 600;
  color: var(--textPrimary);
}
html:not(.flat) ._name_uw0yy_118 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._meta_uw0yy_126 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._meta_uw0yy_126 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._actions_uw0yy_134 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

._empty_uw0yy_142 {
  padding: 1.5rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

._progress_uw0yy_150 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: min(26rem, 80vw);
  min-height: 0;
  max-height: min(100vh - 18rem, 42rem);
  max-height: min(100dvh - 18rem, 42rem);
}

._progressRow_uw0yy_160 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._progressValue_uw0yy_166 {
  font-weight: 600;
  color: var(--textPrimary);
  white-space: nowrap;
}

._progressMeta_uw0yy_172 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}

._progressControls_uw0yy_178 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}

._progressSearch_uw0yy_186 {
  flex: 1 1 12rem;
  min-width: 0;
}

._progressFilter_uw0yy_191 {
  min-width: 9rem;
}

._subjectList_uw0yy_195 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
  margin-top: 0.25rem;
}

._subject_uw0yy_195 {
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.85rem;
  overflow: hidden;
}

._subjectHeader_uw0yy_211 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.7rem 0.9rem;
  background: var(--backgroundPrimary);
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--textPrimary);
}

._subjectName_uw0yy_224 {
  font-weight: 600;
  min-width: 7rem;
  flex-shrink: 0;
}

._chevron_uw0yy_230 {
  display: inline-flex;
  flex-shrink: 0;
  transition: transform 0.2s ease;
  color: var(--textSecondary);
}

._chevronOpen_uw0yy_237 {
  transform: rotate(180deg);
}

._instanceList_uw0yy_241 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--borderColorGeneral);
}

._instanceRow_uw0yy_247 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 0.9rem;
}
._instanceRow_uw0yy_247 + ._instanceRow_uw0yy_247 {
  border-top: 1px solid var(--borderColorGeneral);
}

._instanceLabel_uw0yy_258 {
  font-size: 0.85rem;
  color: var(--textSecondary);
  min-width: 0;
}

._instanceActions_uw0yy_264 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  ._row_uw0yy_91 {
    flex-direction: column;
    align-items: stretch;
  }
  ._actions_uw0yy_134 {
    justify-content: flex-start;
  }
}._form_ih492_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: min(40rem, 86vw);
}

._section_ih492_8 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
  background: var(--backgroundPrimaryInverseFaded);
}

._sectionHeader_ih492_18 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._grow_ih492_24 {
  flex: 1;
  min-width: 0;
}

._appliesTo_ih492_29 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

._appliesLabel_ih492_36 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._questionRow_ih492_41 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

._typeSelect_ih492_48 {
  min-width: 9rem;
}

._maxInput_ih492_52 {
  width: 6rem;
}

@media (max-width: 768px) {
  ._questionRow_ih492_41 {
    align-items: stretch;
  }
  ._typeSelect_ih492_48,
  ._maxInput_ih492_52 {
    min-width: 0;
    width: 100%;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1f2c4_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1f2c4_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1f2c4_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1f2c4_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_1f2c4_44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._header_1f2c4_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._subtitle_1f2c4_57 {
  margin: 0;
  color: var(--textSecondary);
  font-size: 0.9rem;
}
html:not(.flat) ._subtitle_1f2c4_57 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._centered_1f2c4_66 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._list_1f2c4_72 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._row_1f2c4_78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._info_1f2c4_92 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

._name_1f2c4_98 {
  font-weight: 600;
  color: var(--textPrimary);
}
html:not(.flat) ._name_1f2c4_98 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._meta_1f2c4_106 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._meta_1f2c4_106 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._actions_1f2c4_114 {
  display: flex;
  gap: 0.25rem;
}

._empty_1f2c4_119 {
  padding: 1.5rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_n7mgs_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_n7mgs_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_n7mgs_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_n7mgs_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._panel_n7mgs_44 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._subtitle_n7mgs_50 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}

._charts_n7mgs_56 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._card_n7mgs_62 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._cardHeader_n7mgs_75 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._cardTitle_n7mgs_83 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

._cardMeta_n7mgs_89 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._chartWrap_n7mgs_94 {
  width: 100%;
  height: 320px;
}

@media (max-width: 768px) {
  ._chartWrap_n7mgs_94 {
    height: 240px;
  }
  ._card_n7mgs_62 {
    padding: 0.75rem;
  }
}
._tooltip_n7mgs_107 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 9rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.5rem;
  background: var(--backgroundPrimary);
  box-shadow: 0 4px 32px var(--shadowColor);
  font-size: 0.8rem;
}

._tooltipLabel_n7mgs_120 {
  font-weight: 700;
  color: var(--textPrimary);
}

._tooltipRow_n7mgs_125 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._tooltipKey_n7mgs_132 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--textSecondary);
}

._tooltipDot_n7mgs_139 {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  flex-shrink: 0;
}

._tooltipValue_n7mgs_146 {
  font-weight: 600;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._centered_n7mgs_152 {
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
}

._empty_n7mgs_158 {
  padding: 2rem 0;
  text-align: center;
  color: var(--textSecondary);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_19jn0_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_19jn0_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_19jn0_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_19jn0_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_19jn0_44 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._cardHeader_19jn0_57 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._cardTitle_19jn0_65 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

._cardMeta_19jn0_71 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._chartWrap_19jn0_76 {
  width: 100%;
  height: 320px;
}

@media (max-width: 768px) {
  ._chartWrap_19jn0_76 {
    height: 240px;
  }
  ._card_19jn0_44 {
    padding: 0.75rem;
  }
}
._tooltip_19jn0_89 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 9rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.5rem;
  background: var(--backgroundPrimary);
  box-shadow: 0 4px 32px var(--shadowColor);
  font-size: 0.8rem;
}

._tooltipLabel_19jn0_102 {
  font-weight: 700;
  color: var(--textPrimary);
}

._tooltipRow_19jn0_107 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._tooltipKey_19jn0_114 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--textSecondary);
}

._tooltipDot_19jn0_121 {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  flex-shrink: 0;
}

._tooltipValue_19jn0_128 {
  font-weight: 600;
  color: var(--textPrimary);
  font-variant-numeric: tabular-nums;
}

._tooltipTotal_19jn0_134 {
  margin-top: 0.15rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--borderColorGeneral);
}

._centered_19jn0_140 {
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
}

._empty_19jn0_146 {
  padding: 2rem 0;
  text-align: center;
  color: var(--textSecondary);
}._page_oo3ns_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_pmx37_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_pmx37_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_pmx37_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_pmx37_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._card_pmx37_44 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-radius: var(--glassRadius);
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._identity_pmx37_58 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1;
}

._name_pmx37_66 {
  font-weight: 600;
  color: var(--textPrimary);
}

._email_pmx37_71 {
  font-size: 0.85rem;
  color: var(--textSecondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._goals_pmx37_79 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1.4;
  min-width: 0;
}

._progressRow_pmx37_87 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._progressValue_pmx37_93 {
  font-size: 0.85rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
  min-width: 2.5rem;
  text-align: right;
}

._counts_pmx37_102 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

._noGoals_pmx37_108 {
  font-size: 0.85rem;
  color: var(--textSecondary);
}

@media only screen and (max-width: 767px) {
  ._card_pmx37_44 {
    flex-direction: column;
    align-items: stretch;
  }
  ._progressValue_pmx37_93 {
    text-align: left;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1dr2w_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1dr2w_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1dr2w_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1dr2w_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._page_1dr2w_44 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 0;
}

._intro_1dr2w_51 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._subtitle_1dr2w_57 {
  margin: 0;
  color: var(--textSecondary);
  font-size: 0.9rem;
}

._stats_1dr2w_63 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._statCard_1dr2w_69 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 8rem;
  padding: 1rem 1.15rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._statValue_1dr2w_84 {
  font-size: 1.5rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
}

._statLabel_1dr2w_91 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._section_1dr2w_96 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._sectionHeader_1dr2w_102 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._controls_1dr2w_110 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

._search_1dr2w_117 {
  min-width: 14rem;
}

._statusFilter_1dr2w_121 {
  min-width: 11rem;
}

._list_1dr2w_125 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._centered_1dr2w_131 {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

._empty_1dr2w_137 {
  padding: 1.5rem;
  text-align: center;
  color: var(--textSecondary);
  border: 1px dashed var(--borderColorGeneral);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  ._controls_1dr2w_110 {
    width: 100%;
  }
  ._search_1dr2w_117,
  ._statusFilter_1dr2w_121 {
    flex: 1 1 100%;
    min-width: 0;
  }
}._form_ul4q4_1 {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  max-width: 100%;
  width: 30rem;
}._editPositionContainer_19u5k_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._formContainer_1g8dv_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._form_qdre0_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._signatureSection_qdre0_7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._signatureLabel_qdre0_13 {
  font-size: 0.875rem;
  font-weight: 500;
}

._signatureCanvasWrapper_qdre0_18 {
  border: 1px solid var(--borderColorInput);
  border-radius: 0.5rem;
  overflow: hidden;
}

._signatureCanvas_qdre0_18 {
  width: 100%;
  height: 160px;
  display: block;
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
html.has-bg-image:not(.flat) ._total_1r22v_9 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._actions_1r22v_13 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._mealTicketInputs_1r22v_19 {
  display: flex;
  flex-direction: column; /* Stack items vertically by default */
  align-items: stretch; /* Ensure items take full width */
  margin-bottom: 10px;
}
._mealTicketInputs_1r22v_19 > * {
  flex: 1; /* Make each child element take equal width */
  max-width: 100%; /* Ensure items take full width */
  margin-bottom: 10px; /* Add some spacing between items */
}
._mealTicketInputs_1r22v_19 > *:last-child {
  margin-bottom: 0; /* Remove margin from the last item */
}
@media only screen and (min-width: 768px) {
  ._mealTicketInputs_1r22v_19 {
    flex-direction: row; /* Arrange items horizontally for larger screens */
    justify-content: space-between; /* Spread the items evenly */
    align-items: center; /* Align items vertically center */
  }
  ._mealTicketInputs_1r22v_19 > * {
    max-width: 30%; /* Optional: Set max-width to ensure responsiveness */
    margin-bottom: 0; /* Remove bottom margin */
  }
}

._mealTicketsCard_1r22v_45 {
  display: flex;
  flex-direction: column; /* Stack items vertically by default */
  align-items: center; /* Center the stacked content on mobile */
  gap: 0.5rem;
  text-align: center;
}
._mealTicketsCard_1r22v_45 ._header_1r22v_52 {
  display: flex;
  flex-direction: column; /* Stack items vertically by default */
  align-items: center; /* Center the heading on mobile */
  gap: 0.5rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  ._mealTicketsCard_1r22v_45 {
    flex-direction: row; /* Arrange items horizontally for larger screens */
    justify-content: space-between; /* Spread the items evenly */
    align-items: center; /* Align items vertically center */
    text-align: left; /* Reset centering for the horizontal layout */
  }
  ._mealTicketsCard_1r22v_45 ._header_1r22v_52 {
    flex-direction: row; /* Arrange items horizontally for larger screens */
    align-items: center; /* Align items vertically center */
  }
}

._ticketContainer_1r22v_72 {
  display: flex;
  justify-content: center; /* Center items by default */
  gap: 0.5rem;
}
@media only screen and (min-width: 768px) {
  ._ticketContainer_1r22v_72 {
    justify-content: flex-end; /* Align items to the end for larger screens */
  }
}

._infoIcon_1r22v_83 svg {
  height: 1rem;
  width: 1rem;
}
._infoIcon_1r22v_83 svg * {
  fill: var(--warning) !important;
}._form_1pjgr_1 {
  display: flex;
  flex-direction: column;
}
._form_1pjgr_1 ._inputs_1pjgr_5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1pjgr_1 ._buttons_1pjgr_10 {
  display: flex;
  justify-content: flex-end;
}
._form_1pjgr_1 ._checkbox_1pjgr_14 {
  display: flex;
  justify-content: start;
  margin-left: 1rem;
  margin-top: 1rem;
}._card_on1fq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._tabs_1tt9o_1 {
  margin-bottom: 1rem;
}

._pageHeading_1tt9o_5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._form_1lws9_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  ._form_1lws9_1 {
    flex-direction: row;
  }
}
._form_1lws9_1 ._inputs_1lws9_12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1lws9_1 ._indentedText_1lws9_17 {
  padding: 0 1rem;
}
._form_1lws9_1 ._leftSection_1lws9_20 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
._form_1lws9_1 ._leftSection_1lws9_20 ._handoverInfo_1lws9_26 {
  margin: 1rem 0;
  font-size: 0.875rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._userDataCard_1lws9_36 {
  padding: 1rem 2rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._userDataCard_1lws9_36 ._progressInfo_1lws9_39 {
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._userDataCard_1lws9_36 ._progressInfo_1lws9_39 ._barLabels_1lws9_44 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._userDataCard_1lws9_36 ._progressInfo_1lws9_39 ._offBoardingLabelText_1lws9_49 {
  font-size: 0.9rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._offBoardingStagesCard_1lws9_52 {
  padding: 1rem 2rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._offBoardingStagesCard_1lws9_52 ._offBoardingContent_1lws9_55 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._offBoardingStagesCard_1lws9_52 ._offBoardingContent_1lws9_55 ._offBoardingCheckboxes_1lws9_60 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._offBoardingStagesCard_1lws9_52 ._offBoardingContent_1lws9_55 ._offBoardingCheckboxes_1lws9_60 ._feedbackForm_1lws9_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._buttons_1lws9_70 {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-self: start;
  gap: 1rem;
}
._form_1lws9_1 ._rightSection_1lws9_30 ._buttons_1lws9_70 ._buttonWidth_1lws9_77 {
  width: 10rem;
}._barContainer_1on86_1 {
  height: 1.5rem;
  width: 100%;
  background-color: var(--backgroundInput);
  border: 1px solid var(--borderColorInput);
  border-radius: 2.5rem;
  padding: 0.15rem;
}
._barContainer_1on86_1 ._barFiller_1on86_9 {
  transition: width var(--transitionTime);
  width: var(--progress-bar-completion);
  height: 100%;
  border-radius: inherit;
}
._barContainer_1on86_1 ._barFiller_1on86_9._accent_1on86_15 {
  background-color: var(--accent);
}
._barContainer_1on86_1 ._barFiller_1on86_9._error_1on86_18 {
  background-color: var(--error);
}._form_1pjgr_1 {
  display: flex;
  flex-direction: column;
}
._form_1pjgr_1 ._inputs_1pjgr_5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1pjgr_1 ._buttons_1pjgr_10 {
  display: flex;
  justify-content: flex-end;
}
._form_1pjgr_1 ._checkbox_1pjgr_14 {
  display: flex;
  justify-content: start;
  margin-left: 1rem;
  margin-top: 1rem;
}._card_on1fq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._tabs_1tt9o_1 {
  margin-bottom: 1rem;
}

._pageHeading_1tt9o_5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._card_on1fq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._card_on1fq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._form_11ic4_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  width: 30rem;
}._wrapper_gqye3_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
._wrapper_gqye3_1 ._infoFields_gqye3_6 {
  align-self: start;
  display: grid;
  gap: 1rem 2rem;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 576px) {
  ._wrapper_gqye3_1 ._infoFields_gqye3_6 {
    grid-template-columns: auto 1fr;
  }
}
._wrapper_gqye3_1 ._infoFields_gqye3_6 ._label_gqye3_17 {
  font-weight: 700;
}
._wrapper_gqye3_1 ._infoFields_gqye3_6 ._value_gqye3_20 {
  white-space: pre-wrap;
}
._wrapper_gqye3_1 ._documentsCard_gqye3_23 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}._form_oi20l_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
._node_12vwh_18 {
  list-style: none;
  position: relative;
  animation: _nodeIn_12vwh_1 var(--transitionTime) both;
  animation-delay: calc(var(--i, 0) * 45ms);
}

._row_12vwh_25 {
  display: flex;
  padding: 0.2rem 0;
}

._card_12vwh_30 {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.5rem 0.55rem 0.5rem 0.7rem;
  border-radius: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--borderColorGeneral) 90%, transparent);
  background: linear-gradient(155deg, color-mix(in srgb, var(--backgroundPrimary) 72%, transparent), color-mix(in srgb, var(--backgroundPrimary) 44%, transparent));
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow: 0 1px 1px color-mix(in srgb, var(--shadowColor) 50%, transparent), 0 8px 22px -12px color-mix(in srgb, var(--shadowColor) 100%, transparent);
  overflow: hidden;
  isolation: isolate;
  transition: border-color var(--transitionTimeFast), background var(--transitionTimeFast), transform var(--transitionTime), box-shadow var(--transitionTime), opacity var(--transitionTimeFast);
}
._card_12vwh_30::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(18rem 18rem at var(--mx, 50%) var(--my, -20%), color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%);
  opacity: 0;
  transition: opacity var(--transitionTimeFast);
  pointer-events: none;
  z-index: -1;
}
._card_12vwh_30:hover::before {
  opacity: 1;
}

._clickable_12vwh_63 {
  cursor: pointer;
}
._clickable_12vwh_63:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
  box-shadow: 0 1px 1px color-mix(in srgb, var(--shadowColor) 50%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--accent) 70%, transparent);
}
._clickable_12vwh_63:focus-visible {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);
}

._type-org_12vwh_77 {
  border-color: color-mix(in srgb, var(--accent) 50%, transparent);
  background: linear-gradient(155deg, color-mix(in srgb, var(--accent) 92%, transparent), color-mix(in srgb, var(--accent) 68%, transparent));
}
._type-org_12vwh_77 ._label_12vwh_81 {
  color: var(--accentContrast);
  font-size: 1rem;
}
._type-org_12vwh_77 ._subtitle_12vwh_85 {
  color: color-mix(in srgb, var(--accentContrast) 85%, transparent);
}
._type-org_12vwh_77 ._glyph_12vwh_88 {
  background: color-mix(in srgb, var(--accentContrast) 22%, transparent);
  color: var(--accentContrast);
}
._type-org_12vwh_77 ._chevron_12vwh_92,
._type-org_12vwh_77 ._openButton_12vwh_93 {
  color: var(--accentContrast);
}

._type-department_12vwh_97 ._label_12vwh_81 {
  font-weight: 700;
}

._type-project_12vwh_101 ._glyph_12vwh_88 {
  background: color-mix(in srgb, var(--info) 18%, transparent);
  color: var(--info);
}

._highlighted_12vwh_106 {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent);
}

._dimmed_12vwh_111 {
  opacity: 0.3;
}

._chevron_12vwh_92 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  color: var(--textSecondary);
}
._chevron_12vwh_92 svg {
  width: 0.7rem;
  height: 0.7rem;
  transition: transform var(--transitionTime);
}
._chevron_12vwh_92 svg * {
  fill: currentColor;
}

._chevronCollapsed_12vwh_132 svg {
  transform: rotate(-90deg);
}

._glyph_12vwh_88 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent);
}

._avatar_12vwh_150 {
  flex-shrink: 0;
}

._text_12vwh_154 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._label_12vwh_81 {
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtitle_12vwh_85 {
  font-size: 0.75rem;
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._peek_12vwh_177 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

._peekAvatar_12vwh_183 {
  display: flex;
  margin-left: -0.45rem;
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--glassHighlight);
  transition: margin-left var(--transitionTime);
}
._peekAvatar_12vwh_183:first-child {
  margin-left: 0;
}

._card_12vwh_30:hover ._peekAvatar_12vwh_183 {
  margin-left: -0.15rem;
}
._card_12vwh_30:hover ._peekAvatar_12vwh_183:first-child {
  margin-left: 0;
}

._peekMore_12vwh_201 {
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.25rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
  font-size: 0.65rem;
  font-weight: 700;
}

._roleBadge_12vwh_214,
._statusBadge_12vwh_215 {
  flex-shrink: 0;
  font-size: 0.65rem;
}

._openButton_12vwh_93 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0 none;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--textSecondary);
  cursor: pointer;
  transition: background var(--transitionTimeFast), color var(--transitionTimeFast);
}
._openButton_12vwh_93 svg * {
  fill: currentColor;
}
._openButton_12vwh_93 svg {
  width: 0.85rem;
  height: 0.85rem;
}
._openButton_12vwh_93:hover {
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  color: var(--accent);
}
._openButton_12vwh_93:focus-visible {
  outline: none;
  color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);
}

._type-org_12vwh_77 ._openButton_12vwh_93:hover {
  background: color-mix(in srgb, var(--accentContrast) 20%, transparent);
}

._childrenWrap_12vwh_256 {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--transitionTime), opacity var(--transitionTime);
  opacity: 1;
}

._childrenCollapsed_12vwh_263 {
  grid-template-rows: 0fr;
  opacity: 0;
}

._children_12vwh_256 {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0.4rem 0.1rem 1.6rem;
  min-height: 0;
  overflow: hidden;
}
._children_12vwh_256::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0.9rem;
  left: 0.85rem;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(color-mix(in srgb, var(--accent) 28%, transparent), transparent);
}

@keyframes _nodeIn_12vwh_1 {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  ._children_12vwh_256 {
    padding-left: 1.1rem;
  }
  ._children_12vwh_256::before {
    left: 0.7rem;
  }
  ._card_12vwh_30 {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  ._card_12vwh_30:not(._type-org_12vwh_77) {
    background: linear-gradient(155deg, color-mix(in srgb, var(--backgroundPrimary) 97%, transparent), color-mix(in srgb, var(--backgroundPrimary) 92%, transparent));
  }
}
@media (prefers-reduced-motion: reduce) {
  ._node_12vwh_18 {
    animation: none;
  }
  ._card_12vwh_30,
  ._card_12vwh_30::before,
  ._chevron_12vwh_92 svg,
  ._peekAvatar_12vwh_183,
  ._childrenWrap_12vwh_256 {
    transition: none;
  }
  ._clickable_12vwh_63:hover {
    transform: none;
  }
}
@media print {
  ._node_12vwh_18 {
    animation: none;
  }
  ._openButton_12vwh_93 {
    display: none;
  }
  ._card_12vwh_30 {
    background: var(--backgroundPrimary);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border: 1px solid var(--borderColorGeneral);
    transform: none;
  }
  ._type-org_12vwh_77 {
    background: var(--accent);
  }
  ._dimmed_12vwh_111 {
    opacity: 1;
  }
  ._childrenWrap_12vwh_256,
  ._childrenCollapsed_12vwh_263 {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_19khg_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_19khg_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_19khg_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_19khg_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._page_19khg_53 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._stats_19khg_59 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

._statCard_19khg_65 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
  min-width: 7rem;
  padding: 0.85rem 1rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._statCardMuted_19khg_80 ._statValue_19khg_80 {
  color: var(--textSecondary);
}

._statValue_19khg_80 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  color: var(--textPrimary);
}

._statLabel_19khg_92 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

@media only screen and (max-width: 575px) {
  ._statCard_19khg_65 {
    flex-basis: calc(50% - 0.375rem);
  }
}
._toolbar_19khg_102 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 768px) {
  ._toolbar_19khg_102 {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

._searchInput_19khg_115 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  ._searchInput_19khg_115 {
    max-width: 22rem;
  }
}

._actions_19khg_124 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

._legend_19khg_130 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

._legendNote_19khg_137 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}
html:not(.flat) ._legendNote_19khg_137 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._canvas_19khg_145 {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid var(--borderColorGeneral);
  background-color: transparent;
  background-image: radial-gradient(40rem 24rem at 8% -12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), radial-gradient(34rem 22rem at 108% 4%, color-mix(in srgb, var(--info) 12%, transparent), transparent 55%);
}

._scroll_19khg_154 {
  overflow-x: auto;
  padding: 0.5rem;
}

._tree_19khg_159 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 56rem;
  margin: 0 auto;
  padding: 0;
}

._noData_19khg_168 {
  padding: 2rem;
  text-align: center;
  color: var(--textSecondary);
}

@media print {
  ._toolbar_19khg_102,
  ._legend_19khg_130 {
    display: none;
  }
  ._canvas_19khg_145 {
    border: 0 none;
    background: none;
    overflow: visible;
  }
  ._scroll_19khg_154 {
    overflow: visible;
    padding: 0;
  }
  ._tree_19khg_159 {
    max-width: none;
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1njlg_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1njlg_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1njlg_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1njlg_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._organizationForm_1njlg_44 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}
@media only screen and (min-width: 1200px) {
  ._organizationForm_1njlg_44 {
    grid-template-columns: auto auto;
    gap: 4rem;
  }
}
._organizationForm_1njlg_44 ._heading_1njlg_55 {
  margin-top: 1rem;
  padding-left: 1rem;
}
._organizationForm_1njlg_44 ._buttons_1njlg_59 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1rem;
}
._organizationForm_1njlg_44 ._basicInfo_1njlg_66 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
._organizationForm_1njlg_44 ._leaves_1njlg_72 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
._organizationForm_1njlg_44 ._section_1njlg_78 {
  padding-top: 1rem;
}
._organizationForm_1njlg_44 ._checkbox_1njlg_81 {
  margin-top: 1rem;
}
._organizationForm_1njlg_44 ._subCheckbox_1njlg_84 {
  margin-top: 0.75rem;
  padding-left: 1.75rem;
}
._organizationForm_1njlg_44 ._logoSection_1njlg_88 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
._organizationForm_1njlg_44 ._logoPreviewRow_1njlg_94 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
._organizationForm_1njlg_44 ._logoPreview_1njlg_94 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 14rem;
  min-width: 12rem;
  min-height: 8rem;
  padding: 1rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: var(--glassRadius, 0.75rem);
  background: var(--backgroundInput);
}
._organizationForm_1njlg_44 ._logoImage_1njlg_111 {
  max-width: 100%;
  max-height: 10rem;
  object-fit: contain;
}
._organizationForm_1njlg_44 ._logoPlaceholder_1njlg_116 {
  color: var(--textSecondary);
  font-size: 0.875rem;
  text-align: center;
}
._organizationForm_1njlg_44 ._logoChip_1njlg_121 {
  display: flex;
  flex: 1 1 14rem;
  min-width: 12rem;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}
._organizationForm_1njlg_44 ._logoChipLabel_1njlg_129 {
  color: var(--textSecondary);
  font-size: 0.8rem;
}
._organizationForm_1njlg_44 ._logoChipBar_1njlg_133 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.8rem;
  border-radius: var(--glassRadius, 0.75rem);
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._organizationForm_1njlg_44 ._logoChipBar_1njlg_133 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}
._organizationForm_1njlg_44 ._logoChipName_1njlg_151 {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._organizationForm_1njlg_44 ._logoHint_1njlg_157 {
  color: var(--textSecondary);
  font-size: 0.8rem;
}
._organizationForm_1njlg_44 ._logoControls_1njlg_161 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._organizationForm_1njlg_44 ._logoButtons_1njlg_166 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}._inline_pdhuq_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.5rem;
  margin-left: 1.75rem;
}
._inline_pdhuq_1 ._inlineMessage_pdhuq_9 {
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._panel_pdhuq_14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 2rem;
  margin-top: 1rem;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
  background-color: var(--backgroundPrimaryInverseFaded);
}
._panel_pdhuq_14 ._panelTitle_pdhuq_25 {
  margin: 0;
  font-size: 1.1rem;
  color: var(--textPrimary);
}
._panel_pdhuq_14 ._panelMessage_pdhuq_30 {
  margin: 0;
  max-width: 42rem;
  color: var(--textSecondary);
  line-height: 1.5;
}._layout_1xk5l_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._toolbar_1xk5l_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._monthNav_1xk5l_15 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._toolbarControls_1xk5l_21 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

._monthLabel_1xk5l_29 {
  min-width: 10rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._monthLabel_1xk5l_29 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

@media only screen and (max-width: 575px) {
  ._toolbar_1xk5l_7 {
    justify-content: center;
  }
  ._monthNav_1xk5l_15 {
    width: 100%;
    justify-content: space-between;
  }
  ._monthLabel_1xk5l_29 {
    min-width: 0;
    font-size: 1rem;
  }
  ._toolbarControls_1xk5l_21 {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}
._hint_1xk5l_59 {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: var(--textSecondary);
}
html:not(.flat) ._hint_1xk5l_59 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._hintBadge_1xk5l_69 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  margin: 0 0.15rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background-color: var(--accent);
  color: var(--accentContrast);
  font-size: 0.75rem;
  font-weight: 700;
  vertical-align: middle;
}

._batchBar_1xk5l_85 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 0.9rem;
  border-radius: 0.75rem;
  border: 1px solid var(--accent);
  background-color: var(--backgroundPrimaryInverseFaded);
}

._batchBarInfo_1xk5l_96 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

._batchBarCount_1xk5l_103 {
  font-weight: 700;
  color: var(--textPrimary);
}

._batchBarHint_1xk5l_108 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._batchBarActions_1xk5l_113 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

@media only screen and (max-width: 575px) {
  ._batchBar_1xk5l_85 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
    border-radius: 1rem 1rem 0 0;
    border-bottom: none;
    background-color: var(--backgroundPrimary);
    box-shadow: 0 -0.4rem 1.5rem var(--shadowColor);
    padding: 0.75rem 0.9rem calc(0.75rem + env(safe-area-inset-bottom));
  }
  ._batchBarHint_1xk5l_108 {
    display: none;
  }
}
._summarySection_1xk5l_137 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.75rem;
}

._summaryBooked_1xk5l_144 {
  font-weight: 600;
  color: var(--textPrimary);
}

._summarySkipTitle_1xk5l_149 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--warning);
}

._summarySkipDays_1xk5l_155 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--textSecondary);
}

._emptyState_1xk5l_161 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--textSecondary);
}
._emptyState_1xk5l_161 h3 {
  margin: 0;
  color: var(--textPrimary);
}
._emptyState_1xk5l_161 p {
  margin: 0;
  max-width: 28rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_q3jnp_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_q3jnp_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_q3jnp_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_q3jnp_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._banner_q3jnp_44 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  border-radius: var(--glassRadius);
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlur)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}

._row_q3jnp_57 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

._headline_q3jnp_64 {
  margin: 0;
  font-weight: 600;
  color: var(--textPrimary);
}

._count_q3jnp_70 {
  font-weight: 700;
  color: var(--warning);
  white-space: nowrap;
}
._count_q3jnp_70._met_q3jnp_75 {
  color: var(--success);
}

._progressTrack_q3jnp_79 {
  width: 100%;
  height: 0.5rem;
  border-radius: 999px;
  background-color: var(--backgroundInput);
  overflow: hidden;
}

._progressFill_q3jnp_87 {
  height: 100%;
  border-radius: 999px;
  background-color: var(--warning);
  transition: width var(--transitionTime) ease;
}
._progressFill_q3jnp_87._met_q3jnp_75 {
  background-color: var(--success);
}

._subtext_q3jnp_97 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--textSecondary);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_8gly7_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_8gly7_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_8gly7_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_8gly7_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._calendar_8gly7_53 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._weekdays_8gly7_59 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}

._weekday_8gly7_59 {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textSecondary);
}
html:not(.flat) ._weekday_8gly7_59 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._grid_8gly7_77 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}

._dragging_8gly7_83 {
  user-select: none;
}

@media only screen and (max-width: 575px) {
  ._weekGrid_8gly7_88 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._cell_8gly7_93 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 6.5rem;
  padding: 0.4rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._clickable_8gly7_106 {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._clickable_8gly7_106:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._clickable_8gly7_106:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}

._outOfMonth_8gly7_118 {
  opacity: 0.45;
}

._weekendCell_8gly7_122,
._holidayCell_8gly7_123 {
  background: var(--backgroundPrimaryInverseFaded);
}

._today_8gly7_127 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._selected_8gly7_132 {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

._pending_8gly7_137 {
  opacity: 0.6;
  cursor: progress;
}

._selecting_8gly7_142 {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._selecting_8gly7_142:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._selecting_8gly7_142:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}

._daySelected_8gly7_154 {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._headerLeft_8gly7_160 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

._selectBox_8gly7_167 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.35rem;
  border: 2px solid var(--accent);
  background-color: var(--backgroundPrimary);
  color: var(--accentContrast);
  transition: background-color var(--transitionTimeFast) ease;
}
._selectBox_8gly7_167 svg {
  width: 0.8rem;
  height: 0.8rem;
}

._selectBoxChecked_8gly7_185 {
  background-color: var(--accent);
}

._selectBoxDisabled_8gly7_189 {
  border-color: var(--borderColorGeneral);
  opacity: 0.5;
}

._cellHeader_8gly7_194 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.3rem;
  min-width: 0;
}

._dayNumber_8gly7_202 {
  flex-shrink: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._dayNumber_8gly7_202 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._cellHeaderRight_8gly7_212 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
  min-width: 0;
}

._badgeGroup_8gly7_220 {
  display: inline-flex;
  align-items: center;
  padding-left: 0.75rem;
}

._viewDesksBtn_8gly7_226 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 1.4rem;
  margin-right: 0;
  border: none;
  border-radius: 999px;
  background-color: var(--backgroundPrimaryInverseFaded);
  color: var(--accent);
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: width var(--transitionTimeFast) ease 0.22s, margin-right var(--transitionTimeFast) ease 0.22s, opacity var(--transitionTimeFast) ease 0.22s, transform var(--transitionTimeFast) ease 0.22s, background-color var(--transitionTimeFast) ease;
}
._viewDesksBtn_8gly7_226 svg {
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
}
._viewDesksBtn_8gly7_226:hover, ._viewDesksBtn_8gly7_226:focus-visible {
  background-color: var(--accent);
  color: var(--accentContrast);
  outline: none;
}

._badgeGroup_8gly7_220:hover ._viewDesksBtn_8gly7_226,
._badgeGroup_8gly7_220:focus-within ._viewDesksBtn_8gly7_226 {
  width: 1.4rem;
  margin-right: 0.25rem;
  opacity: 1;
  transform: scale(1);
  transition-delay: 0s;
}

@media (hover: none) {
  ._viewDesksBtn_8gly7_226 {
    width: 1.4rem;
    margin-right: 0.25rem;
    opacity: 1;
    transform: scale(1);
  }
}
._totalBadge_8gly7_271 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.4rem;
  border: none;
  border-radius: 999px;
  background-color: var(--accent);
  color: var(--accentContrast);
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform var(--transitionTimeFast) ease, box-shadow var(--transitionTimeFast) ease, background-color var(--transitionTimeFast) ease;
}
._totalBadge_8gly7_271::after {
  content: "";
  width: 0;
  height: 0.8rem;
  margin-left: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207-10-7-10-7Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207-10-7-10-7Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0;
  transition: width var(--transitionTimeFast) ease, margin-left var(--transitionTimeFast) ease, opacity var(--transitionTimeFast) ease;
}
._totalBadge_8gly7_271:hover, ._totalBadge_8gly7_271:focus-visible {
  transform: scale(1.12) translateY(-1px);
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--accent) 35%, transparent), 0 0.2rem 0.5rem var(--shadowColor);
  outline: none;
}
._totalBadge_8gly7_271:hover::after, ._totalBadge_8gly7_271:focus-visible::after {
  width: 0.8rem;
  margin-left: 0.22rem;
  opacity: 1;
}
._totalBadge_8gly7_271:active {
  transform: scale(1.04) translateY(0);
}

._holidayNames_8gly7_313 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.05rem;
  min-width: 0;
  max-width: 100%;
}

._holidayName_8gly7_313 {
  max-width: min(5.5rem, 100%);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--warning);
}
html.has-bg-image:not(.flat) ._holidayName_8gly7_313 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._holidayName_8gly7_313 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._avatars_8gly7_337 {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-wrap: wrap;
}

._avatar_8gly7_337 {
  border: 1px solid var(--backgroundPrimary);
}

._overflow_8gly7_348 {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--textSecondary);
}

._floorChips_8gly7_354 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-top: auto;
}

._floorChip_8gly7_354 {
  padding: 0.05rem 0.35rem;
  border-radius: 999px;
  background-color: var(--backgroundInput);
  color: var(--textSecondary);
  font-size: 0.65rem;
}
._floorChip_8gly7_354._over_8gly7_348 {
  color: var(--error);
  font-weight: 700;
}

html:not(.flat) ._floorChip_8gly7_354 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._ownTag_8gly7_377 {
  margin-top: auto;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--accent);
}

._floorMenuBackdrop_8gly7_384 {
  position: fixed;
  inset: 0;
  z-index: 10;
}

._floorMenu_8gly7_384 {
  position: absolute;
  top: 2rem;
  left: 0.4rem;
  right: 0.4rem;
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.3rem;
  border-radius: 0.6rem;
  background: var(--glassBgStrong);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefraction);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._floorMenu_8gly7_384 {
    background: color-mix(in srgb, var(--backgroundPrimary) calc(85% * var(--glassOpacityScale, 1)), transparent);
  }
}
@media (hover: none) and (pointer: coarse) {
  ._floorMenu_8gly7_384 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong) !important;
  }
}

._floorMenuHeader_8gly7_419 {
  padding: 0.25rem 0.5rem 0.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}

._floorMenuItem_8gly7_426 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border: none;
  border-radius: 0.4rem;
  background-color: transparent;
  color: var(--textPrimary);
  font-size: 0.8rem;
  cursor: pointer;
}
._floorMenuItem_8gly7_426:hover:not(:disabled) {
  background-color: var(--backgroundPrimaryFaded);
}
._floorMenuItem_8gly7_426:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._floorMenuName_8gly7_447 {
  flex: 1;
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._floorMenuCapacity_8gly7_456 {
  flex-shrink: 0;
  font-size: 0.7rem;
  color: var(--textSecondary);
}
._floorMenuCapacity_8gly7_456._over_8gly7_348 {
  color: var(--error);
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  ._weekdays_8gly7_59,
  ._grid_8gly7_77 {
    gap: 0.2rem;
  }
  ._weekday_8gly7_59 {
    font-size: 0.7rem;
  }
  ._cell_8gly7_93 {
    gap: 0.2rem;
    min-height: 3.8rem;
    padding: 0.3rem;
    border-radius: 0.5rem;
  }
  ._dayNumber_8gly7_202 {
    font-size: 0.85rem;
  }
  ._viewDesksBtn_8gly7_226 {
    height: 1.2rem;
  }
  ._viewDesksBtn_8gly7_226 svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  ._badgeGroup_8gly7_220:hover ._viewDesksBtn_8gly7_226,
  ._badgeGroup_8gly7_220:focus-within ._viewDesksBtn_8gly7_226 {
    width: 1.2rem;
  }
}
@media only screen and (max-width: 767px) and (hover: none) {
  ._viewDesksBtn_8gly7_226 {
    width: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  ._totalBadge_8gly7_271 {
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.7rem;
  }
  ._totalBadge_8gly7_271:hover, ._totalBadge_8gly7_271:focus-visible {
    transform: none;
    box-shadow: none;
  }
  ._totalBadge_8gly7_271:hover::after, ._totalBadge_8gly7_271:focus-visible::after {
    width: 0;
    margin-left: 0;
    opacity: 0;
  }
  ._totalBadge_8gly7_271._badgeOver_8gly7_516 {
    background-color: var(--error);
    color: var(--errorContrast);
  }
  ._holidayName_8gly7_313,
  ._ownTag_8gly7_377 {
    font-size: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  ._floorMenuBackdrop_8gly7_384 {
    z-index: 600;
    background-color: var(--backgroundLightbox);
  }
  ._floorMenu_8gly7_384 {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 601;
    max-height: 60vh;
    overflow-y: auto;
    gap: 0.3rem;
    padding: 0.75rem 0.75rem calc(0.75rem + env(safe-area-inset-bottom));
    border-radius: 1rem 1rem 0 0;
    border-bottom: none;
    box-shadow: 0 -0.4rem 1.5rem var(--shadowColor);
  }
  ._floorMenuItem_8gly7_426 {
    padding: 0.75rem;
    font-size: 0.95rem;
    border: 1px solid var(--borderColorGeneral);
  }
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_150lc_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_150lc_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_150lc_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_150lc_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._modal_150lc_44 {
  width: 44rem;
}
@media only screen and (max-width: 767px) {
  ._modal_150lc_44 {
    width: calc(100vw - 2rem);
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
  }
}

._batchNote_150lc_55 {
  margin: 0 0 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--backgroundPrimaryFaded);
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._desk_150lc_64 {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.375rem;
  overflow: hidden;
  user-select: none;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._deskLabel_150lc_81 {
  padding: 0 0.25rem;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._clickable_150lc_89 {
  cursor: pointer;
  transition: box-shadow var(--transitionTime), border-color var(--transitionTimeFast), background var(--transitionTimeFast);
}
._clickable_150lc_89:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
}
._clickable_150lc_89:active {
  box-shadow: inset 0 2px 10px -4px var(--shadowColor), inset 0 1px 0 var(--glassHighlight);
}
._clickable_150lc_89 {
  position: relative;
  isolation: isolate;
}
._clickable_150lc_89::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(4rem 4rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--glassHighlight) 45%, transparent), transparent 60%), radial-gradient(9rem 9rem at var(--gx, 50%) var(--gy, 50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  transition: opacity var(--transitionTime);
}
html:not(.flat) ._clickable_150lc_89:hover::before {
  opacity: 1;
}

._free_150lc_119 {
  color: var(--textPrimary);
}

._taken_150lc_123 {
  background: var(--backgroundPrimaryInverseFaded);
  color: var(--textSecondary);
}

._own_150lc_128 {
  background: var(--accent);
  color: var(--accentContrast);
  border-color: var(--accent);
}

._reservedOther_150lc_134 {
  color: var(--textSecondary);
  border-style: dashed;
  border-color: var(--warning);
}

._reservedMe_150lc_140 {
  color: var(--textPrimary);
}

._badge_150lc_144 {
  position: absolute;
  bottom: 2px;
  left: 2px;
  padding: 0 0.2rem;
  background: var(--info);
  color: var(--backgroundPrimary);
  border-radius: 0.2rem;
  font-size: 0.55rem;
  line-height: 1.3;
  white-space: nowrap;
}

._compact_150lc_157 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
}

._minimap_150lc_164 {
  width: 100%;
  max-width: 24rem;
  margin: 0 auto;
}

._miniDesk_150lc_170 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._miniDesk_150lc_170 ._miniAvatar_150lc_184 {
  height: 80%;
  width: auto;
  aspect-ratio: 1;
}

._miniDeskLabel_150lc_190 {
  color: inherit;
  font-size: 0.5rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._deskList_150lc_199 {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.5rem;
}

._deskRow_150lc_208 {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  border-bottom: 1px solid var(--borderColorGeneral);
  color: var(--textPrimary);
  font: inherit;
  text-align: left;
}
li:last-child ._deskRow_150lc_208 {
  border-bottom: none;
}
._deskRow_150lc_208._free_150lc_119, ._deskRow_150lc_208._reservedMe_150lc_140, ._deskRow_150lc_208._reservedOther_150lc_134 {
  cursor: pointer;
}
._deskRow_150lc_208._free_150lc_119:hover, ._deskRow_150lc_208._free_150lc_119:active, ._deskRow_150lc_208._reservedMe_150lc_140:hover, ._deskRow_150lc_208._reservedMe_150lc_140:active, ._deskRow_150lc_208._reservedOther_150lc_134:hover, ._deskRow_150lc_208._reservedOther_150lc_134:active {
  background: var(--backgroundPrimaryFaded);
}
._deskRow_150lc_208._own_150lc_128 {
  background: var(--accent);
  color: var(--accentContrast);
}
._deskRow_150lc_208:disabled {
  cursor: default;
}

._rowLabel_150lc_240 {
  font-weight: 600;
}

._rowState_150lc_244 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

._muted_150lc_250 {
  color: var(--textSecondary);
  font-size: 0.85rem;
}

._reservedText_150lc_255 {
  color: var(--warning);
  font-size: 0.85rem;
}

._yourDeskBadge_150lc_260 {
  padding: 0.1rem 0.4rem;
  background: var(--info);
  color: var(--backgroundPrimary);
  border-radius: 0.3rem;
  font-size: 0.75rem;
}

._chevron_150lc_268 {
  width: 0.7rem;
  height: 0.7rem;
  color: var(--textSecondary);
}

._floorTabs_150lc_274 {
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

._footer_150lc_279 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}._canvas_1r38h_1 {
  position: relative;
  width: 100%;
  background: var(--backgroundInput);
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.75rem;
  touch-action: none;
  overflow: hidden;
  container-type: inline-size;
}

._deskSlot_1r38h_12 {
  position: absolute;
  z-index: 1;
}

._textSlot_1r38h_17 {
  position: absolute;
  z-index: 2;
  line-height: 1.1;
  white-space: pre;
}

._text_1r38h_17 {
  color: var(--textSecondary);
  font-weight: 600;
  pointer-events: none;
}

._gridLayer_1r38h_30 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

._gridLine_1r38h_38 {
  stroke: var(--borderColorGeneral);
  stroke-width: 1;
  opacity: 0.35;
}

._lineLayer_1r38h_44 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

._line_1r38h_44 {
  stroke: var(--textPrimary);
  stroke-width: 2;
  stroke-linecap: round;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._wrapper_1hgo3_10 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._header_1hgo3_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._title_1hgo3_24 {
  margin: 0;
  color: var(--textPrimary);
}

._search_1hgo3_29 {
  width: 16rem;
  max-width: 100%;
}

._tableScroll_1hgo3_34 {
  border: 1px solid var(--borderColorGeneral);
  border-radius: 1rem;
  overflow-x: auto;
}

._empty_1hgo3_40 {
  text-align: center;
  color: var(--textSecondary);
  padding: 1.25rem 0.75rem;
}
html:not(.flat) ._empty_1hgo3_40 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._table_1hgo3_34 {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
._table_1hgo3_34 th,
._table_1hgo3_34 td {
  padding: 0.85rem 0.6rem;
  text-align: left;
  border-bottom: 1px solid var(--borderColorGeneral);
}
._table_1hgo3_34 th:first-child,
._table_1hgo3_34 td:first-child {
  padding-left: 1.1rem;
}
._table_1hgo3_34 th:last-child,
._table_1hgo3_34 td:last-child {
  padding-right: 1.1rem;
}
._table_1hgo3_34 th {
  background-color: var(--backgroundPrimaryInverseFaded);
  color: var(--textSecondary);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
html:not(.flat) ._table_1hgo3_34 th {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._table_1hgo3_34 td {
  color: var(--textPrimary);
  font-size: 0.9rem;
}
html:not(.flat) ._table_1hgo3_34 td {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._table_1hgo3_34 tbody tr:last-child td {
  border-bottom: none;
}
._table_1hgo3_34 tbody tr {
  transition: background-color var(--transitionTimeFast);
}
._table_1hgo3_34 tbody tr:focus-visible {
  outline: none;
}
._table_1hgo3_34 tbody tr:focus-visible td {
  background-color: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
}

._pill_1hgo3_99 {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}

._met_1hgo3_108 {
  background-color: var(--success);
  color: var(--successContrast);
}

._behind_1hgo3_113 {
  background-color: var(--warning);
  color: var(--warningContrast);
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1cmsr_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1cmsr_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1cmsr_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1cmsr_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._layout_1cmsr_44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._search_1cmsr_50 {
  position: relative;
  max-width: 28rem;
}

._searchResults_1cmsr_55 {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  max-height: 18rem;
  overflow-y: auto;
  padding: 0.3rem;
  border-radius: 0.6rem;
  border: 1px solid var(--borderColorGeneral);
  box-shadow: 0 0.4rem 1rem var(--shadowColor);
  background: var(--glassBgStrong) !important;
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(180%) var(--glassRefractionStrong);
}

._searchResult_1cmsr_55 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem 0.6rem;
  border: none;
  border-radius: 0.4rem;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
}
._searchResult_1cmsr_55:hover, ._searchResult_1cmsr_55:focus-visible, ._searchResult_1cmsr_55._active_1cmsr_85 {
  background-color: var(--backgroundPrimaryInverseFaded);
}
._searchResult_1cmsr_55:focus-visible {
  outline: none;
}

._resultName_1cmsr_92 {
  font-weight: 600;
  color: var(--textPrimary);
}

._resultEmail_1cmsr_97 {
  font-size: 0.8rem;
  color: var(--textSecondary);
}

._searchEmpty_1cmsr_102 {
  padding: 0.6rem;
  font-size: 0.85rem;
  color: var(--textSecondary);
}

._colleagueHeader_1cmsr_108 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._colleagueName_1cmsr_114 {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--textPrimary);
}

._toolbar_1cmsr_120 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

._monthNav_1cmsr_128 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._toolbarControls_1cmsr_134 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._monthLabel_1cmsr_140 {
  min-width: 10rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._monthLabel_1cmsr_140 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

@media only screen and (max-width: 575px) {
  ._toolbar_1cmsr_120 {
    justify-content: center;
  }
  ._monthNav_1cmsr_128 {
    width: 100%;
    justify-content: space-between;
  }
  ._monthLabel_1cmsr_140 {
    min-width: 0;
    font-size: 1rem;
  }
}
._emptyState_1cmsr_165 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--textSecondary);
}
._emptyState_1cmsr_165 h3 {
  margin: 0;
  color: var(--textPrimary);
}
._emptyState_1cmsr_165 p {
  margin: 0;
  max-width: 28rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_1bzgx_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_1bzgx_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_1bzgx_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_1bzgx_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._calendar_1bzgx_53 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._weekdays_1bzgx_59 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}

._weekday_1bzgx_59 {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textSecondary);
}
html:not(.flat) ._weekday_1bzgx_59 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._grid_1bzgx_77 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
}

@media only screen and (max-width: 575px) {
  ._weekGrid_1bzgx_84 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._cell_1bzgx_89 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 6.5rem;
  padding: 0.4rem;
  border-radius: 0.75rem;
  background: var(--glassBg);
  border: 1px solid var(--glassBorder);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent);
}

._outOfMonth_1bzgx_102 {
  opacity: 0.45;
}

._weekendCell_1bzgx_106,
._holidayCell_1bzgx_107 {
  background: var(--backgroundPrimaryInverseFaded);
}

._today_1bzgx_111 {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

._present_1bzgx_116 {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

._cellHeader_1bzgx_121 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.3rem;
  min-width: 0;
}

._dayNumber_1bzgx_129 {
  flex-shrink: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--textPrimary);
}
html:not(.flat) ._dayNumber_1bzgx_129 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._cellHeaderRight_1bzgx_139 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
  min-width: 0;
}

._viewDesksBtn_1bzgx_147 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border: none;
  border-radius: 999px;
  background-color: var(--backgroundPrimaryInverseFaded);
  color: var(--accent);
  cursor: pointer;
  transition: background-color var(--transitionTimeFast) ease;
}
._viewDesksBtn_1bzgx_147 svg {
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
}
._viewDesksBtn_1bzgx_147:hover, ._viewDesksBtn_1bzgx_147:focus-visible {
  background-color: var(--accent);
  color: var(--accentContrast);
  outline: none;
}

._holidayNames_1bzgx_171 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.05rem;
  min-width: 0;
  max-width: 100%;
}

._holidayName_1bzgx_171 {
  max-width: 100%;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--warning);
}
html.has-bg-image:not(.flat) ._holidayName_1bzgx_171 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
._holidayName_1bzgx_171 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._presentTag_1bzgx_195 {
  margin-top: auto;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--accent);
}

@media only screen and (max-width: 767px) {
  ._weekdays_1bzgx_59,
  ._grid_1bzgx_77 {
    gap: 0.2rem;
  }
  ._weekday_1bzgx_59 {
    font-size: 0.7rem;
  }
  ._cell_1bzgx_89 {
    gap: 0.2rem;
    min-height: 3.8rem;
    padding: 0.3rem;
    border-radius: 0.5rem;
  }
  ._dayNumber_1bzgx_129 {
    font-size: 0.85rem;
  }
  ._viewDesksBtn_1bzgx_147 {
    width: 1.2rem;
    height: 1.2rem;
  }
  ._viewDesksBtn_1bzgx_147 svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  ._holidayName_1bzgx_171,
  ._presentTag_1bzgx_195 {
    font-size: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}._form_1e4n2_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 1rem;
}

._section_1e4n2_8 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._sectionTitle_1e4n2_14 {
  margin: 0;
  color: var(--textPrimary);
}

._floorRow_1e4n2_19 {
  display: grid;
  grid-template-columns: 6rem 1fr 8rem auto;
  align-items: end;
  gap: 0.75rem;
}

._floorActions_1e4n2_26 {
  display: flex;
  align-items: end;
  gap: 0.25rem;
}

._numbers_1e4n2_32 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1rem;
}

._actions_1e4n2_38 {
  display: flex;
  justify-content: flex-end;
}

._error_1e4n2_43 {
  margin: 0;
  color: var(--error);
  font-size: 0.85rem;
}

@media (max-width: 640px) {
  ._floorRow_1e4n2_19 {
    grid-template-columns: 1fr 1fr;
  }
}._modal_3ljx1_1 {
  width: 56rem;
}
@media only screen and (max-width: 767px) {
  ._modal_3ljx1_1 {
    width: calc(100vw - 2rem);
  }
}

._body_3ljx1_10 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  ._body_3ljx1_10 {
    flex-direction: column;
  }
}

._canvasColumn_3ljx1_21 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-width: 0;
}

._toolbar_3ljx1_29 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
}

._tools_3ljx1_37 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

._dimensions_3ljx1_45 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 16rem;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  ._dimensions_3ljx1_45 {
    width: 100%;
  }
}

._sidePanel_3ljx1_58 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 0 0 16rem;
}
@media only screen and (max-width: 767px) {
  ._sidePanel_3ljx1_58 {
    flex-basis: auto;
    width: 100%;
  }
}

._hint_3ljx1_71,
._note_3ljx1_72 {
  color: var(--textSecondary);
  font-size: 0.85rem;
  margin: 0;
}

._panelHeading_3ljx1_78 {
  margin: 0;
  color: var(--textPrimary);
  font-size: 0.9rem;
  font-weight: 600;
}

._error_3ljx1_85 {
  color: var(--error);
  font-size: 0.85rem;
  margin: 0;
}

._desk_3ljx1_91 {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--backgroundPrimary);
  border: 1px solid var(--borderColorGeneral);
  border-radius: 0.375rem;
  cursor: move;
  user-select: none;
  touch-action: none;
  overflow: hidden;
}

._deskSelected_3ljx1_108 {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--shadowColor);
}

._deskReserved_3ljx1_113 {
  border-style: dashed;
  border-color: var(--warning);
}

._deskLabel_3ljx1_118 {
  padding: 0 0.25rem;
  color: var(--textPrimary);
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._deskBadge_3ljx1_127 {
  position: absolute;
  top: 2px;
  left: 2px;
  min-width: 1rem;
  height: 1rem;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--warning);
  color: var(--warningContrast);
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1;
}

._textBox_3ljx1_145 {
  position: relative;
  display: inline-block;
  padding: 2px 4px;
  border: 1px dashed transparent;
  border-radius: 0.25rem;
  color: var(--textPrimary);
  font-weight: 600;
  cursor: move;
  user-select: none;
  touch-action: none;
  white-space: pre;
}

._textBoxSelected_3ljx1_159 {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--shadowColor);
}

._textBoxLabel_3ljx1_164 {
  pointer-events: none;
}

._textResizeHandle_3ljx1_168 {
  position: absolute;
  right: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: var(--accent);
  border-radius: 50%;
  cursor: nwse-resize;
  touch-action: none;
}
@media (pointer: coarse) {
  ._textResizeHandle_3ljx1_168 {
    width: 22px;
    height: 22px;
    right: -11px;
    bottom: -11px;
  }
}

._marquee_3ljx1_188 {
  position: absolute;
  z-index: 4;
  background: var(--accent);
  opacity: 0.12;
  border: 1px solid var(--accent);
  border-radius: 2px;
  pointer-events: none;
}

._drawSurface_3ljx1_198 {
  position: absolute;
  inset: 0;
  z-index: 5;
  cursor: crosshair;
  touch-action: none;
}

._lineHit_3ljx1_206 {
  stroke: transparent;
  stroke-width: 12;
  cursor: move;
}

._lineStroke_3ljx1_212 {
  stroke: var(--textPrimary);
  stroke-width: 2;
  stroke-linecap: round;
  pointer-events: none;
}

._lineSelected_3ljx1_219 {
  stroke: var(--accent);
  stroke-width: 3;
}

._lineHandle_3ljx1_224 {
  position: absolute;
  z-index: 3;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  background: var(--accent);
  border: 2px solid var(--backgroundInput);
  border-radius: 50%;
  cursor: grab;
  touch-action: none;
}
@media (pointer: coarse) {
  ._lineHandle_3ljx1_224 {
    width: 22px;
    height: 22px;
  }
}

._resizeHandle_3ljx1_243 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  background: var(--accent);
  border-top-left-radius: 0.25rem;
  cursor: nwse-resize;
  touch-action: none;
}
@media (pointer: coarse) {
  ._resizeHandle_3ljx1_243 {
    width: 24px;
    height: 24px;
  }
}

._footer_3ljx1_261 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}._filesContainer_4nit4_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
._filesContainer_4nit4_1 ._files_4nit4_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._form_oi20l_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._filesContainer_1ttpo_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}._card_1equ0_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._card_1equ0_1 ._employeeCell_1equ0_6 {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
._card_1equ0_1 ._employeeCell_1equ0_6 ._employeeName_1equ0_11 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}._form_qf0vt_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_qf0vt_1 ._sectionHeading_qf0vt_6 {
  margin-left: 1rem;
}
._form_qf0vt_1 ._row_qf0vt_9 {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._form_qf0vt_1 ._row_qf0vt_9 {
    grid-template-columns: 1fr 1fr;
  }
}
._form_qf0vt_1 ._row_qf0vt_9 ._medicalVisitFields_qf0vt_19 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_qf0vt_1 ._row_qf0vt_9 ._medicalVisitDocuments_qf0vt_24 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_qf0vt_1 ._row_qf0vt_9 ._medicalVisitDocuments_qf0vt_24 ._documentsListWrapper_qf0vt_29 {
  flex: 1;
}
@media only screen and (min-width: 576px) {
  ._form_qf0vt_1 ._saveButton_qf0vt_33 {
    align-self: end;
  }
}._features_ymme7_1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}
._features_ymme7_1 ._featuresLabel_ymme7_7 {
  font-size: 0.9rem;
  color: var(--textSecondary);
}._layout_digv5_1 {
  padding-bottom: 0.5rem;
}._select_iadne_1 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  ._select_iadne_1 {
    width: 20%;
    min-width: 12rem;
  }
}/**
  * Recolor SVG
  * @param {string} $color - The color to apply to the SVG
  */
/**
  * Recolor children that are SVG
  * @param {string} $color - The color to apply to the SVG children
  */
/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._wrapper_1jf28_18 {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  ._wrapper_1jf28_18 {
    width: 20rem;
  }
}

._card_1jf28_30 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.25rem;
  transition: border-color var(--transitionTimeFast), box-shadow var(--transitionTime), transform var(--transitionTime);
}
._card_1jf28_30:hover {
  transform: translateY(-0.25rem);
}
._card_1jf28_30._selected_1jf28_40 {
  box-shadow: 0 0 0 1px var(--accent), 0 8px 32px color-mix(in srgb, var(--accent) 18%, transparent);
}

._badge_1jf28_44 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  white-space: nowrap;
}

._content_1jf28_53 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
}

._header_1jf28_60 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

._name_1jf28_68 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--textPrimary);
}

._price_1jf28_75 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
}

._amount_1jf28_82,
._free_1jf28_83 {
  font-size: 2rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
html.has-bg-image:not(.flat) ._amount_1jf28_82,
html.has-bg-image:not(.flat) ._free_1jf28_83 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}
@media only screen and (min-width: 768px) {
  ._amount_1jf28_82,
  ._free_1jf28_83 {
    font-size: 2.25rem;
  }
}

._amount_1jf28_82 {
  color: var(--textPrimary);
}

._free_1jf28_83 {
  color: var(--accent);
}

._currency_1jf28_108 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--textPrimary);
}
html.has-bg-image:not(.flat) ._currency_1jf28_108 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._period_1jf28_117 {
  font-size: 0.9rem;
  color: var(--textSecondary);
}
html:not(.flat) ._period_1jf28_117 {
  text-shadow: 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(0.7px, 0.07em, 1.8px) color-mix(in srgb, var(--textPrimaryInverse) calc(52% * var(--glassTextHaloStrength, 1)), transparent), 0 0 clamp(2.5px, 0.28em, 7px) color-mix(in srgb, var(--textPrimaryInverse) calc(20% * var(--glassTextHaloStrength, 1)), transparent);
}

._divider_1jf28_125 {
  height: 1px;
  background-color: var(--borderColorGeneral);
}

._features_1jf28_130 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

._feature_1jf28_130 {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-size: 0.9rem;
  color: var(--textPrimary);
}

._checkIcon_1jf28_148 {
  display: flex;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
._checkIcon_1jf28_148 * {
  fill: var(--accent);
}
._checkIcon_1jf28_148 svg {
  width: 1rem;
  height: auto;
}._container_y9fsk_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._cardContainer_y9fsk_7 {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  ._cardContainer_y9fsk_7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }
}

._button_y9fsk_22 {
  display: flex;
}
._button_y9fsk_22 button {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  ._button_y9fsk_22 {
    justify-content: flex-end;
  }
  ._button_y9fsk_22 button {
    width: auto;
  }
}._layout_b50lr_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
._layout_b50lr_1 ._title_b50lr_11 {
  font-size: 2rem;
  text-align: center;
}
._layout_b50lr_1 ._text_b50lr_15 {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  text-align: center;
}
._layout_b50lr_1 ._image_b50lr_20 {
  margin-bottom: 2rem;
}
._layout_b50lr_1 ._button_b50lr_23 {
  margin-top: 1rem;
}
._layout_b50lr_1 ._homepageLink_b50lr_26 {
  text-decoration: none;
  color: --var(--accent);
  margin-top: 2rem;
}._layout_1ymxq_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
._layout_1ymxq_1 ._title_1ymxq_11 {
  font-size: 2rem;
  text-align: center;
}
._layout_1ymxq_1 ._text_1ymxq_15 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0.5rem;
}
._layout_1ymxq_1 ._image_1ymxq_20 {
  margin-bottom: 2rem;
}
._layout_1ymxq_1 ._button_1ymxq_23 {
  margin-top: 1rem;
}
._layout_1ymxq_1 ._homepageLink_1ymxq_26 {
  text-decoration: none;
  color: --var(--accent);
  margin-top: 2rem;
}._container_1jmjr_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  ._container_1jmjr_1 {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
}

._header_1jmjr_15 {
  width: 100%;
  max-width: 60rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._header_1jmjr_15 ._backButton_1jmjr_22 {
  align-self: flex-start;
}
._header_1jmjr_15 ._backButton_1jmjr_22 svg {
  width: 1rem;
  height: 1rem;
}
._header_1jmjr_15 ._title_1jmjr_29 {
  margin: 0;
}
._header_1jmjr_15 ._subtitle_1jmjr_32 {
  margin: 0;
  color: var(--textSecondary);
  font-size: 0.9375rem;
}

._layout_1jmjr_38 {
  width: 100%;
  max-width: 60rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  ._layout_1jmjr_38 {
    padding: 1.25rem;
  }
}

._topContent_1jmjr_51 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--borderColorGeneral);
}
._topContent_1jmjr_51 ._search_1jmjr_59 {
  width: 18rem;
  max-width: 100%;
}
@media only screen and (max-width: 575px) {
  ._topContent_1jmjr_51 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  ._topContent_1jmjr_51 ._search_1jmjr_59 {
    width: 100%;
  }
}

._scrollableContent_1jmjr_74 {
  max-height: 35rem;
  overflow-y: auto;
  padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
  ._scrollableContent_1jmjr_74 {
    max-height: none;
  }
}

._employeeCard_1jmjr_85 {
  padding: 1.25rem;
  margin-bottom: 0.75rem;
}
._employeeCard_1jmjr_85:last-child {
  margin-bottom: 0;
}

._details_1jmjr_93 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._name_1jmjr_99 {
  font-weight: 600;
  font-size: 1rem;
  color: var(--textPrimary);
}

._projects_1jmjr_105 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

._project_1jmjr_105 {
  font-size: 0.75rem;
}

._noProjects_1jmjr_116 {
  color: var(--textSecondary);
  font-size: 0.75rem;
}

._actions_1jmjr_121 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--borderColorGeneral);
}
@media only screen and (max-width: 575px) {
  ._actions_1jmjr_121 {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.75rem;
  }
  ._actions_1jmjr_121 button {
    width: 100%;
  }
}._tabs_17zwa_1 {
  margin-bottom: 1rem;
}._form_1m5oc_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_1m5oc_1 ._dailyAllowanceContainer_1m5oc_6 {
  display: flex;
  gap: 1rem;
}
._form_1m5oc_1 ._canAddExpense_1m5oc_10 {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
._form_1m5oc_1 ._total_1m5oc_16 {
  display: flex;
  gap: 1rem;
}
._form_1m5oc_1 ._total_1m5oc_16 ._value_1m5oc_20 {
  font-weight: 600;
}
._form_1m5oc_1 ._totalsSummaryContainer_1m5oc_23 {
  column-gap: 5rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
._form_1m5oc_1 ._totalsSummaryContainer_1m5oc_23 ._column_1m5oc_29 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._form_1m5oc_1 ._totalsSummaryContainer_1m5oc_23 ._column_1m5oc_29 ._row_1m5oc_34 {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}
._form_1m5oc_1 ._totalsSummaryContainer_1m5oc_23 ._column_1m5oc_29 ._row_1m5oc_34 ._value_1m5oc_20 {
  font-weight: 600;
}

._error_1m5oc_43 {
  color: var(--error);
  font-size: 0.75rem;
  margin: 0 1rem;
}._card_p4lr8_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._card_p4lr8_1 ._parallelFields_p4lr8_6 {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}._form_exvhu_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._form_exvhu_1 ._parallelFields_exvhu_6 {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}._layout_1ymxq_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
._layout_1ymxq_1 ._title_1ymxq_11 {
  font-size: 2rem;
  text-align: center;
}
._layout_1ymxq_1 ._text_1ymxq_15 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 0.5rem;
}
._layout_1ymxq_1 ._image_1ymxq_20 {
  margin-bottom: 2rem;
}
._layout_1ymxq_1 ._button_1ymxq_23 {
  margin-top: 1rem;
}
._layout_1ymxq_1 ._homepageLink_1ymxq_26 {
  text-decoration: none;
  color: --var(--accent);
  margin-top: 2rem;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
._banner_19zyn_10 {
  align-items: center;
  animation: _slide-up_19zyn_1 var(--transitionTime) ease;
  background: var(--backgroundPrimary);
  border: 1px solid var(--borderColorInput);
  border-radius: 14px;
  bottom: 16px;
  box-shadow: 0 8px 28px var(--shadowColor);
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  left: 50%;
  max-width: 440px;
  padding: 12px 14px;
  position: fixed;
  transform: translateX(-50%);
  width: calc(100% - 24px);
  z-index: 1000;
}

@keyframes _slide-up_19zyn_1 {
  from {
    opacity: 0;
    transform: translate(-50%, 16px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._icon_19zyn_40 {
  border-radius: 10px;
  flex-shrink: 0;
  height: 42px;
  width: 42px;
}

._text_19zyn_47 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_19zyn_55 {
  color: var(--textPrimary);
  font-size: 14px;
  font-weight: 600;
}

._subtitle_19zyn_61 {
  color: var(--textSecondary);
  font-size: 12px;
  line-height: 1.35;
}

._shareCircle_19zyn_67 {
  align-items: center;
  background: color-mix(in srgb, var(--accent) calc(var(--fadedOpacityCoef) * 100%), transparent);
  border-radius: 50%;
  color: var(--accent);
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
}

._shareIcon_19zyn_79 {
  height: 19px;
  width: 19px;
}

._close_19zyn_84 {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--textSecondary);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  padding: 0;
  transition: background var(--transitionTime);
  width: 28px;
}
._close_19zyn_84:hover {
  background: var(--backgroundInput);
}

._closeIcon_19zyn_103 {
  height: 13px;
  width: 13px;
}/**
  * Color opacity
  * @param {string} $color - Color to fade
  * @param {number} $opacity - Opacity value
  */
/**
  * Fade color
  * @param {string} $color - Color to fade
  */
@keyframes _liquid-float_rqxzg_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _glass-shimmer_rqxzg_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _glass-pop-in_rqxzg_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _popover-fade-in_rqxzg_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._overlay_rqxzg_44 {
  align-items: center;
  background-color: var(--backgroundLightbox);
  backdrop-filter: blur(1rem) saturate(140%);
  -webkit-backdrop-filter: blur(1rem) saturate(140%);
}
@media (hover: none) and (pointer: coarse) {
  ._overlay_rqxzg_44 {
    backdrop-filter: blur(1rem) saturate(140%) !important;
    -webkit-backdrop-filter: blur(1rem) saturate(140%) !important;
  }
}
._overlay_rqxzg_44 {
  display: flex;
  inset: 0;
  justify-content: center;
  z-index: 2000000000;
  padding: 1rem;
  position: fixed;
  animation: _overlayIn_rqxzg_1 0.45s ease forwards;
}
@media (prefers-reduced-motion: reduce) {
  ._overlay_rqxzg_44 {
    animation: _overlayInReduced_rqxzg_1 0.2s ease forwards;
  }
}

._panel_rqxzg_71 {
  background: var(--glassBgModal);
  border: 1px solid var(--glassBorder);
  backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) var(--glassRefractionStrong);
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 4%, transparent), var(--glassRimGlow, 0 0 transparent), var(--glassShadowDepth, inset 0 -8px 16px -12px var(--shadowColor)), 0 1px 2px -1px var(--shadowColor), var(--glassShadowCast, 0 14px 34px -16px var(--shadowColor));
}
@media (hover: none) and (pointer: coarse) {
  ._panel_rqxzg_71 {
    backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
    -webkit-backdrop-filter: blur(var(--glassBlurStrong)) saturate(var(--glassSaturate)) !important;
  }
}
._panel_rqxzg_71 {
  box-shadow: var(--glassRimBead, inset 0 1px 0 var(--glassHighlight)), inset 0 0 0 1px color-mix(in srgb, var(--glassHighlight) 6%, transparent), var(--glassRimGlow, 0 0 transparent), 0 18px 48px -14px var(--shadowColor), 0 6px 40px -6px var(--glassGlow);
  align-items: center;
  border-radius: var(--glassRadius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 100%;
  padding: 2.5rem 2rem;
  text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
  ._panel_rqxzg_71 {
    animation: _panelIn_rqxzg_1 0.45s cubic-bezier(0.47, 0.04, 0.29, 0.97) forwards;
  }
}

._logo_rqxzg_102 {
  height: auto;
  width: 9rem;
  max-width: 60vw;
}

._progress_rqxzg_108 {
  background-color: color-mix(in srgb, var(--accent), transparent 82%);
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 11rem;
  max-width: 60vw;
}
._progress_rqxzg_108 span {
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  border-radius: inherit;
  inset: 0;
  position: absolute;
  animation: _progressSlide_rqxzg_1 1.1s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._progress_rqxzg_108 {
    background-color: var(--accent);
  }
  ._progress_rqxzg_108 span {
    display: none;
  }
}

._text_rqxzg_133 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._title_rqxzg_139 {
  color: var(--textPrimary);
  font-size: 1rem;
  font-weight: 600;
}

._hint_rqxzg_145 {
  color: var(--textSecondary);
  font-size: 0.85rem;
}

@keyframes _overlayIn_rqxzg_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _overlayInReduced_rqxzg_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _panelIn_rqxzg_1 {
  from {
    opacity: 0;
    transform: scale(0.94) translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _progressSlide_rqxzg_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}