/* UI-2622 band scan (Ishai, 2026-10-20, replacing the one height rule): no fixed height. The socket takes its own
     height in every state, a short book ending under its last row; it stops at 683px (the favorites strip, its label,
     the rule, the Everyone line and 6 rows of 56px, the foot pockets on one line), less on a short screen (what is left
     under the window's 7vh top, never under 422px), and the list scrolls past that inside. --cp-trim (fitCap) gives up
     the part of the next row the cap would show, so the cap lands on a row's edge. */
.contact-picker__sock[data-v-c0ce10dd] {
    max-height: calc(min(683px, max(422px, calc(100dvh - 152px))) - var(--cp-trim, 0px));
}

  /* UI-2190 follow-up: a bubble with a pocket at its head end corner (FramePocket). The bite is the card's ground (the hover
     card's popover, the full panel's background), and the bubble has no border to carry round it. */
.ac-cornered[data-v-52112723] {
    --ac-ground: var(--popover);
    --frame-pocket-ground: var(--ac-ground);
    --frame-pocket-line: transparent;
}
  /* UI-2263: the chat's box sits on the card's own padding (px-3), so it keeps no inset of its own, and its thread none */
.ac-chat[data-v-52112723] .ai-prompt-full {
    --ai-prompt-x: 0px;
}
  /* UI-2263 (Boaz, the card with an answer in it and no head or box left: "where all the buttons and other elemnts", then
     "never auto resize"): the card has one height (WorkingAgents, --ac-card-h) and the chat fills what its head and tabs
     leave, its thread scrolling inside. Set here, past AiChat's own .ai-chat { height: 100% }, which let the thread grow
     with its messages until it pushed the box off the card's foot and folded the card's head away. */
.ac-chat[data-v-52112723] {
    flex: 1 1 0;
    height: auto;
    min-height: 10rem;
}
  /* UI-2294: on a mini app's Builder the chat is the screen's own (MiniAppLayout), one wrapper inside this element, so the
     same holds for its root there: one height, the thread scrolling inside it */
.ac-app-builder[data-v-52112723] .ai-chat {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
}
  /* UI-2263 (Boaz: "wider end to end"): the chat runs to 4px of the card's edges (-mx-2 on the card's px-3), and its
     thread keeps the card's line (the 8px given back here) */
.ac-chat[data-v-52112723] .messages-list {
    padding-inline: 0.5rem;
}
.ac-chat[data-v-52112723] .input-wrapper {
    padding-bottom: 0;
    margin-bottom: 0;
}
  /* UI-2299 (Boaz, boxing the strip under the card's chat box: "remove gap"): the box's own foot spacer (AiPrompt's
     ai-prompt-full__foot, mb-3.5) collapsed out of the box into its wrapper and stood 14px under it, on top of the card's
     4px foot. The page chat takes it off the same way (AiChat, UI-1824); here the card's foot is the 4px of its sides. */
.ac-chat[data-v-52112723] .ai-prompt-full__foot {
    margin-block-end: 0;
}
  /* UI-2263 (Boaz, boxing the box's words: "smaller font"): the card's own text size, not the page box's text-lg.
     UI-2357 (Boaz, boxing "Ask anything...": "bigger font"): 16px, up from 14, one step under the page box's 18 */
.ac-chat[data-v-52112723] .ai-prompt-full__textarea,
  .ac-chat[data-v-52112723] .ai-prompt-full__placeholder {
    font-size: 1rem;
    line-height: 1.625rem;
}
  /* UI-2263 (Boaz, boxing the box's rim: "remove the outer frame all sides"): in the card the box is its panel alone. The
     Frame's rim (its 5px padding, border and ground, AiPrompt's ai-prompt-full__shell) goes; the pockets keep their own 5px
     gap and bleed, their bite in the card's ground, and the panel keeps its 14px corners (they were the frame's 20 less
     the rim and the border). */
.ac-chat[data-v-52112723] .ai-prompt-full__shell {
    --frame-pocket-bleed: 5px;
    --frame-pocket-gap: 5px;
    --frame-px: 0px;
    --frame-py: 0px;
    --frame-panel-radius: 14px;
    --frame-pocket-ground: var(--popover);
    border-width: 0;
    background: transparent;
}
.ac-cornered.ac-on-panel[data-v-52112723] {
    --ac-ground: var(--background);
}
  /* UI-2147: a cut-out picture (an agent's dark figure with no ground of its own) shows on a light disc, as the page's header
     draws it, rather than vanishing into the dark bite */
.ac-face[data-v-52112723] {
    background-color: color-mix(in oklab, var(--foreground) 16%, var(--muted));
}

  /* UI-2364: a mini app's build chat (MiniAppLayout's, a header row over its AIChat) in the Chat half: one height, its thread
     scrolling inside it, as in the card (AssistCorner .ac-app-builder) */
.ap-app-chat[data-v-8799b116] .ai-chat {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
}

@media (prefers-reduced-motion: no-preference) {
[data-toast-frame] .seat-pill__badge {
      animation: seat-pill-pop 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}
[data-toast-frame] .seat-pill__badge[data-later] {
      animation-delay: 0.4s;
}
}
@keyframes seat-pill-pop {
from {
      opacity: 0;
      transform: scale(0.5);
}
}

  /* UI-2234: the lane's slot (the board's row .fold): its row closes once the toast has gone, so neighbours move up */
.seat-slot {
    position: relative;
    display: grid;
    grid-template-rows: 1fr;
    min-width: 0;
}
.seat-slot[data-gone] {
    grid-template-rows: 0fr;
}
  /* the slot's content may stand taller than its row while it opens or closes: it overflows away from the seat */
.seat-slot__in {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    min-height: 0;
}
.seat-slot[data-end] > .seat-slot__in {
    justify-content: flex-end;
}

  /* UI-2234: the board's .born. The 12px between frames is the far margin, inside the slot's row, so it closes with it */
.seat-born {
    position: relative;
    display: grid;
    grid-template-rows: 1fr;
    visibility: visible;
    pointer-events: auto;
    margin-block-end: 12px;
    border-radius: 20px;
    outline: none;
}
.seat-slot[data-end] .seat-born {
    margin-block: 12px 0;
    /* board:781: anchored at the bottom, the row stays on the seat's edge, so the toast grows up out of it */
    align-content: end;
}
.seat-born[data-shut] {
    grid-template-rows: 0fr;
    visibility: hidden;
}
.seat-born[data-measure],
  .seat-born[data-hide] {
    visibility: hidden;
}
  /* the unseen measuring pass: nothing may start moving because of it */
.seat-born[data-measure],
  .seat-born[data-measure] *,
  .seat-born[data-measure] *::before,
  .seat-born[data-measure] *::after {
    transition: none !important;
    animation: none !important;
}
  /* the shut origin re-aimed at a seat that moved: at once, not on the way */
.seat-born[data-still],
  .seat-born[data-still] * {
    transition: none !important;
}
  /* UI-2234 (pixel pass): in the free lane a frame narrower than the lane (a pill, a card at its 356 cap in a wider
     phone lane) stands in its middle */
.seat-born[data-free] > [data-toast-frame] {
    justify-self: center;
}
  /* a go cell with a word scales about its round (SeatFrame measure) */
.seat-born [data-seat-origin] {
    transform-origin: var(--org-origin, 50% 50%);
}
  /* Alt+T lands here: the toast's own outline, the app's 3px ring */
.seat-born:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 45%, transparent);
}
[data-seat-toaster] .xuda-toast-clickable {
    cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
.seat-slot {
      transition: grid-template-rows 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
    /* arriving, the slot opens on the grow's own 440ms, so a neighbour moves with the frame rather than ahead of it */
.seat-slot[data-grow] {
      transition-duration: 0.44s;
}
    /* the grow: the row opens 440ms (board .born); the fold: from 100ms, 360ms, hidden at 560ms (board .born.shut) */
.seat-born {
      transition:
        grid-template-rows 0.44s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0s;
}
.seat-born[data-shut] {
      transition:
        grid-template-rows 0.36s cubic-bezier(0.65, 0, 0.35, 1) 0.1s,
        visibility 0s linear 0.56s;
}

    /* UI-2234: the free lane's plain arrival and exit (board 7f .enter / .leave) */
.seat-born[data-enter] [data-toast-frame] {
      animation: seat-rise 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.seat-born[data-enter] [data-slot='frame-pocket'][data-block='top'] [data-seat-item] {
      animation: seat-ride 0.34s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
}
.seat-born[data-enter] [data-card-wave] {
      animation: seat-up 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
      animation-delay: calc(0.28s + var(--i, 0) * 40ms);
}
.seat-born[data-enter] [data-slot='frame-pocket']:not([data-block='top']) [data-seat-item] {
      animation: seat-bite 0.184s cubic-bezier(0.16, 1, 0.3, 1) 0.28s both;
}
.seat-born[data-leave] [data-toast-frame] {
      animation: seat-leave 0.2s ease-in both;
}
}
@keyframes seat-rise {
from {
      opacity: 0;
      transform: translateY(8px) scale(0.96);
}
}
@keyframes seat-ride {
from {
      opacity: 0;
      transform: scale(0.4);
}
}
@keyframes seat-up {
from {
      opacity: 0;
      transform: translateY(4px);
}
}
@keyframes seat-bite {
from {
      transform: scale(0.8);
}
}
@keyframes seat-leave {
to {
      opacity: 0;
      transform: translateY(-4px) scale(0.98);
}
}

  /* UI-2234: a lane moved off an earlier one slides there on the grow's curve */
@media (prefers-reduced-motion: no-preference) {
.seat-lane {
      transition: transform 0.44s cubic-bezier(0.16, 1, 0.3, 1);
}
    /* UI-2340: the free lane stands on the AI prompt (place.js freeLane), so it rides with it as the prompt grows or a
       pane moves it, rather than jumping. A seat's lane keeps to its seat at once. */
.seat-lane[data-free] {
      transition:
        transform 0.44s cubic-bezier(0.16, 1, 0.3, 1),
        bottom 0.28s cubic-bezier(0.16, 1, 0.3, 1),
        left 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
}

  /* UI-2234: the fold mark's two rings (board .fp .face.ring): the ground, then the success */
.seat-mark__ring {
    box-shadow:
      0 0 0 2px var(--background),
      0 0 0 4px var(--success);
}
.seat-mark[data-out],
  .seat-mark__face[data-leaving] {
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
    /* the board's .swap: the new face lands (0.95 to 1) as the one under it fades, 300ms */
.seat-mark {
      transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.seat-mark__face {
      animation: seat-mark-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.seat-mark__face[data-leaving] {
      animation: seat-mark-out 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
}
    /* the rings come up and the check pops on her shoulder (board .fbadge, 200ms) */
.seat-mark__ring {
      animation: seat-mark-ring 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.seat-mark__badge {
      animation: seat-mark-pop 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}
}
@keyframes seat-mark-in {
from {
      opacity: 0;
      transform: scale(0.95);
}
}
@keyframes seat-mark-out {
from {
      opacity: 1;
}
to {
      opacity: 0;
}
}
@keyframes seat-mark-ring {
from {
      opacity: 0;
}
}
@keyframes seat-mark-pop {
from {
      opacity: 0;
      transform: scale(0.5);
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.alert-toast{flex-direction:column;display:flex}:where(.alert-toast>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.alert-toast{border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;overflow:hidden}.alert-toast:where(.dark,.dark *),:where(.alert-toast.info>:not(:last-child)){border-color:var(--border)}.alert-toast.info{background-color:var(--background)}.alert-toast.info .step-label{color:var(--muted-foreground)}.alert-toast.info .footer{background-color:var(--card);color:var(--muted-foreground)}:where(.alert-toast.success>:not(:last-child)){border-color:var(--color-green-400,oklch(79.2% .209 151.711))}.alert-toast.success{border-color:var(--color-green-400,oklch(79.2% .209 151.711));background-color:var(--color-green-500,oklch(72.3% .219 149.579));color:var(--color-white,#fff);--tw-shadow-color:oklch(87.1% .15 154.449)}@supports (color:color-mix(in lab, red, red)){.alert-toast.success{--tw-shadow-color:color-mix(in oklab, var(--color-green-300,oklch(87.1% .15 154.449)) var(--tw-shadow-alpha), transparent)}}.alert-toast.success .footer,.alert-toast.success .progress-step{background-color:var(--color-green-600,oklch(62.7% .194 149.214))}:where(.alert-toast.error>:not(:last-child)){border-color:var(--color-red-500,oklch(63.7% .237 25.331))}.alert-toast.error{border-color:var(--color-red-500,oklch(63.7% .237 25.331));background-color:var(--color-red-500,oklch(63.7% .237 25.331));color:var(--color-white,#fff);--tw-shadow-color:oklch(70.4% .191 22.216)}@supports (color:color-mix(in lab, red, red)){.alert-toast.error{--tw-shadow-color:color-mix(in oklab, var(--color-red-400,oklch(70.4% .191 22.216)) var(--tw-shadow-alpha), transparent)}}.alert-toast.error .footer,.alert-toast.error .progress-step{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}.alert-toast .step-label{align-items:center;gap:calc(var(--spacing,.25rem) * 4);display:flex}.alert-toast .footer{padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));justify-content:space-between;align-items:center;display:flex}.alert-toast .progress-step--active{animation:1.1s ease-in-out infinite progress-step-pulse;background-color:var(--color-green-500,oklch(72.3% .219 149.579))!important}@keyframes progress-step-pulse{0%,to{opacity:.4}50%{opacity:.9}}.alert-toast .spin{background-color:var(--foreground)!important}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.alert-notification-toast{pointer-events:auto;width:100%;max-width:var(--container-sm,24rem);border-radius:var(--radius);background-color:var(--card);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--border)}.alert-notification-toast .alert-icon{border-radius:var(--radius-2xl,1rem);background-color:var(--muted);padding:calc(var(--spacing,.25rem) * 2);justify-items:center;display:grid}@media (hover:hover){.alert-notification-toast .alert-icon:is(:where(.group):hover *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.alert-notification-toast .alert-icon:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--background) 20%, transparent)}}}.alert-notification-toast .alert-icon:where(.dark,.dark *){background-color:var(--muted)}.alert-notification-toast .alert-icon>svg{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

.led-icon[data-v-d5762429] {
    display: block;
    fill: currentColor;
}
.led-icon__off[data-v-d5762429] {
    opacity: 0.16;
}

  /* The footer's switch (.ft-theme), smaller (Ishai: "make it smaller pls"): 24px switches with 14px LEDs, 28px
     tall, centred on the Log out row beside it. Its tones are the footer's own formulas on the dashboard's
     tokens. */
.theme-switch[data-v-8473eb40] {
    --ts-soft: color-mix(in srgb, var(--foreground) 68%, var(--popover));
    --ts-faint: color-mix(in srgb, var(--foreground) 40%, var(--popover));
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    height: 28px;
    padding: 2px;
    border-radius: 14px;
}

  /* the pill, drawn in dots: round caps on zero-length dashes are dots */
.theme-switch__frame[data-v-8473eb40] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    color: var(--ts-faint);
}
.theme-switch__frame rect[data-v-8473eb40] {
    width: calc(100% - 1.6px);
    height: calc(100% - 1.6px);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-dasharray: 0 4;
}

  /* the lit puck under the switch in use */
.theme-switch__puck[data-v-8473eb40] {
    position: absolute;
    inset-block: 2px;
    inset-inline-start: calc(2px + var(--i, 0) * 24px);
    width: 24px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--primary) 16%, transparent);
    transition: inset-inline-start 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.theme-switch__mode[data-v-8473eb40] {
    position: relative;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    outline: none;
    color: var(--ts-soft);
    transition: color 0.2s ease;
}
  /* under the pointer, or reached by the arrow keys: the menu highlights it as it does a row */
.theme-switch__mode[data-highlighted][data-v-8473eb40] {
    color: var(--foreground);
}
.theme-switch__mode[data-state='checked'][data-v-8473eb40] {
    color: var(--primary);
}
.theme-switch__mode[data-v-8473eb40]:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
.theme-switch__puck[data-v-8473eb40],
    .theme-switch__mode[data-v-8473eb40] {
      transition: none;
}
}

.vbadge[data-v-2a42223f] {
    display: inline-block;
    width: var(--vb-size);
    height: var(--vb-size);
    flex: none;
    cursor: default;
    border-radius: 9999px;
}
.vbadge svg[data-v-2a42223f] {
    display: block;
    width: 100%;
    height: 100%;
}
.vbadge__arc[data-v-2a42223f] {
    fill: none;
    stroke: var(--verify-track);
    stroke-width: 1.8;
    stroke-linecap: round;
}
.vbadge__arc--held[data-v-2a42223f] {
    stroke: var(--verify-fill);
}
.vbadge__disc[data-v-2a42223f] {
    fill: var(--verify-fill);
}
.vbadge__check[data-v-2a42223f] {
    fill: none;
    stroke: var(--verify-ink);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.vbadge[data-v-2a42223f]:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
}

.pane-item {
    --pane-item-ground: var(--card);
    --pane-item-line: color-mix(in oklab, var(--muted-foreground) 35%, var(--border));
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 44px;
    padding-block: 3px;
    padding-inline: 3px 7px;
    border-radius: 22px;
    border-color: transparent;
    background-color: transparent;
    color: var(--foreground);
    text-align: start;
    text-decoration: none;
    transition-property: background-color, border-color;
    transition-duration: 100ms;
    transition-timing-function: linear;
}
.dark .pane-item {
    --pane-item-line: color-mix(in oklab, var(--muted-foreground) 25%, var(--border));
}
.pane-item:hover {
    --pane-item-ground: var(--background);
    background-color: var(--pane-item-ground);
    border-color: var(--pane-item-line);
}
.dark .pane-item:hover {
    --pane-item-ground: var(--muted);
}
  /* the current item, after the hover so its ground stays when hovered */
.pane-item[aria-current='page'] {
    --pane-item-ground: color-mix(in oklab, var(--primary) 9%, var(--background));
    background-color: var(--pane-item-ground);
}
.dark .pane-item[aria-current='page'] {
    --pane-item-ground: color-mix(in oklab, var(--primary) 18%, var(--background));
}
.pane-item[aria-current='page']:hover {
    border-color: color-mix(in oklab, var(--primary) 45%, var(--background));
}
  /* UI-2178 (Ishai, of the expanded rail's current row: "why are these items not with a border like the collapsed
     version?"): the current item's face wears the collapsed rail's selected ring too (SidenavMenu.vue,
     .sidenav-collapsed .treeItem.selected.face-row [data-face]: round, ring-2 in xudaTint-600), so a row reads as
     selected the same way narrow or expanded */
.pane-item[aria-current='page'] [data-face] {
    border-radius: 9999px;
    box-shadow: 0 0 0 2px var(--color-xudaTint-600);
}
  /* the Item's own focus line, which the transparent border above would hide (its 3px ring stays) */
.pane-item:focus-visible {
    border-color: var(--ring);
}
.pane-item[data-shape='chip'] {
    flex: none;
    width: 150px;
    height: 44px;
}
.pane-item[data-shape='chip'] .pane-item-name,
  .pane-item[data-shape='chip'] .pane-item-sub {
    max-width: 92px;
}
.pane-item-name {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: var(--foreground);
    overflow-wrap: anywhere;
}
.pane-item[data-shape='chip'] .pane-item-name {
    line-height: 16px;
}
.pane-item[aria-current='page'] .pane-item-name {
    font-weight: 600;
    color: color-mix(in oklab, var(--primary) 65%, var(--foreground));
}
.dark .pane-item[aria-current='page'] .pane-item-name {
    color: color-mix(in oklab, var(--primary) 80%, var(--foreground));
}
.pane-item-sub {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: color-mix(in oklab, var(--foreground) 70%, var(--card));
}
.pane-item-sub[data-status] {
    color: var(--success-foreground);
}
  /* the empty item's name, in the second line's colour (muted-foreground reads under 4.5:1 at 13px) */
.pane-item[data-dashed] .pane-item-name {
    color: color-mix(in oklab, var(--foreground) 70%, var(--card));
}
  /* a mark on the face (the count, the pin, the presence dot) ringed in the item's ground, which follows the row */
.pane-item .pane-item-ring {
    box-shadow: 0 0 0 2px var(--pane-item-ground);
}
.pane-item-add {
    border: 1px dashed var(--pane-item-line);
    color: var(--muted-foreground);
}

.aab-card {
    border-color: color-mix(in srgb, var(--primary) 18%, var(--border));
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.55);
}
.dark .aab-card {
    box-shadow: 0 24px 60px -24px #000;
}
  /* Doubled class so it outranks the primitive's own data-[state=open] animate-in utility. */
.aab-card.aab-card[data-state='open'] {
    animation: aab-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.aab-card.aab-card[data-state='closed'] {
    animation: aab-out 0.16s ease-in both;
}
@keyframes aab-in {
from {
      opacity: 0;
      transform: translateY(4px) scale(0.97);
}
}
@keyframes aab-out {
to {
      opacity: 0;
      transform: scale(0.98);
}
}

  /* the band: the pictures' own backdrop (a deep navy lit from the top), a faint grid of dots over it, and the three
     pictures fanned out of the middle one as the card opens */
.aab-art {
    position: relative;
    height: 132px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
    background:
      radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1.3px) 0 0 / 10px 10px,
      radial-gradient(120% 95% at 50% 0%, color-mix(in srgb, var(--primary) 30%, #0b1024) 0%, #070914 72%);
}
.aab-shot {
    position: absolute;
    top: 50%;
    left: 50%; /* rtl-ignore: the fan is centred on the band (its transforms below) and drawn the same both ways */
    width: 132px;
    aspect-ratio: 16 / 10;
    border-radius: 10px;
    object-fit: cover;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.12),
      0 12px 26px -10px rgba(0, 0, 0, 0.75);
    user-select: none;
    animation: aab-fan 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.05s both;
}
.aab-shot--start {
    width: 120px;
    --aab-to: translate(-106%, -34%) rotate(-8deg);
}
.aab-shot--end {
    width: 120px;
    --aab-to: translate(6%, -34%) rotate(8deg);
}
.aab-shot--mid {
    z-index: 1;
    width: 160px;
    --aab-to: translate(-50%, -52%);
    animation-delay: 0s;
}
.aab-shot {
    transform: var(--aab-to);
}
@keyframes aab-fan {
from {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.9);
}
}
@media (prefers-reduced-motion: reduce) {
.aab-shot,
    .aab-card.aab-card[data-state='open'],
    .aab-card.aab-card[data-state='closed'] {
      animation: none;
}
}
.aab-brand {
    position: absolute;
    top: 9px;
    inset-inline-start: 10px;
    z-index: 2;
    width: 36px;
    height: auto;
    pointer-events: none;
    user-select: none;
}
  /* the card's own mark, the + it opens from, on the band's lower edge */
.aab-plus {
    position: absolute;
    bottom: -18px;
    inset-inline-start: 16px;
    z-index: 2;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 9999px;
    background: var(--primary);
    color: var(--primary-foreground);
    box-shadow:
      0 0 0 3px var(--popover),
      0 6px 16px -6px color-mix(in srgb, var(--primary) 70%, transparent);
}
.aab-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted-foreground);
}
.aab-dot {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    flex-shrink: 0;
    border-radius: 9999px;
    background: color-mix(in srgb, var(--primary) 16%, transparent);
    color: var(--primary);
}
.aab-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9999px;
    padding: 0.25rem;
    padding-inline-end: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--muted-foreground);
    outline: none;
    transition:
      background-color 0.15s,
      color 0.15s;
}
.aab-link:hover,
  .aab-link:focus-visible {
    background: var(--accent);
    color: var(--foreground);
}
.aab-link-chip {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: 9999px;
    border: 1px dashed var(--border);
}

  /* UI-1645: the swap between two workspaces' rows (SidenavItems.vue swapRows). Out: the rows shrink
     to 0.9 and fade where they stand. In: each comes up from 0.9, the stagger set by its place on the
     list (--rail-i, capped at 8 rows of 20ms, the timings the script keeps in OUT_MS, IN_MS,
     STAGGER_MS and STAGGER_ROWS). Not for prefers-reduced-motion. */
.rail-out > * {
    opacity: 0;
    transform: scale(0.9);
    transition:
      opacity 150ms ease-in,
      transform 150ms ease-in;
    pointer-events: none;
}
.rail-in > * {
    animation: rail-row-in 180ms ease-out both;
    animation-delay: calc(min(var(--rail-i, 0), 8) * 20ms);
}
@keyframes rail-row-in {
from {
      opacity: 0;
      transform: scale(0.9);
}
to {
      opacity: 1;
      transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.rail-out > *,
    .rail-in > * {
      animation: none;
      transition: none;
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial}}}.recent-unread-dot{pointer-events:none;inset-inline-end:calc(var(--spacing,.25rem) * -.5);top:calc(var(--spacing,.25rem) * -.5);z-index:20;width:var(--unread-dot-size);height:var(--unread-dot-size);background-color:var(--unread-dot-color);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--background);border-radius:3.40282e38px;display:block;position:absolute}@media (min-width:48rem){.group\/sidenav.sidenav-collapsed .treeItem.selected{background-color:#0000;border-color:#0000}@media (hover:hover){.group\/sidenav.sidenav-collapsed .treeItem.selected:hover{background-color:var(--muted)}.group\/sidenav.sidenav-collapsed .treeItem.selected:hover:where(.dark,.dark *){background-color:var(--card)}}.group\/sidenav.sidenav-collapsed .treeItem.selected.face-row [data-face]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-xudaTint-600,#0091ff);border-radius:3.40282e38px}.group\/sidenav.sidenav-collapsed .treeItem.face-row:hover{background-color:inherit}.group\/sidenav.sidenav-collapsed .treeItem.face-row.selected:hover{background-color:#0000}.group\/sidenav.sidenav-collapsed .treeItem.face-row:hover>div:first-child{translate:none}.group\/sidenav.sidenav-collapsed .face-row .avatar-status{bottom:1px}.group\/sidenav.sidenav-collapsed .treeItem.face-row{padding:calc(var(--spacing,.25rem) * 0)}.group\/sidenav.sidenav-collapsed .treeItem{padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 1);justify-content:center}.group\/sidenav.sidenav-collapsed .treeItem>div:first-child{justify-content:center;width:auto;overflow:visible}}.treeItem{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));border-width:1px;border-color:#0000;display:flex;position:relative}@media (hover:hover){.treeItem:hover{background-color:var(--muted);color:var(--foreground)}.treeItem:hover:where(.dark,.dark *){background-color:var(--card)}}.treeItem{background-color:inherit}.treeItem>div:first-child{align-items:center;gap:calc(var(--spacing,.25rem) * 2);text-overflow:ellipsis;white-space:nowrap;width:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex;overflow:hidden}.treeItem:hover>div:first-child{--tw-translate-x:calc(var(--spacing,.25rem) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.treeItem:hover,.treeItem.selected)>.badge{background-color:var(--color-xudaTint-600,#0091ff);color:var(--color-white,#fff)}.treeItem.selected{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);color:var(--accent-foreground)}@media (hover:hover){.treeItem.selected:hover{background-color:var(--background)}}.treeItem.selected .collapse-button,.treeItem .collapse-button{flex-shrink:0}.treeItem .collapse-button>svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));flex-shrink:0}.treeItem>.badge{background-color:var(--accent);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));white-space:nowrap;color:var(--muted-foreground);text-transform:capitalize;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;margin-inline-start:auto;margin-inline-end:calc(var(--spacing,.25rem) * .5);display:inline-block}.treeItem>.badge:where(.dark,.dark *){background-color:var(--muted);color:var(--muted-foreground)}.nestedPanel{padding-inline-start:calc(var(--spacing,.25rem) * 4);padding-inline-end:calc(var(--spacing,.25rem) * 2)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}

.mdm-rim {
    transition: opacity 0.15s;
}
.mdm-dot {
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
@media (prefers-reduced-motion: reduce) {
.mdm-rim,
    .mdm-dot {
      transition: none;
}
}

.agent-ink-filters {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}
  /* UI-2192: one rule per key, the token from shared/style.css (light and .dark) */
.agent-ink-flood--creative {
    flood-color: var(--agent-ink-creative);
}
.agent-ink-flood--marketing {
    flood-color: var(--agent-ink-marketing);
}
.agent-ink-flood--support {
    flood-color: var(--agent-ink-support);
}
.agent-ink-flood--automation {
    flood-color: var(--agent-ink-automation);
}
.agent-ink-flood--developer {
    flood-color: var(--agent-ink-developer);
}
.agent-ink-flood--data {
    flood-color: var(--agent-ink-data);
}
.agent-ink-flood--business {
    flood-color: var(--agent-ink-business);
}
.agent-ink-flood--productivity {
    flood-color: var(--agent-ink-productivity);
}
.agent-ink-flood--commerce {
    flood-color: var(--agent-ink-commerce);
}
.agent-ink-flood--industry {
    flood-color: var(--agent-ink-industry);
}
.agent-ink-flood--none {
    flood-color: var(--agent-ink-none);
}

.pane-frame-gap[data-v-77d873bc] {
    fill: var(--background);
}
  /* UI-1515: each dot of the wave flashes once, swelling as it lights and settling as it fades.
     UI-1518 ("more gentle dots effect"): a handle dot's size, half lit at most, a slight swell. */
.pane-frame-wave circle[data-v-77d873bc] {
    fill: var(--primary);
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: pane-frame-wave-77d873bc var(--wave-flash, 320ms) ease-out both;
}
  /* UI-1534: the hover's ripple in gray (the corner press's keeps the primary blue) */
.pane-frame-wave--hover circle[data-v-77d873bc] {
    fill: var(--muted-foreground);
}
  /* UI-1553: the name's dots light with the ripple and hold so it can be read. UI-1559 (Boaz, boxing
     the spelled CONTACTS: "text should be transparent"): see-through, as faint as the ripple at its
     peak and fainter while it holds (was 0.95 and 0.85, solid over the pane). */
.pane-frame-wave .pane-frame-word[data-v-77d873bc] {
    animation-name: pane-frame-word-77d873bc;
    animation-duration: var(--word-flash, 1600ms);
}
@keyframes pane-frame-word-77d873bc {
0% {
      opacity: 0;
      transform: translate(0, 0) scale(0.6);
}
12% {
      opacity: 0.42;
      transform: translate(var(--wave-dx), var(--wave-dy)) scale(1.25);
}
25% {
      opacity: 0.3;
      transform: translate(0, 0) scale(1);
}
70% {
      opacity: 0.3;
}
100% {
      opacity: 0;
      transform: translate(0, 0) scale(1);
}
}
@keyframes pane-frame-wave-77d873bc {
0% {
      opacity: 0;
      transform: translate(0, 0) scale(0.6);
}
30% {
      opacity: 0.5;
      transform: translate(var(--wave-dx), var(--wave-dy)) scale(1.2);
}
100% {
      opacity: 0;
      transform: translate(0, 0) scale(1);
}
}

  /* UI-1638: the chevron stands in for the pointer on the band it is on (PaneCursor.vue) */
[data-pane-cursor] {
    cursor: none;
}
  /* UI-1749: and on the page's bare ground in a closed pane's reach, inherited from the root as the band's is, so an
     element with a cursor of its own (a cursor-pointer row) keeps it and isOnControl still reads it as pressable
     (UI-1997: lib/paneReach.js pageControl, which also finds where that cursor starts) */
html[data-pane-reach] {
    cursor: none;
}

.rcs {
    --rcs-tone: var(--warning);
}
.rcs[data-tone='ok'] {
    --rcs-tone: var(--success);
}
  /* the card's top edge in the tone, fading toward its corners */
.rcs-line {
    background: linear-gradient(to right, transparent, var(--rcs-tone) 15%, var(--rcs-tone) 85%, transparent);
}
.rcs-tab {
    background: var(--rcs-tone);
    transition: background-color 150ms ease-out;
}
.rcs-tab:hover {
    background: color-mix(in srgb, var(--rcs-tone) 88%, black);
}

  /* MobileToolbar.vue hides itself at exactly this query; the tab at the card's top takes over at exactly the same
     point */
.rcs-rail--wide {
    display: none;
}
@media (min-width: 768px) {
.rcs-rail--wide {
      display: flex;
}
}

  /* Windows high contrast replaces the backgrounds: the tab keeps an edge */
@media (forced-colors: active) {
.rcs-tab {
      border: 1px solid ButtonText;
}
}

  /* the ring the card draws round itself (admin.vue's inner page card): --border in the light theme, white at 10%
     over the ground in the dark one, mixed here because the pocket's ring lies over the page as well */
.ccut {
    --ccut-fill: var(--card);
    --ccut-ring: var(--border);
}
.dark .ccut {
    --ccut-ring: color-mix(in srgb, var(--color-white) 10%, var(--card));
}

  /* the pocket: the ground over the card's corner, from BLEED_PX outside its two outer edges to its inner sides,
     its inner corner round */
.ccut-body {
    left: 0;
    top: 0;
    width: calc(var(--w) + var(--b));
    height: calc(var(--h) + var(--b));
    background: var(--ccut-fill);
    border-bottom-right-radius: var(--rc);
    /* UI-2908: down to the panel's top as it slides (floor) */
    transition: height var(--floor-motion);
}
  /* the ring on its two inner sides and round its corner, starting where the fillets end; none along its outer
     sides, where it opens into the gutter */
.ccut-body::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 1px var(--ccut-ring);
    clip-path: inset(calc(var(--rf) + var(--b) - 1px) -2px -2px calc(var(--rf) + var(--b) - 1px));
}

  /* where a mouth meets the card's edge: a quarter circle centred on the square's far corner, the card inside it,
     its rim the ring, the ground outside it. Its first row lies on the card's ring row (1px outside the card), so the
     card's edge line runs into the arc and on round the pocket. */
  /* UI-2967 (Ishai, of the pocket's lower corner as an item window closed: "something here and here is showing werid"): the
     circle is the box's own size (farthest-side), not --r. Under a Frame header --r jumps to the panel's radius while the
     box grows to it on the floor's slide, and a circle bigger than its box drew nothing, a hard corner until the box
     caught up. At rest the box is --r, so it draws as before. */
.ccut-fillet {
    width: var(--r);
    height: var(--r);
    background: radial-gradient(
      circle farthest-side at 100% 100%,
      transparent calc(100% - 1.5px),
      var(--ccut-ring) calc(100% - 1px),
      var(--ccut-ring) calc(100% - 0.5px),
      var(--ccut-fill) 100%
    );
}
  /* along the card's top edge, past the pocket's inner side */
.ccut-fillet--along {
    --r: var(--rf);
    left: calc(var(--w) + var(--b));
    top: calc(var(--b) - 1px);
}
  /* down the card's start edge, below the pocket's inner side. UI-2908: under a Frame header its radius is the panel's
     (--rd), so it is the panel's own corner, and it moves with the pocket's floor */
.ccut-fillet--down {
    --r: var(--rd, var(--rf));
    left: calc(var(--b) - 1px);
    top: calc(var(--h) + var(--b));
    transition: top var(--floor-motion), width var(--floor-motion), height var(--floor-motion);
}

  /* the card's box; a size container, so the tabs in the pocket can fold their names on a card too narrow for them
     (ContactTabs.vue) */
.cnotch-box {
    container: cnotch / inline-size;
}
  /* the ring the card draws round itself (admin.vue's page card): --border in the light theme, white at 10% over the
     ground in the dark one, as the corner pockets mix it (CardCutouts.vue) */
.cnotch {
    --cn-ground: var(--card);
    --cn-line: var(--border);
    /* the side and foot ground round the tabs, and the tabs' 36px row centred on the 52px header row beside it */
    --cn-gap: 5px;
    --cn-foot: 3px;
    --cn-top: calc(var(--page-head-h, 3.25rem) / 2 - 18px);
    --cn-corner: calc(16px + var(--cn-gap));
    position: absolute;
    top: calc(-1 * var(--cn-bleed));
    left: 50%; /* rtl-ignore: the pocket is drawn on the card's centre, the same both ways */
    display: flex;
    /* grows out of the card's top edge and folds back into it, in the panes' one move (admin.vue .pane-motion) */
    transform-origin: 50% 0;
    transform: translateX(-50%) scale(0.5, 0); /* rtl-ignore: centring on the card, the same both ways */
    opacity: 0;
}
.cnotch.is-open {
    transform: translateX(-50%); /* rtl-ignore: centring on the card, the same both ways */
    opacity: 1;
}
.dark .cnotch {
    --cn-line: color-mix(in srgb, var(--color-white) 10%, var(--card));
}
.cnotch-body {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: calc(var(--cn-bleed) + var(--cn-top)) var(--cn-gap) var(--cn-foot);
    background: var(--cn-ground);
    border-bottom-left-radius: var(--cn-corner);
    border-bottom-right-radius: var(--cn-corner);
}
.cnotch.is-open .cnotch-body {
    pointer-events: auto;
}
  /* the card's line round the pocket's sides and foot, from where the mouths end */
.cnotch-body::before {
    content: '';
    position: absolute;
    top: calc(var(--cn-bleed) + var(--cn-mouth));
    left: -1px; /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
    right: -1px; /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
    bottom: -1px;
    border: 1px solid var(--cn-line);
    border-top: 0;
    border-bottom-left-radius: calc(var(--cn-corner) + 1px);
    border-bottom-right-radius: calc(var(--cn-corner) + 1px);
    pointer-events: none;
}
.cnotch-slot {
    display: flex;
    min-width: 0;
}
  /* where a mouth meets the card's top line: a circle tangent to that line, the card inside it, its rim the ring, the
     ground outside it (a spread shadow, no gradient) */
.cnotch-mouth {
    position: absolute;
    top: 0;
    width: calc(var(--cn-mouth) + 1px);
    height: calc(var(--cn-mouth) + var(--cn-bleed));
    overflow: hidden;
    pointer-events: none;
}
.cnotch-mouth > i {
    position: absolute;
    top: var(--cn-bleed);
    width: calc(2 * var(--cn-mouth) - 2px);
    height: calc(2 * var(--cn-mouth) - 2px);
    border-radius: 9999px;
    box-shadow:
      0 0 0 1px var(--cn-line),
      0 0 0 calc(2 * var(--cn-mouth) + var(--cn-bleed)) var(--cn-ground);
}
.cnotch-mouth--l {
    right: calc(100% - 1px); /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
}
.cnotch-mouth--l > i {
    left: calc(1px - var(--cn-mouth)); /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
}
.cnotch-mouth--r {
    left: calc(100% - 1px); /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
}
.cnotch-mouth--r > i {
    left: calc(100% + 1px - var(--cn-mouth)); /* rtl-ignore: the pocket is drawn the same both ways, a mouth on each side */
}

  /* The row keeps its middle for the pocket (UI-2282, Ishai: "it just changes the center"). While it is out the card
     carries data-notch and --notch-half (admin.vue), and the workspace bar (WorkspaceNavbar.vue) keeps 12px clear of it
     on both sides, measured from the card's centre: the row's start is padded by --page-x or the top start slot, its end
     by --row-end or the top end slot, so the centre is half the row's content box in, plus half the difference of the
     two paddings.
     The trail is held at exactly the room before the pocket (its own -ms-1.5 pulls it 6px further out, so it has those
     6px more), and its end margin spans the pocket and 12px each side of it, less the row's 6px gap (gap-1.5). What
     follows it in the row (the screen's toolbar, then the window's X) starts past the pocket whatever it holds and
     however wide the X after it is, the toolbar's own actions keeping its end (ms-auto). A cap measured back from the
     row's end could not know the X, and came up 38px short.
     The trail's list takes the cap (min-width 0, else it never narrows below its whole name and runs under the pocket),
     and its last crumb is the one that gives way, truncated by its own h1: the crumbs before it hold their size. */
[data-notch] .notch-cap-start {
    --notch-cap: calc(50% + (max(var(--row-end), var(--slot-te, 0px)) - max(var(--page-x), var(--slot-ts, 0px))) / 2 - var(--notch-half, 0px) - 6px);
    flex-shrink: 0;
    min-inline-size: var(--notch-cap);
    max-inline-size: var(--notch-cap);
    margin-inline-end: calc(2 * var(--notch-half, 0px) + 18px);
}
[data-notch] .notch-cap-start > ol {
    min-width: 0;
}
[data-notch] .notch-cap-start > ol > li {
    flex-shrink: 0;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.x-mobile-toolbar{min-height:calc(var(--spacing,.25rem) * 14);align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);flex-shrink:0;display:flex}@media (min-width:768px){.x-mobile-toolbar{display:none}}.x-mt-btn{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.x-mt-btn:hover{background-color:var(--accent)}}.x-mt-title{min-width:calc(var(--spacing,.25rem) * 0);justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground);flex:1;display:flex}.x-mt-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);flex-shrink:0;display:flex}.x-mt-upgrade{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;flex-shrink:0;place-items:center;display:grid;position:relative}@media (hover:hover){.x-mt-upgrade:hover{opacity:.85}}.x-mt-upgrade{background:linear-gradient(135deg, var(--primary), #b07cff 55%, #ff8fc0)}@supports (color:color-mix(in lab, red, red)){.x-mt-upgrade{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 12%, var(--background)), color-mix(in oklch, #b07cff 13%, var(--background)) 55%, color-mix(in oklch, #ff8fc0 16%, var(--background)))}}.x-mt-upgrade--low{isolation:isolate;--ws-cta-halo:var(--color-red-500)}.x-mt-upgrade--low:after,.x-mt-upgrade--low:before{content:"";z-index:-1;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.x-mt-upgrade--low:after{animation:1.8s ease-in-out infinite x-mt-upgrade-glow}.x-mt-upgrade--low:before{animation:1.8s cubic-bezier(.4,0,.6,1) infinite x-mt-upgrade-ping}@keyframes x-mt-upgrade-glow{0%,to{box-shadow:0 0 6px 0 color-mix(in srgb, var(--ws-cta-halo) 14%, transparent)}50%{box-shadow:0 0 14px 2px color-mix(in srgb, var(--ws-cta-halo) 32%, transparent)}}@keyframes x-mt-upgrade-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ws-cta-halo) 40%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.x-mt-upgrade--low:before{box-shadow:0 0 0 2px var(--ws-cta-halo);animation:none}@supports (color:color-mix(in lab, red, red)){.x-mt-upgrade--low:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--ws-cta-halo) 40%, transparent)}}.x-mt-upgrade--low:after{box-shadow:0 0 12px 2px var(--ws-cta-halo);animation:none}@supports (color:color-mix(in lab, red, red)){.x-mt-upgrade--low:after{box-shadow:0 0 12px 2px color-mix(in srgb, var(--ws-cta-halo) 22%, transparent)}}}.tb-morph-enter-active,.tb-morph-leave-active{transition:opacity .2s,transform .2s}.tb-morph-enter-from{opacity:0;transform:translateY(6px)}.tb-morph-leave-to{opacity:0;transform:translateY(-6px)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme .splitpanes--dragging{-webkit-user-select:none;user-select:none;pointer-events:none}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.xterm{height:100%}.vue-command__query__input{border-style:var(--tw-border-style);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.customHorizontalSlitter>.splitpanes__splitter{pointer-events:auto;z-index:40;height:16px;margin-bottom:-16px;position:relative;background:0 0!important}.customHorizontalSlitter>.splitpanes__splitter:after,.customHorizontalSlitter>.splitpanes__pane>.splitpanes>.splitpanes__splitter{display:none}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-a6acb295],[data-v-a6acb295]:before,[data-v-a6acb295]:after,[data-v-a6acb295]::backdrop{--tw-border-style:solid}}}.tab-back[data-v-a6acb295]{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tab-back[data-v-a6acb295]{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.tab-back[data-v-a6acb295]{color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.tab-back[data-v-a6acb295]:hover{background-color:var(--accent);color:var(--foreground)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

  /* UI-2908: on a page inside a module whose bar rides the Frame header the module's title is not drawn (itemPage), so the
     page's first crumb, sent into the trail with a separator before it for that title, leads with none */
  /* UI-3029 (Ishai, a new AI chat's row opening on a bare chevron): in whichever slot leads, the module's crumbs when it
     sent some, else the page's title (an open chat's face and name), never only the crumbs slot */
.proj-nav[data-item-page='crumbs'] [data-row-slot='crumbs'] > ol > [data-slot='breadcrumb-separator']:first-child,
  .proj-nav[data-item-page='page'] [data-row-slot='page'] > ol > [data-slot='breadcrumb-separator']:first-child {
    display: none;
}
  /* UI-3135 (Drive walk, a shared workspace's Drive: two Settings gears, the module's wrapping onto a third row): the
     workspace gear (Advanced) stays in this bar only on a workspace the crumb's dropdown does not list (visibleActions,
     UI-1324). A module whose own header carries its Settings (an element marked data-head-settings in the toolbar this
     bar holds, Drive's since UI-3134) is that page's one Settings, so the bar's gear steps aside there, and the actions nav
     with it when the gear was all it held. The workspace's Advanced is not lost: that header's Settings carries it, by
     the same rule as this bar (DriveShell workspaceGearTo: a menu of the module's settings and the workspace's).
     A style over the toolbar this bar hosts, since that toolbar is teleported in and shares no component tree with it. */
.proj-nav:has([data-head-settings]) [data-bar-action='advanced'],
  .proj-nav:has([data-head-settings]) [data-bar-actions]:not(:has(> [data-bar-action]:not([data-bar-action='advanced']))) {
    display: none;
}

  /* UI-2016 (review: the Logs tab's #buttons always draw its display:contents spans, empty on the Diagnostic and SSH
     access pages and before an entry's log loads, so a bar hidden only when it had no element at all showed as a bare
     8px gap): hidden while nothing in it is more than a display:contents holder. Vue's teleport anchors are text nodes
     and do not count either. */
.admin-tabs-group:not(:has(:not(.contents))) {
    display: none;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.mca[data-v-64579738]{pointer-events:none;bottom:calc(var(--spacing,.25rem) * 0);z-index:-1;--mca-cx:100%;width:min(42rem,60%);height:min(28rem,65%);-webkit-mask-image:radial-gradient(100% 100% at var(--mca-cx) 100%, black 0%, black 28%, transparent 80%);-webkit-mask-image:radial-gradient(100% 100% at var(--mca-cx) 100%, black 0%, black 28%, transparent 80%);-webkit-mask-image:radial-gradient(100% 100% at var(--mca-cx) 100%, black 0%, black 28%, transparent 80%);mask-image:radial-gradient(100% 100% at var(--mca-cx) 100%, black 0%, black 28%, transparent 80%);transition:opacity .35s;position:absolute;inset-inline-end:0;overflow:hidden}.mca.is-covered[data-v-64579738]{opacity:0}@media (prefers-reduced-motion:reduce){.mca[data-v-64579738]{transition:none}}.mca[data-v-64579738]:dir(rtl){--mca-cx:0%}.mca-glow[data-v-64579738]{inset:calc(var(--spacing,.25rem) * 0);--mca-gx2:62%;background:radial-gradient(75% 85% at var(--mca-cx) 100%, var(--a), transparent 70%), radial-gradient(55% 65% at var(--mca-gx2) 88%, var(--a2), transparent 72%);position:absolute}@supports (color:color-mix(in lab, red, red)){.mca-glow[data-v-64579738]{background:radial-gradient(75% 85% at var(--mca-cx) 100%, color-mix(in srgb, var(--a) 30%, transparent), transparent 70%), radial-gradient(55% 65% at var(--mca-gx2) 88%, color-mix(in srgb, var(--a2) 18%, transparent), transparent 72%)}}.mca-glow[data-v-64579738]:dir(rtl){--mca-gx2:38%}@supports not selector(:dir(rtl)){[dir=rtl] .mca[data-v-64579738]{--mca-cx:0%}[dir=rtl] .mca-glow[data-v-64579738]{--mca-gx2:38%}}.mca-dither[data-v-64579738]{inset:calc(var(--spacing,.25rem) * 0);opacity:.4;position:absolute}.mca-dither[data-v-64579738]:where(.dark,.dark *){opacity:.34}.mca-dither[data-v-64579738]{-webkit-mask-image:radial-gradient(90% 95% at var(--mca-cx) 100%, black 8%, transparent 78%);-webkit-mask-image:radial-gradient(90% 95% at var(--mca-cx) 100%, black 8%, transparent 78%);-webkit-mask-image:radial-gradient(90% 95% at var(--mca-cx) 100%, black 8%, transparent 78%);mask-image:radial-gradient(90% 95% at var(--mca-cx) 100%, black 8%, transparent 78%)}body:has([data-slot=dialog-overlay]) .mca-dither[data-v-64579738],[data-aria-hidden=true] .mca-dither[data-v-64579738]{display:none}.mca-mark[data-v-64579738]{bottom:var(--page-end);width:14rem;height:14rem;color:var(--a);opacity:.07;position:absolute;inset-inline-end:max(var(--page-x), var(--slot-be,0px))}.mca-mark.is-logo[data-v-64579738]{opacity:.05}@media (max-width:767.98px){.mca[data-v-64579738]{display:none}}

  /* UI-2374: with the box laid over the page's foot, the box IS the foot's pocket, across the whole width, so every foot
     that keeps clear of the corner pockets (pb-page-end, foot-start, foot-end) keeps clear of the box the same way (and
     UI-2194: none of the corner pockets' room, which the box clears; put away into the corner, the page has it back) */
.module-page--under-box[data-v-7a10a083] {
    --slot-foot-room: var(--chat-box-h, 0px);
    --slot-foot-start: var(--chat-box-h, 0px);
    --slot-foot-end: var(--chat-box-h, 0px);
}

  /* the band either side of the prompt card has no ground, so it passes the pointer and the wheel to the page under it;
     the card takes them back in AiChat (ai-chat--over-page, set by ModuleChatBox) */
.module-chat-box--over[data-v-7a10a083] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 20;
    pointer-events: none;
}

.cmesh-layer-enter-active,
  .cmesh-layer-leave-active {
    transition: opacity 0.18s ease;
}
.cmesh-layer-enter-from,
  .cmesh-layer-leave-to {
    opacity: 0;
}
  /* UI-2159: the X, clear of the top end pocket as a frame-head row's end is (shared/style.css) */
.cmesh-close {
    inset-inline-end: max(var(--row-end), var(--slot-te, 0px));
    top: calc((var(--page-head-h) - 2rem) / 2);
}
  /* the content shows under its dots as they land; while they fly it waits, still, so the dots land where it stands */
.cmesh-layer > * {
    transition: opacity 0.22s ease;
}
.cmesh-layer.is-dotting > * {
    opacity: 0;
    transition: none;
}
@media (prefers-reduced-motion: reduce) {
.cmesh-layer-enter-active,
    .cmesh-layer-leave-active,
    .cmesh-layer > * {
      transition: none;
}
}

  /* a chat with an agent sends its trail after the list's title (AiChat agentCrumb), which this row has none of: no
     separator before the first crumb */
.item-window-title > [data-slot='breadcrumb-separator']:first-child {
    display: none;
}
.item-window-enter-active,
  .item-window-leave-active {
    transition: opacity 0.18s ease;
}
.item-window-enter-from,
  .item-window-leave-to {
    opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.item-window-enter-active,
    .item-window-leave-active {
      transition: none;
}
}

  /* UI-2646: the face's shape still picks the window's width (a portrait face narrows it); UI-2654: the frame itself fills
     the stage, so its height is the window's */
.assistant-stage__video {
    max-width: none;
}
  /* the speaking ring: a solid line round the face that breathes while the Assistant speaks (no glow, no gradient) */
.assistant-stage__ring {
    position: absolute;
    inset: -6px;
    border-radius: 9999px;
    border: 2px solid color-mix(in oklab, var(--primary) 70%, transparent);
    opacity: 0;
    transform: scale(0.96);
    transition:
      opacity 200ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.assistant-stage__face[data-speaking] .assistant-stage__ring {
    opacity: 1;
    transform: scale(1);
    animation: assistant-stage-breathe 1.2s ease-in-out infinite;
}
@keyframes assistant-stage-breathe {
50% {
      transform: scale(1.06);
}
}
@media (prefers-reduced-motion: reduce) {
.assistant-stage__face[data-speaking] .assistant-stage__ring {
      animation: none;
}
}

  /* UI-2642 (Boaz: "revert the transparent"): UI-2613's 80% surfaces are gone, the window is the pocket design's own solid
     rim, pockets and panel again */
  /* UI-2639: in Video the thread folds away, still mounted, so a typed answer keeps streaming into it for Chat */
.assistant-popup [data-assistant-window][data-thread-collapsed] .ai-message-container,
  .assistant-popup [data-assistant-window][data-thread-collapsed] .onboarding-card {
    display: none;
}
  /* UI-2654: the chat here is the composer alone (its thread folded away), so it is as tall as the composer and the call
     takes the rest of the fixed window; .ai-chat's own rule is a full height */
.assistant-popup [data-assistant-window][data-thread-collapsed] .ai-chat.ai-chat--pane {
    height: auto;
}
  /* UI-2671: in Chat the thread is the room above the composer, in the same fixed window */
.assistant-popup [data-assistant-window][data-mode='chat'] .ai-chat.ai-chat--pane {
    flex: 1 1 0%;
    min-height: 0;
}
  /* UI-2671: the Chat, Voice and Video tab rises from the composer's top edge. UI-2695 (Boaz, a red line drawn along the
     box's top, up round the tab and down again, beside the UI-2671 sketch: "fix the outline"): one outline, the box's. The
     tab wears the panel's own 1px line and ground (the Frame's --frame-panel-border-color and --frame-panel-bg, which are
     --color-border and --color-background) on its top and sides, sits 1px down over the panel's top line (the slot's
     -mb-px), so its ground hides that line under it, and a curved corner at each foot turns the panel's line up into the
     tab's side: a folder tab on the box. */
.assistant-popup .ai-prompt-full__tab .assistant-mode-tab {
    --tab-line: var(--color-border);
    --tab-ground: var(--color-background);
    --tab-flare: 14px;
    background: var(--tab-ground);
    border: 1px solid var(--tab-line);
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    padding: 4px 6px;
}
.assistant-popup .ai-prompt-full__tab .assistant-mode-tab::before,
  .assistant-popup .ai-prompt-full__tab .assistant-mode-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: var(--tab-flare);
    height: var(--tab-flare);
    pointer-events: none;
}
  /* each corner: a quarter ring of the line round the outside, the ground inside it, clear beyond */
.assistant-popup .ai-prompt-full__tab .assistant-mode-tab::before {
    right: 100%; /* rtl-ignore: physical on purpose, this curve is drawn for the tab's left corner (circle at 0 0) */
    background: radial-gradient(circle at 0 0, transparent calc(var(--tab-flare) - 1.5px), var(--tab-line) calc(var(--tab-flare) - 1px), var(--tab-line) calc(var(--tab-flare) - 0.5px), var(--tab-ground) var(--tab-flare));
}
.assistant-popup .ai-prompt-full__tab .assistant-mode-tab::after {
    left: 100%; /* rtl-ignore: physical on purpose, this curve is drawn for the tab's right corner (circle at 100% 0) */
    background: radial-gradient(circle at 100% 0, transparent calc(var(--tab-flare) - 1.5px), var(--tab-line) calc(var(--tab-flare) - 1px), var(--tab-line) calc(var(--tab-flare) - 0.5px), var(--tab-ground) var(--tab-flare));
}
  /* UI-2703 (Boaz, arrows from the strips beside the Chat, Voice and Video tab down to the box's top line: "you can strach
     behide the buttons"): in Video the face runs down behind the tab to the box's top line. The tab's row leaves the flow and
     stands on the box (bottom: 100% of the box's own wrapper, 1px over its line as before), over the video; the caption, and
     whatever the call says under the face (data-foot), keep clear of it by the tab's measured height. */
.assistant-popup [data-assistant-window][data-mode='video'] .ai-prompt-full__tab {
    position: absolute;
    inset-inline: 0;
    bottom: 100%;
}
.assistant-popup [data-assistant-window][data-mode='video'] .assistant-stage__caption {
    bottom: calc(1rem + var(--assistant-box-h, 0px) + var(--assistant-tab-h, 0px));
}
.assistant-popup [data-assistant-window][data-mode='video'] .assistant-stage[data-foot] {
    padding-bottom: calc(1rem + var(--assistant-box-h, 0px) + var(--assistant-tab-h, 0px));
}
  /* UI-2760 (Boaz, an arrow from Maya's face down into the chat box: "do the whole black area 40% transparent"): in Video the
     face runs on down behind the chat box too. The stage leaves the flow and spans the whole panel; the box stands at its
     foot over it, its grounds (the panel, the pockets, the tab) see-through, so the face shows through; the caption and the
     call's words keep clear of the box and the tab by their measured heights (watchTab). UI-2765 (Boaz, after 60% "its too
     transparent" and then 80%: "more transparent 80% but on hover make less 10%"): 20% opaque, and 90% while the pointer is
     on the box or the keyboard is in it, eased (a registered property, so it can). UI-2813 (Boaz: "transparency to 20% when
     the window is active (for video)"): 80% opaque while active */
@property --assistant-box-opacity {
    syntax: '<percentage>';
    inherits: true;
    initial-value: 20%;
}
.assistant-popup [data-assistant-window][data-mode='video'] {
    --assistant-box-opacity: 20%;
}
.assistant-popup [data-assistant-window][data-mode='video'] .assistant-stage {
    position: absolute;
    inset: 0;
}
.assistant-popup [data-assistant-window][data-mode='video'] .ai-chat.ai-chat--pane {
    position: relative;
    z-index: 1;
    margin-top: auto;
    background: transparent;
    transition: --assistant-box-opacity 0.2s ease;
}
.assistant-popup [data-assistant-window][data-mode='video'] .ai-chat.ai-chat--pane:hover,
  .assistant-popup [data-assistant-window][data-mode='video'] .ai-chat.ai-chat--pane:focus-within {
    --assistant-box-opacity: 80%;
}
@media (prefers-reduced-motion: reduce) {
.assistant-popup [data-assistant-window][data-mode='video'] .ai-chat.ai-chat--pane {
      transition: none;
}
}
.assistant-popup [data-assistant-window][data-mode='video'] .assistant-panel .ai-prompt-full__shell {
    --frame-panel-bg: color-mix(in oklab, var(--color-card) var(--assistant-box-opacity), transparent);
    --frame-pocket-ground: color-mix(in oklab, var(--popover) var(--assistant-box-opacity), transparent);
}
  /* UI-2761 (Boaz, the box's text row boxed over the video: "reduce height to allow one row"): in Video the box is one line
     tall before anything is typed (UI-2351 made it two), the field growing as text comes as it always did. UI-2813 (Boaz,
     the box boxed in Chat and in Voice: "single line chat like the video"): in every mode */
.assistant-popup [data-assistant-window] .assistant-panel .ai-prompt-full__panel {
    min-height: 0;
}
.assistant-popup [data-assistant-window] .assistant-panel .ai-prompt-full__textarea {
    min-height: 1.625rem;
}
.assistant-popup [data-assistant-window][data-mode='video'] .ai-prompt-full__tab .assistant-mode-tab {
    --tab-ground: color-mix(in oklab, var(--color-background) var(--assistant-box-opacity), transparent);
}
  /* the files in the title bar: rounds of their picture or mark, the name on a hover, the X on the round's corner */
.assistant-attachments .ai-attachment-list {
    flex-wrap: nowrap;
    gap: 0.375rem;
}
.assistant-attachments .ai-attachment-chip {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: 9999px;
    max-width: none;
    overflow: visible;
    flex-shrink: 0;
}
.assistant-attachments .ai-attachment-chip__thumb {
    width: 100%;
    height: 100%;
    border-radius: 9999px;
}
.assistant-attachments .ai-attachment-chip__info {
    display: none;
}
  /* UI-2650 (Boaz, boxing the questions panel under a call: "never expand the window instead slide over from top"): the
     clarifying questions ride over the call from the window's top, clear of the composer, scrolling inside themselves;
     the window keeps its size. Not tucked behind the composer as in a chat (no --qa-tuck), since it is not next to it. */
.assistant-questions-slot .questions-artifact--docked {
    --qa-tuck: 0.75rem;
    width: auto;
    max-width: none;
    margin: 0;
    max-height: 100%;
    overflow-y: auto;
    pointer-events: auto;
    animation: assistant-questions-in 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes assistant-questions-in {
from {
      opacity: 0;
      transform: translateY(-1.5rem);
}
}
@media (prefers-reduced-motion: reduce) {
.assistant-questions-slot .questions-artifact--docked {
      animation: none;
}
}
  /* a moved window keeps the width it is given: the Popup writes its column's max width back on every redraw */
  /* UI-2666 drew the title row as a bar of the window's own surface and gave the window a shadow, since over a live page it
     had no backdrop to stand on. UI-2910 (Ishai: "it should act like a common popup like create profile"): the Popup now
     stands a non-modal window on its own ground (the window family's backdrop cut to its column), so the title row floats
     on it and the window sits on it as Create profile's do, with no bar and no shadow of their own. */
  /* UI-2675 (Boaz: "add glare", "the glare should be outside the window", then "the glare is not on the cursor movement, its
     stable around the window"): a steady soft glow on the page all round the window, the same whatever the pointer does.
     Since UI-2910 the window's outer edge is its ground, so the glow is the ground's, outside it only (an outer shadow never
     paints under its box): the ground itself reads as the backdrop, and the glow rises, falls and fades with it. */
.assistant-popup [data-slot='popup-ground'] {
    box-shadow: 0 0 28px 2px hsl(248 70% 72% / 0.35);
}
  /* UI-2676: the composer near flush at the panel's foot, the task manager's 4px (AssistCorner) */
.assistant-popup .assistant-panel .ai-chat.ai-chat--pane .ai-prompt-full {
    --ai-prompt-x: 0.25rem;
    max-width: none;
    padding-bottom: 0.25rem;
}
  /* UI-2678 (Boaz, the task manager's chat box beside this one, arrowed across: "copy the same chat shape to ai asisst"): the
     box is its panel alone, as AssistCorner's (UI-2263, UI-2299): the Frame's outer rim (padding, border, ground) goes, the
     pockets keep their 5px gap and bite into the window's popover ground, the panel its 14px corners; no gap under the box;
     the card's 16px words */
.assistant-popup .assistant-panel .input-wrapper {
    padding-bottom: 0;
    margin-bottom: 0;
}
.assistant-popup .assistant-panel .ai-prompt-full__foot {
    margin-block-end: 0;
}
.assistant-popup .assistant-panel .ai-prompt-full__shell {
    --frame-pocket-bleed: 5px;
    --frame-pocket-gap: 5px;
    --frame-px: 0px;
    --frame-py: 0px;
    --frame-panel-radius: 14px;
    --frame-pocket-ground: var(--popover);
    border-width: 0;
    background: transparent;
}
.assistant-popup .assistant-panel .ai-prompt-full__textarea,
  .assistant-popup .assistant-panel .ai-prompt-full__placeholder {
    font-size: 1rem;
    line-height: 1.625rem;
}
  /* the title row's face, name and rounds on one centre line */
.assistant-popup [data-slot='popup-header'] {
    align-items: center;
}
.assistant-popup [data-slot='popup-column'][data-fixed] {
    max-width: none !important;
}
  /* UI-2758: the title bar's fade in Video (headerRest), its place kept */
.assistant-popup [data-slot='popup-column'] > [data-slot='popup-header'] {
    transition: opacity 0.3s ease;
}
.assistant-popup [data-slot='popup-column'][data-header-idle] > [data-slot='popup-header'] {
    opacity: 0;
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.assistant-popup [data-slot='popup-column'] > [data-slot='popup-header'] {
      transition: none;
}
}
@media (min-width: 640px) {
.assistant-popup [data-slot='popup-header'] {
      cursor: grab;
}
.assistant-popup [data-dragging],
    .assistant-popup [data-dragging] * {
      cursor: grabbing;
}
}

.wmk[data-v-2d495dea] {
    display: block;
    overflow: visible;
}
  /* forced colours: the letters whole, in the system's text colour */
@media (forced-colors: active) {
.wmk path[data-v-2d495dea] {
      fill: CanvasText;
}
}

  /* The column's own content line: a module drawn here reads --page-x for its rows (px-page, a head's frame-head), and the
     page card's value (44px, more while the corner pockets push it) is the whole page's gutter, too wide for a column
     beside it. --row-end and --tab-start are declared again with it, since a var() is read where it is declared
     (shared/style.css). The corner items' pockets stay on the page card (lib/paneFrame.js cornerSpots endRoom), never on
     this card, so a module's rows here keep no slot room for them, top or foot, and its head row starts at the pane's own
     top padding (--head-above). */
.dock-pane[data-v-d69b45e5] {
    --slot-ts: 0px;
    --slot-te: 0px;
    --slot-top-h: 0px;
    --slot-bs: 0px;
    --slot-be: 0px;
    --slot-foot-room: 0px;
    --slot-foot-start: 0px;
    --slot-foot-end: 0px;
    --page-x: 1.25rem;
    --row-end: var(--page-x);
    --tab-start: var(--page-x);
    --head-above: 0px;
}

  /* UI-1439: the plan's stage. Tokens only, the Create window's set; --ps-lit and its two
     neighbours are the plan's colour, set per plan by paint(). */
.pst {
    --ps-dot: var(--foreground);
    --ps-lit: var(--primary);
    --ps-hot: var(--primary);
    --ps-wire: var(--primary);
    --ps-muted: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
    --ps-dark: 0;
    /* it fills the box it is put in (views/plans.vue's area 3) */
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.dark .pst {
    --ps-dark: 1;
}
.pst-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.pst-tip {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 240px;
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--popover);
    color: var(--popover-foreground);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--foreground) 10%, transparent);
}
.pst-tip-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--ps-lit);
}
.pst-tip-dot.is-off {
    background: var(--muted-foreground);
}

  /* UI-1439: the plans screen. Three areas on a desk (list, specs, stage) between the rail and a
     one-line footer, nothing scrolling; stacked on a phone, where the screen scrolls. */
.pls {
    --pls-gap: 20px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(340px, 420px) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas:
      'head head head'
      'list specs stage'
      'foot foot foot';
    gap: var(--pls-gap);
    height: 100%;
    min-height: 0;
    padding: 24px 28px 16px;
    background: var(--background);
    color: var(--foreground);
}
  /* UI-1759 follow-up (Ishai, 2026-10-07, "WHERE IS THE SAFE AREA???? DID U NOT PUT IT IN A LAYOUT SO EVERYTHING GET IT ?!?!", "go over each tab!!"): as a page the screen's content starts ON the
     page's content line (--page-x, 44px with the panes open, pushed past the corner pockets, 1rem on a phone) at every width, not 28px / 16px from the card's edge, and 1rem under the card's top
     (the sheet keeps its own padding). The sheet's close button is not there on the page, so the head keeps no room for it. */
.pls.is-page {
    height: calc(100dvh - 64px);
    min-height: 600px;
    padding-inline: var(--page-x);
    padding-block-start: 1rem;
}
.pls.is-page .pls-head {
    padding-inline-end: 0;
}
  /* under a flight of dots: gone at once, back with a short fade */
.pls > * {
    transition: opacity 0.35s ease;
}
.pls.is-veiled > :not(.pls-stage),
  .pls.is-veiled-all > * {
    opacity: 0;
    transition: none;
}
.pls-checkout {
    grid-area: 1 / 1 / -1 / -1;
    min-height: 0;
    overflow: auto;
}
.pls-head {
    grid-area: head;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
    padding-inline-end: 44px; /* the sheet's close button */
}
.pls-tabs {
    height: auto;
    padding: 4px;
    border-radius: 999px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.pls-tab {
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
}
.pls-list {
    grid-area: list;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}
.pls-rows {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
}
.pls-pill {
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 0;
    opacity: 0;
    border: 1px solid color-mix(in srgb, var(--pls-on, var(--primary)) 55%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--pls-on, var(--primary)) 14%, var(--card));
    box-shadow:
      inset 3px 0 0 var(--pls-on, var(--primary)),
      0 0 0 3px color-mix(in srgb, var(--pls-on, var(--primary)) 12%, transparent),
      0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    pointer-events: none;
}
[dir='rtl'] .pls-pill {
    box-shadow:
      inset -3px 0 0 var(--pls-on, var(--primary)),
      0 0 0 3px color-mix(in srgb, var(--pls-on, var(--primary)) 12%, transparent),
      0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent);
}
.pls-row.is-on .text-muted-foreground {
    color: color-mix(in srgb, var(--foreground) 80%, transparent);
}
.pls-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 8px 12px;
    border-radius: 12px;
    text-align: start;
    transition: background-color 0.15s ease;
}
.pls-row:hover:not(.is-on) {
    background: color-mix(in srgb, var(--muted) 60%, transparent);
}
.pls-row:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: -2px;
}
.pls-row-dot {
    display: inline-block;
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 0%, transparent);
}
.pls-row.is-on .pls-row-dot {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--foreground) 8%, transparent);
}
.pls-topup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}
.pls-specs {
    grid-area: specs;
    min-height: 0;
}
.pls-specs-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 0 20px 14px;
}
.pls-specs-body.is-more {
    mask-image: linear-gradient(to bottom, #000 calc(100% - 36px), transparent);
}
.pls-specs-foot {
    padding-top: 4px;
}
.pls-label {
    margin: 12px 0 6px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted-foreground);
}
.pls-stat {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}
.pls-stat.is-hot {
    border-color: var(--pls-accent);
    background: color-mix(in srgb, var(--pls-accent) 8%, transparent);
}
.pls-first-up {
    display: inline-block;
}
.pls-first-up::first-letter {
    text-transform: uppercase;
}
.pls-feats {
    display: flex;
    flex-direction: column;
}
.pls-feat {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 6px;
    margin-inline: -6px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 18px;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.pls-feat.is-hot {
    background: color-mix(in srgb, var(--pls-accent) 9%, transparent);
}
.pls-feat-icon {
    flex: none;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: var(--pls-accent);
}
.pls-feat.is-off {
    color: var(--muted-foreground);
}
.pls-feat.is-off .pls-feat-icon {
    color: color-mix(in srgb, var(--muted-foreground) 60%, transparent);
}
.pls-feat-text {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 8px;
    justify-content: space-between;
}
.pls-feat-value {
    flex: none;
    color: var(--muted-foreground);
    text-align: end;
}
.pls-feat.is-long .pls-feat-text {
    flex-direction: column;
    gap: 2px;
}
.pls-feat.is-long .pls-feat-value {
    flex: 1 1 auto;
    text-align: start;
    font-size: 12px;
    line-height: 17px;
}
.pls-stage {
    grid-area: stage;
    position: relative;
    min-width: 0;
    min-height: 0;
    border-radius: 16px;
    overflow: hidden;
}
.pls-caption {
    position: absolute;
    inset-inline-start: 4px;
    top: 0;
    z-index: 2;
    pointer-events: none;
}
.pls-foot {
    grid-area: foot;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    font-size: 13px;
}

  /* a tablet and a phone: rail, the plans as a strip, the drawing, the specs; the screen scrolls */
@media (max-width: 1023px) {
.pls {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto auto 300px auto auto;
      grid-template-areas: 'head' 'list' 'stage' 'specs' 'foot';
      height: auto;
      min-height: 100%;
      padding: 20px 16px 16px;
}
.pls.is-page {
      height: auto;
}
.pls-rows {
      flex-direction: row;
      overflow-x: auto;
      overflow-y: visible;
}
.pls-row {
      flex: none;
      min-width: 220px;
}
.pls-pill {
      display: none;
}
.pls-row.is-on {
      border: 1px solid color-mix(in srgb, var(--pls-on, var(--primary)) 55%, transparent);
      background: color-mix(in srgb, var(--pls-on, var(--primary)) 14%, var(--card));
}
    /* stacked, every area is as tall as what it holds, and the screen scrolls */
.pls-list,
    .pls-specs {
      min-height: auto;
}
.pls-specs [data-slot='frame-panel'] {
      flex: none;
}
.pls-specs-body {
      overflow: visible;
}
.pls-specs-body.is-more {
      mask-image: none;
}
}

  /* UI-1439: the sheet this screen fills. Opening, it stands see-through and empty for the moment
     the page behind is taken as dots (views/plans.vue arrive()); it needs no dimmer, it covers the
     whole screen. */
html.pls-arriving [data-plans-sheet] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
html.pls-arriving [data-plans-sheet] > * {
    opacity: 0 !important;
    transition: none !important;
}
[data-slot='sheet-overlay']:has(+ [data-plans-sheet]) {
    background: transparent;
}

  /* UI-2103: the corner +'s ring and pill (AddAnywhere.vue aa-ring, aa-pill), in the Reminders module's own colour (moduleAccentVars --a) */
.rd-ring {
    position: fixed;
    border-radius: 14px;
    box-shadow:
      0 0 0 2px var(--rd-c),
      0 0 0 6px color-mix(in srgb, var(--rd-c) 18%, transparent);
    background: color-mix(in srgb, var(--rd-c) 6%, transparent);
    transition:
      left 0.12s ease-out,
      top 0.12s ease-out,
      width 0.12s ease-out,
      height 0.12s ease-out,
      border-radius 0.12s ease-out;
}
.rd-ring,
  .rd-pill {
    --rd-c: var(--a, var(--primary));
}
.rd-ring--round {
    border-radius: 9999px;
}
.rd-pill {
    position: fixed;
    /* clear of the copy the rail's drag draws under the pointer (about 52px tall, centred on it) */
    left: 14px; /* rtl-ignore: the pill follows the pointer, whose place is in physical window pixels (translate3d) */
    top: 34px;
    display: inline-flex;
    max-width: 280px;
    align-items: center;
    gap: 6px;
    border-radius: 9999px;
    border: 1px solid var(--border);
    background: var(--popover);
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-foreground);
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.45);
    will-change: transform;
}
.rd-pill--on {
    color: var(--foreground);
    border-color: color-mix(in srgb, var(--rd-c) 45%, var(--border));
}
@media (prefers-reduced-motion: reduce) {
.rd-ring {
      transition: none;
}
}
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.notification-controller:has(.swiper-wrapper:empty){display:none}.notif-ctl{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;place-items:center;display:grid}@media (hover:hover){.notif-ctl:hover{background-color:var(--accent);color:var(--foreground)}}.notif-ctl:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.notif-ctl:disabled{pointer-events:none;opacity:.4}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

  /* UI-3012: the notch is a panel, the page card's white (bg-background) with its hairline, hanging over the shell's grey
     ground. Drawn in the Frame's rim (--frame) it measured #fafafa beside the ground's #f9fbfc and the band's #fafafa
     (Ishai: "like all of these seem to be the same color and it looks bad"): a grey shape on the same grey has only its
     line to show it. The shell is a grey ground with white surfaces on it, so the notch is one of those surfaces. */
.top-notch[data-v-4760a7ab] {
    --notch-ground: var(--background);
    --notch-line: var(--frame-border-color, var(--border));
    --notch-mouth: 16px;
    background: var(--notch-ground);
    border-color: var(--notch-line);
}
  /* The two mouths, each in the row's padding against a side: a quarter of a circle of the dashboard's ground (its
     inside, transparent), its rim the line, the notch's ground outside it (the spread). The circle's centre is the
     mouth's foot outer corner, so the arc is tangent to the top edge where it starts and to the notch's side where it
     ends; the box covers the side's own line above that, so the line runs on round the arc with no step. Laid out from
     the padding box (the side's border is outside it), all logical, so it mirrors in RTL. */
.top-notch__mouth[data-v-4760a7ab] {
    position: absolute;
    top: 0;
    width: calc(var(--notch-mouth) + 1px);
    height: var(--notch-mouth);
    overflow: hidden;
    pointer-events: none;
}
.top-notch__mouth > i[data-v-4760a7ab] {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: calc(2 * var(--notch-mouth));
    height: calc(2 * var(--notch-mouth));
    border: 1px solid var(--notch-line);
    border-radius: 9999px;
    box-shadow: 0 0 0 calc(2 * var(--notch-mouth)) var(--notch-ground);
}
.top-notch__mouth--start[data-v-4760a7ab] {
    inset-inline-end: 100%;
}
.top-notch__mouth--start > i[data-v-4760a7ab] {
    inset-inline-start: calc(1px - var(--notch-mouth));
}
.top-notch__mouth--end[data-v-4760a7ab] {
    inset-inline-start: 100%;
}
.top-notch__mouth--end > i[data-v-4760a7ab] {
    inset-inline-end: calc(1px - var(--notch-mouth));
}
  /* UI-3012: a notice coming onto the row (the next after a dismiss, a page of the pager) settles in from just above,
     the way the notch itself came down; the item is keyed by the notice, so each one plays it once */
@media (prefers-reduced-motion: no-preference) {
.top-notch__item[data-v-4760a7ab] {
      animation: top-notch-item-in-4760a7ab 260ms cubic-bezier(0.32, 0.72, 0, 1) both;
}
}
@keyframes top-notch-item-in-4760a7ab {
from {
      opacity: 0;
      transform: translateY(-6px);
}
}

  /* UI-3012: the top notch's opening, on admin.vue's top row (and the workbench's), unscoped since the row is theirs.
     The row eases its height open while the notch slides down out of the top edge with it, one curve for both; closing
     runs the same back. The kill rule (index.css, data-motion or
     data-animations off) and reduced motion stop both, and the row then simply appears. */
.top-notch-row {
    transition: grid-template-rows 420ms cubic-bezier(0.32, 0.72, 0, 1);
}
.top-notch-row__slide {
    transform: translateY(-100%);
    transition: transform 420ms cubic-bezier(0.32, 0.72, 0, 1);
}
.top-notch-row--open .top-notch-row__slide {
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
.top-notch-row,
    .top-notch-row__slide {
      transition: none;
}
}

  /* the steps trade places: the old one lifts away, the new one rises in */
.hc-step-enter-active[data-v-ab062f32],
  .hc-step-leave-active[data-v-ab062f32] {
    transition:
      opacity 220ms ease,
      transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.hc-step-enter-from[data-v-ab062f32] {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
}
.hc-step-leave-to[data-v-ab062f32] {
    opacity: 0;
    transform: translateY(-6px);
}
.hc-fade-enter-active[data-v-ab062f32],
  .hc-fade-leave-active[data-v-ab062f32] {
    transition: opacity 150ms ease;
}
.hc-fade-enter-from[data-v-ab062f32],
  .hc-fade-leave-to[data-v-ab062f32] {
    opacity: 0;
}
  /* rows come in one after another (--hc-i, their place in the list) */
.hc-row-enter-active[data-v-ab062f32] {
    transition:
      opacity 260ms ease,
      transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: calc(var(--hc-i, 0) * 60ms);
}
.hc-row-leave-active[data-v-ab062f32] {
    transition: opacity 150ms ease;
}
.hc-row-enter-from[data-v-ab062f32] {
    opacity: 0;
    transform: translateY(8px);
}
.hc-row-leave-to[data-v-ab062f32] {
    opacity: 0;
}
.hc-row-move[data-v-ab062f32] {
    transition: transform 300ms ease;
}
  /* UI-3178: a phase leaving the Read list takes no room while it fades, so the list never stands a row taller than
     PHASES_SHOWN in the step's box (the down arrow would blink with each new phase) and the rest slide up */
[data-hc-phase].hc-row-leave-active[data-v-ab062f32] {
    position: absolute;
    inset-inline: 0;
}
.hc-pop-enter-active[data-v-ab062f32] {
    transition:
      opacity 200ms ease,
      transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.hc-pop-enter-from[data-v-ab062f32] {
    opacity: 0;
    transform: scale(0.6);
}
  /* the ring of dots round Nissim turns while he works, its inner ring the other way */
.hc-orbit[data-v-ab062f32] {
    animation: hc-turn-ab062f32 14s linear infinite;
}
.hc-orbit .hc-orbit-back[data-v-ab062f32] {
    transform-origin: 88px 88px;
    animation: hc-turn-ab062f32 9s linear infinite reverse;
}
  /* the score's ring fills to it; while no score is known its dots go round */
.hc-arc[data-v-ab062f32] {
    transition:
      stroke-dashoffset 1200ms cubic-bezier(0.2, 0.8, 0.2, 1),
      stroke 400ms ease;
}
.hc-arc-wait[data-v-ab062f32] {
    transform-origin: 88px 88px;
    animation: hc-turn-ab062f32 3s linear infinite;
}
  /* a tally's dot rings once each time its count goes up (its key is the count) */
.hc-ping[data-v-ab062f32] {
    animation: hc-ping-ab062f32 700ms ease-out 1;
}
@keyframes hc-turn-ab062f32 {
to {
      transform: rotate(360deg);
}
}
@keyframes hc-ping-ab062f32 {
0%,
    100% {
      transform: scale(1);
}
30% {
      transform: scale(1.7);
}
}
@media (prefers-reduced-motion: reduce) {
.hc-orbit[data-v-ab062f32],
    .hc-orbit .hc-orbit-back[data-v-ab062f32],
    .hc-arc-wait[data-v-ab062f32],
    .hc-ping[data-v-ab062f32] {
      animation: none;
}
.hc-arc[data-v-ab062f32] {
      transition: none;
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f11cc9f1],[data-v-f11cc9f1]:before,[data-v-f11cc9f1]:after,[data-v-f11cc9f1]::backdrop{--tw-duration:initial;--tw-ease:initial}}}[data-card-grip][data-v-f11cc9f1]{cursor:grab}.wa-chip[data-v-f11cc9f1]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));transform-origin:top;border-radius:3.40282e38px;place-items:center;display:grid;position:relative}.wa-chip[data-v-f11cc9f1]:hover,.wa-chip[data-v-f11cc9f1]:focus-visible{z-index:10;transform:scale(1.45)}.wa-ring[data-v-f11cc9f1]{pointer-events:none;inset:calc(var(--spacing,.25rem) * -.5);border:1.5px solid var(--color-primary);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab, red, red)){.wa-ring[data-v-f11cc9f1]{border:1.5px solid color-mix(in oklab, var(--color-primary) 70%, transparent)}}.wa-ring[data-v-f11cc9f1]{animation:1.8s ease-in-out infinite wa-breathe-f11cc9f1}.wa-dot[data-v-f11cc9f1]{width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--primary);border-radius:3.40282e38px;animation:1.4s ease-in-out infinite wa-breathe-f11cc9f1}@keyframes wa-breathe-f11cc9f1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.wa-ring[data-v-f11cc9f1],.wa-dot[data-v-f11cc9f1]{animation:none}.wa-chip[data-v-f11cc9f1]:hover,.wa-chip[data-v-f11cc9f1]:focus-visible{transform:none}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.create-app-chat .ai-chat .input-wrapper{opacity:1!important;height:auto!important;transform:none!important}.create-app-chat .ai-chat .input-wrapper>div.text-3xl,.create-app-chat .ai-chat .input-wrapper>.text-center.text-3xl{display:none!important}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.flagIcon svg{height:auto;width:calc(var(--spacing,.25rem) * 6);border-radius:calc(var(--radius) - 4px);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--border)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

  /* Buttery glide, critically-damped ease (no overshoot); position + self-offset
     share it so the thumb never drifts outside the track mid-glide. */
.rs-fill[data-v-49718428] {
    transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.rs-thumb[data-v-49718428] {
    transition: left 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
  /* Bouncy grab, a little scaleY overshoot, only on the inner bar. */
.rs-bar[data-v-49718428] {
    transform: scaleY(1);
    transform-origin: center;
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rs-bar--active[data-v-49718428] {
    transform: scaleY(1.35);
}
@media (prefers-reduced-motion: reduce) {
.rs-fill[data-v-49718428],
    .rs-thumb[data-v-49718428],
    .rs-bar[data-v-49718428] {
      transition: none;
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.osImage svg,.osImage img{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);object-fit:contain;margin-inline:auto}

.rm-wrap[data-v-ad1bba74] {
    position: relative;
    width: 100%;
    height: 100%;
}
.rm-map[data-v-ad1bba74] {
    width: 100%;
    height: 100%;
}
.rm-map[data-v-ad1bba74] svg {
    width: 100%;
    height: 100%;
}

.continent-outline[data-v-7fb30a98] {
    display: block;
    width: 100%;
    height: 100%;
}

  /* Fade the world map toward all four edges so it dissolves into the card
     instead of hard-cutting at the container bounds. Two gradients (vertical +
     horizontal) intersected = a soft frame on every side. */
.region-map-hero[data-v-e498d00c] {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent), linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent), linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}
.he-tree .tree-node{
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}
.he-tree--hidden{
  display: none;
}
.he-tree--rtl{
  direction: rtl;
}
.he-tree .tree-placeholder{
}
.he-tree .tree-placeholder-node{
  background: #ddf2f9;
  border: 1px dashed #00d9ff;
  height: 20px;
}
.he-tree .dragging .tree-node-back:hover{
  background-color: inherit;
}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.color-input .box{border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);border-radius:3.40282e38px;height:calc(var(--spacing,.25rem) * 8)!important;width:calc(var(--spacing,.25rem) * 8)!important}.color-input .box.active,.color-input .box.active:where(.dark,.dark *){border-color:var(--border);background-color:var(--muted)}.color-input .box .transparent{background-color:#0000!important}.he-tree .tree-node{border:none;padding:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.step-container{border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing,.25rem) * 5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
.v-ng-selection-box{shape-rendering:crispEdges}.v-ng-background-grid{pointer-events:none}.v-ng-line-background.selectable{cursor:pointer}.v-ng-edge{transition:stroke .1s linear,stroke-width .1s linear;pointer-events:none}.v-ng-line-summarized.selectable{cursor:pointer}.v-ng-edge-labels .v-ng-text,.v-ng-edge-labels .v-ng-text-background,.v-ng-node-focusring{pointer-events:none}:where(.v-ng-shape-circle){transition:r .1s linear}:where(.v-ng-shape-rect){transition:x .1s linear,y .1s linear,width .1s linear,height .1s linear}:where(.dragging .v-ng-shape-circle),:where(.dragging .v-ng-shape-rect){transition:none}.v-ng-node :where(.v-ng-shape-circle){transition:fill .1s linear,stroke .1s linear,stroke-width .1s linear,r .1s linear}.v-ng-node :where(.v-ng-shape-rect){transition:fill .1s linear,stroke .1s linear,stroke-width .1s linear,x .1s linear,y .1s linear,width .1s linear,height .1s linear}.v-ng-node :where(.v-ng-node-default.v-ng-shape-circle){pointer-events:none}.v-ng-node :where(.v-ng-node-default.v-ng-shape-rect){pointer-events:none}.v-ng-node .draggable,.v-ng-node .selectable{pointer-events:all;cursor:pointer}:where(.v-ng-node-label)>:where(*){cursor:default;user-select:none;transition:transform .1s linear}:where(.v-ng-node-label) .draggable,:where(.v-ng-node-label) .selectable{pointer-events:all;cursor:pointer}.v-path{pointer-events:none;transition:stroke .1s linear,stroke-width .1s linear}.v-path.clickable{pointer-events:stroke;cursor:pointer}.v-path.hoverable{pointer-events:stroke}:where(.v-ng-container){width:100%;height:100%}.v-ng-container{padding:0;position:relative;user-select:none}.v-ng-canvas{-webkit-tap-highlight-color:transparent;width:100%;height:100%;opacity:0}.v-ng-canvas.show{opacity:1;transition:opacity .5s linear}.v-ng-canvas.dragging *{cursor:grabbing!important}.v-ng-canvas.dragging .v-ng-line{transition:d 0s}.v-ng-canvas.touches{touch-action:none}.v-ng-canvas.box-selection-mode,.v-ng-canvas.box-selection-mode *{cursor:crosshair!important}.v-ng-canvas:not(.show) .v-ng-node,.v-ng-canvas:not(.show) .v-ng-node-label,.v-ng-canvas:not(.show) .v-ng-node-focusring,.v-ng-canvas:not(.show) .v-ng-edge,.v-ng-canvas:not(.show) .v-ng-edge-label,.v-ng-canvas:not(.show) .v-ng-path{transition:none}.v-ng-canvas:not(.show) .v-ng-node>*,.v-ng-canvas:not(.show) .v-ng-node-label>*,.v-ng-canvas:not(.show) .v-ng-node-focusring>*,.v-ng-canvas:not(.show) .v-ng-edge>*,.v-ng-canvas:not(.show) .v-ng-edge-label>*,.v-ng-canvas:not(.show) .v-ng-path>*{transition:none}.v-ng-viewport.v-ng-transition{--transition-duration: .3s;--transition-function: linear}.v-ng-viewport.v-ng-transition .v-ng-node,.v-ng-viewport.v-ng-transition .v-ng-node-label,.v-ng-viewport.v-ng-transition .v-ng-node-focusring,.v-ng-viewport.v-ng-transition .v-ng-edge,.v-ng-viewport.v-ng-transition .v-ng-edge-label,.v-ng-viewport.v-ng-transition .v-ng-path{transition:all var(--transition-duration) var(--transition-function)}.v-ng-viewport.v-ng-transition .v-ng-node>*,.v-ng-viewport.v-ng-transition .v-ng-node-label>*,.v-ng-viewport.v-ng-transition .v-ng-node-focusring>*,.v-ng-viewport.v-ng-transition .v-ng-edge>*,.v-ng-viewport.v-ng-transition .v-ng-edge-label>*,.v-ng-viewport.v-ng-transition .v-ng-path>*{transition:all var(--transition-duration) var(--transition-function)}.v-ng-line.animate,.v-ng-path.animate{--animation-speed: 100;animation:v-ng-dash 10s linear infinite;stroke-dashoffset:var(--animation-speed)}@keyframes v-ng-dash{to{stroke-dashoffset:0}}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.flagIcon svg{height:auto;width:calc(var(--spacing,.25rem) * 6);border-radius:calc(var(--radius) - 4px);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--border)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.flagIcon svg{height:auto;width:calc(var(--spacing,.25rem) * 6);border-radius:calc(var(--radius) - 4px);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--border)}.osImage svg,.osImage img{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);object-fit:contain;margin-inline:auto}.appIcon svg,.appIcon img{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);object-fit:contain;margin-inline:auto}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

.autoplay-progress {
    position: absolute;
    inset-inline-end: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}
.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    inset-inline-start: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

@keyframes v-ng-dash {
to {
      stroke-dashoffset: 0;
}
}
.animate-sync {
    --animation-speed: 400;
    animation: v-ng-dash 10s linear infinite;
    stroke-dashoffset: var(--animation-speed);
}

.dg-wrap[data-v-98582575] {
    position: relative;
    width: 100%;
    height: 100%;
    touch-action: none;
    cursor: grab;
}
.dg-wrap[data-v-98582575]:active {
    cursor: grabbing;
}
.dg-canvas[data-v-98582575] {
    position: absolute;
    inset: 0;
    margin: auto;
    contain: layout paint size;
}

  /* Deploy arcs overlay. pathLength=1 normalises the line so stroke-dashoffset
     reveals it 0→1 regardless of its (per-frame changing) length. */
.dg-arcs[data-v-98582575] {
    position: absolute;
    inset: 0;
    overflow: visible;
    pointer-events: none;
    color: rgba(12, 14, 20, 0.5);
}
.dg-arcs.dark[data-v-98582575] {
    color: rgba(255, 255, 255, 0.5);
}
.dg-arc[data-v-98582575] {
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-dasharray: 1 1;
    vector-effect: non-scaling-stroke;
    transition: opacity 0.3s ease;
}

  /* Each region is a 0×0 wrapper placed at its surface point; the dot + badge
     are children, so the badge is always glued to the dot. `--d` (surface depth,
     set per frame) fades both by how front-facing the point is. */
.dg-marker[data-v-98582575] {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    will-change: transform;
}

  /* Region dot: small red pip centered on the surface point. */
.dg-dot[data-v-98582575] {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 9px;
    height: 9px;
    border-radius: 9999px;
    background: rgba(120, 130, 150, 0.55);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
    transform: translate(-50%, -50%);
    opacity: clamp(0, calc(var(--d, 1) * 4), 1);
    transition:
      background 0.45s ease,
      box-shadow 0.45s ease;
    pointer-events: none;
}
.dg-dot.live[data-v-98582575] {
    background: #10b981;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.85),
      0 0 12px 1px rgba(16, 185, 129, 0.7);
}
  /* Deploying = amber, gently pulsing until the region settles to live. */
.dg-dot.deploying[data-v-98582575] {
    background: #f5a623;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.85),
      0 0 10px 1px rgba(245, 166, 35, 0.75);
    animation: dg-deploypulse-98582575 1s ease-in-out infinite;
}
@keyframes dg-deploypulse-98582575 {
0%,
    100% {
      transform: translate(-50%, -50%) scale(1);
}
50% {
      transform: translate(-50%, -50%) scale(1.45);
}
}
  /* Failed = solid red, no pulse, the rollout stopped. */
.dg-dot.failed[data-v-98582575] {
    background: #ef4444;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.85),
      0 0 10px 1px rgba(239, 68, 68, 0.7);
}
  /* Expanding ring, fired once when a dot goes live. */
.dg-ping[data-v-98582575] {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    opacity: 0;
}
.dg-dot.live .dg-ping[data-v-98582575] {
    animation: dg-ping-98582575 1.4s ease-out 1;
    border: 2px solid rgba(16, 185, 129, 0.6);
}
@keyframes dg-ping-98582575 {
0% {
      transform: scale(1);
      opacity: 0.8;
}
100% {
      transform: scale(4.5);
      opacity: 0;
}
}

  /* LIVE badge, floats above its dot, hidden once the city rotates off the
     front face. Positioning lives on .dg-badge; the entry pop is on the inner
     pill so it never fights the float transform. */
.dg-badge[data-v-98582575] {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    transform: translate(-50%, calc(-100% - 13px));
    /* Visible whenever the dot faces the camera; fades out as it nears the limb
       and is fully gone once the dot rotates to the back (depth < ~0.06). */
    opacity: clamp(0, calc((var(--d, 1) - 0.06) * 9), 1);
    pointer-events: none;
    will-change: opacity;
}
.dg-badge-inner[data-v-98582575] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 9px;
    background: #16181d;
    color: #e7e9ee;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    box-shadow:
      0 6px 18px rgba(15, 18, 25, 0.28),
      0 1px 0 rgba(255, 255, 255, 0.04) inset;
    transform-origin: bottom center;
    animation: dg-badge-in-98582575 0.32s cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
@keyframes dg-badge-in-98582575 {
from {
      opacity: 0;
      transform: scale(0.9) translateY(4px);
}
to {
      opacity: 1;
      transform: scale(1) translateY(0);
}
}
.dg-badge-live[data-v-98582575] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #10b981;
}
.dg-livedot[data-v-98582575] {
    width: 7px;
    height: 7px;
    border-radius: 9999px;
    background: #10b981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.9);
    animation: dg-blink-98582575 1.1s steps(1, end) infinite;
}
  /* Deploying badge → amber to match the pulsing dot. */
.dg-badge-inner.deploying .dg-badge-live[data-v-98582575] {
    color: #f5a623;
}
.dg-badge-inner.deploying .dg-livedot[data-v-98582575] {
    background: #f5a623;
    box-shadow: 0 0 8px rgba(245, 166, 35, 0.9);
}
  /* Failed badge → red, and the dot stops blinking (the deploy isn't live). */
.dg-badge-inner.failed .dg-badge-live[data-v-98582575] {
    color: #ef4444;
}
.dg-badge-inner.failed .dg-livedot[data-v-98582575] {
    background: #ef4444;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.9);
    animation: none;
}
@keyframes dg-blink-98582575 {
50% {
      opacity: 0.25;
}
}
.dg-badge-sep[data-v-98582575] {
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.16);
}
.dg-badge-label[data-v-98582575] {
    font-weight: 600;
}
.dg-badge-sub[data-v-98582575] {
    color: #9aa0ab;
    font-weight: 400;
}

  /* Failure-reason reveal in the summary body, a gentle fade + rise so the reason
     settles in under the step bar rather than popping. */
.err-reveal-enter-active[data-v-a1b37f76] {
    transition:
      opacity 0.3s ease,
      transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.err-reveal-enter-from[data-v-a1b37f76] {
    opacity: 0;
    transform: translateY(4px);
}

  /* The provisioning step currently running, a soft amber pulse so it's obvious
     which segment is live (and that the deploy is still moving). */
.deploy-step--active[data-v-a1b37f76] {
    animation: deploy-step-pulse-a1b37f76 1.1s ease-in-out infinite;
}
@keyframes deploy-step-pulse-a1b37f76 {
0%,
    100% {
      opacity: 0.45;
}
50% {
      opacity: 1;
}
}

  /* The caret only exists while the sentence is typing itself. */
.sb-caret {
    display: inline-block;
    width: 1px;
    height: 1.05em;
    margin-inline-start: 1px;
    vertical-align: text-bottom;
    background: currentColor;
    animation: sb-caret-blink 1s step-end infinite;
}
@keyframes sb-caret-blink {
50% {
      opacity: 0;
}
}

.ss-fade-enter-active,
  .ss-fade-leave-active {
    transition: opacity 0.3s ease;
}
.ss-fade-enter-from,
  .ss-fade-leave-to {
    opacity: 0;
}

  /* Scoped, so the selector still resolves against the `dark` class on <html>: a scoped rule
     matches ancestors freely, it only pins the TARGET to this component's elements. */
.dot-pattern-svg[data-v-2c67b0e6] {
    opacity: var(--card-dot-pattern-opacity);
}
:where(.dark) .dot-pattern-svg[data-v-2c67b0e6] {
    opacity: var(--card-dot-pattern-opacity-dark);
}

.ql-toolbar.ql-snow {
    border: none;
    border-bottom: 1px solid var(--color-input);
}
.ql-container.ql-snow {
    border: none;
}
.ql-editor {
    min-height: 150px;
}
.ql-snow .ql-stroke {
    stroke: var(--color-muted-foreground);
}
.ql-snow .ql-fill {
    fill: var(--color-muted-foreground);
}
.ql-snow .ql-picker-label {
    color: var(--color-muted-foreground);
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-976a0370],[data-v-976a0370]:before,[data-v-976a0370]:after,[data-v-976a0370]::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.ai-suggestion-chip[data-v-976a0370]{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--foreground);border-radius:3.40282e38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ai-suggestion-chip[data-v-976a0370]{border-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ai-suggestion-chip[data-v-976a0370]{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.ai-suggestion-chip[data-v-976a0370]{background-color:color-mix(in oklab, var(--background) 60%, transparent)}}.ai-suggestion-chip[data-v-976a0370]{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ai-suggestion-chip[data-v-976a0370]{color:color-mix(in oklab, var(--foreground) 85%, transparent)}}.ai-suggestion-chip[data-v-976a0370]{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.ai-suggestion-chip[data-v-976a0370]:hover{--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.ai-suggestion-chip[data-v-976a0370]:hover{border-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 30%, transparent)}}.ai-suggestion-chip[data-v-976a0370]:hover{background-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.ai-suggestion-chip[data-v-976a0370]:hover{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 5%, transparent)}}.ai-suggestion-chip[data-v-976a0370]:hover{color:var(--foreground)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}

  /* Expanding panel transition, fades in + grows from 0 to its
     measured natural height. We can't use plain max-height because
     the panel's content (AiPrompt + chips) is variable-height, and
     a fixed max-height ceiling either clips long content or animates
     too slowly when content is short. The JS hooks below measure
     scrollHeight at enter/leave time so the transition is exact. */
.ai-recommendation-expand-enter-active[data-v-de20dee6],
  .ai-recommendation-expand-leave-active[data-v-de20dee6] {
    transition: opacity 220ms ease, max-height 280ms cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}
.ai-recommendation-expand-enter-from[data-v-de20dee6],
  .ai-recommendation-expand-leave-to[data-v-de20dee6] {
    opacity: 0;
    max-height: 0;
}
.ai-recommendation-expand-enter-to[data-v-de20dee6],
  .ai-recommendation-expand-leave-from[data-v-de20dee6] {
    opacity: 1;
    /* Generous ceiling, taller than the field will ever need (chips
       wrap in narrow viewports, prompt grows to max-h-52). Holding
       this fixed avoids a JS-measurement dance for what's effectively
       a one-shot transition. */
    max-height: 36rem;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid}}}.marketplaceCard{flex-direction:column;grid-column:span 1/span 1;display:flex}:where(.marketplaceCard>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-color:var(--border)}.marketplaceCard{border-radius:var(--radius);border-style:var(--tw-border-style);background-color:var(--background);text-align:center;border-width:1px}:where(.marketplaceCard:where(.dark,.dark *)>:not(:last-child)){border-color:var(--border)}.marketplaceCard:where(.dark,.dark *){border-color:var(--border);background-color:var(--muted)}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.optionCard{cursor:pointer;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);height:100%;padding:calc(var(--spacing,.25rem) * 5);transition-property:color,background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;flex-direction:column;transition-duration:.15s;display:flex;position:relative}@media (hover:hover){.optionCard:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.optionCard:hover{border-color:color-mix(in oklab, var(--foreground) 20%, transparent)}}.optionCard:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.optionCard:hover{background-color:color-mix(in oklab, var(--accent) 40%, transparent)}}}.optionCard:focus{--tw-outline-style:none;outline-style:none}.optionCard:where(.dark,.dark *){border-color:var(--border);background-color:var(--background)}.optionCard:has(:focus-visible){border-color:var(--ring);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.optionCard:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.optionCard.selected{border-color:var(--primary);background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.optionCard.selected{background-color:color-mix(in oklab, var(--primary) 4%, transparent)}}.optionCard.selected{color:var(--primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--primary)}@media (hover:hover){.optionCard.selected:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.optionCard.selected:hover{background-color:color-mix(in oklab, var(--primary) 4%, transparent)}}}.optionCard.selected .small>svg{color:var(--primary)}.optionCard .small>svg{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);stroke-width:1.5px;color:#878787}.deploy-icon{border-radius:var(--radius-2xl,1rem);background-color:var(--muted);padding:calc(var(--spacing,.25rem) * 1.5);color:#878787}:is(.deploy-icon>*){width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10)}@media (hover:hover){.deploy-icon:is(:where(.group):hover *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.deploy-icon:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--background) 20%, transparent)}}.deploy-icon:is(:where(.group):hover *){color:var(--color-white,#fff)}}.deploy-icon:where(.dark,.dark *){background-color:var(--muted)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

  /* Raw theme tokens here (--accent, --ring, --success), not the --color-*
     aliases. Both are semantic, but only the raw ones are real declarations:
     they are written literally into :root and .dark in shared/style.css, while
     the --color-* names come from an `@theme inline` block, which Tailwind
     resolves into the utilities it generates and does NOT reliably emit as
     custom properties. Checked against the built stylesheet: --color-accent,
     --color-ring and --color-success appear in it ZERO times, so the hover
     background this control had was an invalid var() that resolved to nothing,
     and the whole hover was a border-colour change and a halo. A var() with
     no value takes the property's initial value, so it fails silently, which is
     why nobody saw it. Anything typed in a scoped block has to use the token
     that actually exists at runtime.

     The scan geometry lives in custom properties on the button so hover, focus
     and the RTL flip each set four numbers instead of restating four rules.
     They are PHYSICAL (clip-path insets and `left` have no logical form), which
     is why the [dir='rtl'] block below exists at all.

     --vfy-raw-*   clips the greyscale "before" layer to the start half
     --vfy-lit-*   clips the halo to the end half, the "after"
     --vfy-seam    where the lit seam sits between them */
.verify-cta[data-v-e9cf7d08] {
    --vfy-size: 3rem;
    --vfy-raw-l: 0%;
    --vfy-raw-r: 50%;
    --vfy-lit-l: 50%;
    --vfy-lit-r: 0%;
    --vfy-seam: 50%;

    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    /* Logical, not the four-value `padding` shorthand this had. The tighter side
       is the one the circle sits on, and physical values put it on the wrong
       side of the button in Arabic and Hebrew. */
    padding-block: 0.5rem;
    padding-inline: 0.5rem 0.875rem;
    border: 1px solid var(--border);
    border-radius: 0.875rem;
    /* Explicit, because a bare router-link inherits the app's anchor colour and
       underline, which made this read as a text link rather than a control. */
    color: var(--foreground);
    text-decoration: none;
    text-align: start;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease;
}

  /* The Settings shape: a full-width card under the picture rather than a pill
     beside it. No background of its own: it sits inside a XudaCard body, and
     our --card token is nearly the --muted rim, so a hand-set surface here is
     the gray-on-gray slab. The border and the hover accent carry it. */
.verify-cta-explain[data-v-e9cf7d08] {
    --vfy-size: 3.5rem;
    display: flex;
    width: 100%;
    max-width: 30rem;
    gap: 0.875rem;
    padding-block: 0.75rem;
    padding-inline: 0.75rem 1rem;
    border-radius: 1rem;
}
.verify-cta[data-v-e9cf7d08]:hover,
  .verify-cta[data-v-e9cf7d08]:focus-visible {
    --vfy-raw-r: 100%;
    --vfy-lit-l: 0%;
    --vfy-seam: 100%;
    background-color: var(--accent);
    border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
}

  /* There was no focus style at all, so the one control on this row was
     reachable by keyboard and invisible once you got there. */
.verify-cta[data-v-e9cf7d08]:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
}

  /* Mirrored: the unverified half belongs on the side the reader starts from,
     and the scan sweeps the way the language runs. */
[dir='rtl'] .verify-cta[data-v-e9cf7d08] {
    --vfy-raw-l: 50%;
    --vfy-raw-r: 0%;
    --vfy-lit-l: 0%;
    --vfy-lit-r: 50%;
}
[dir='rtl'] .verify-cta[data-v-e9cf7d08]:hover,
  [dir='rtl'] .verify-cta[data-v-e9cf7d08]:focus-visible {
    --vfy-raw-l: 100%;
    --vfy-raw-r: 0%;
    --vfy-lit-r: 0%;
    --vfy-seam: 0%;
}
.vfy-stage[data-v-e9cf7d08] {
    position: relative;
    display: block;
    width: var(--vfy-size);
    height: var(--vfy-size);
    flex-shrink: 0;
}

  /* Prismatic bloom behind the face. Sits BEHIND via a lower stacking order
     rather than a negative z-index, which would drop it under the button.
     Clipped to the verified half, so the colour is not decoration: it is the
     half of the specimen that has been through the check. Its box is centred on
     the stage, so a 50% inset lands on the same midline the seam does. */
.vfy-halo[data-v-e9cf7d08] {
    position: absolute;
    inset: -26%;
    border-radius: 9999px;
    background: conic-gradient(from 210deg, #f472b6, #fbbf24, #4ade80, #38bdf8, #a78bfa, #f472b6);
    filter: blur(8px);
    opacity: 0.55;
    clip-path: inset(0 var(--vfy-lit-r) 0 var(--vfy-lit-l));
    transition:
      opacity 0.25s ease,
      clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.verify-cta:hover .vfy-halo[data-v-e9cf7d08],
  .verify-cta:focus-visible .vfy-halo[data-v-e9cf7d08] {
    opacity: 1;
}

  /* The ring matters: the source portrait has a near-white backdrop, so without
     an explicit edge the circle dissolves into a light dialog and the whole
     treatment reads as a floating face. */
.vfy-face[data-v-e9cf7d08] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    object-fit: cover;
    box-shadow:
      0 0 0 1.5px color-mix(in srgb, var(--foreground) 25%, transparent),
      0 1px 6px color-mix(in srgb, var(--foreground) 18%, transparent);
}

  /* The unverified half: the same face, not yet alive. The base copy under it
     is already in colour, so this layer plus its clip IS the before/after. */
.vfy-scan[data-v-e9cf7d08] {
    position: absolute;
    inset: 0;
    display: block;
    border-radius: 9999px;
    clip-path: inset(0 var(--vfy-raw-r) 0 var(--vfy-raw-l));
    transition: clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.vfy-face-raw[data-v-e9cf7d08] {
    filter: grayscale(1) contrast(1.12);
    /* The base copy underneath already draws the edge; a second one here would
       print a hard vertical line down the middle of the clip. */
    box-shadow: none;
}

  /* Scan grid, masked to the circle so it reads as an overlay on the face. */
  /* Normal blend, not overlay: against a light portrait `overlay` cancelled the
     lines out almost entirely and the scan grid was invisible. */
  /* Fixed dark lines rather than a theme token, deliberately. This grid sits on
     a FIXED photograph, not on a themed surface: the sample is the same light
     portrait in dark mode, so a colour that flipped with the theme would paint
     light-on-light and erase the grid exactly where it is meant to read. */
.vfy-grid[data-v-e9cf7d08] {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background-image:
      repeating-linear-gradient(0deg, rgba(15, 23, 42, 0.55) 0 0.5px, transparent 0.5px 4px),
      repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.55) 0 0.5px, transparent 0.5px 4px);
    opacity: 0.26;
    pointer-events: none;
}
.vfy-mesh[data-v-e9cf7d08] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: var(--success);
    opacity: 0.85;
}

  /* The live edge of the scan, and the join between the two states. It starts
     on the midline, which is what makes the split read as one specimen rather
     than two pictures, and rides to the far edge on hover or focus. */
.vfy-seam[data-v-e9cf7d08] {
    position: absolute;
    top: -8%;
    bottom: -8%;
    left: var(--vfy-seam);
    width: 2px;
    transform: translateX(-50%);
    border-radius: 9999px;
    background: linear-gradient(to bottom, transparent, var(--success) 22%, var(--success) 78%, transparent);
    box-shadow: 0 0 7px color-mix(in srgb, var(--success) 65%, transparent);
    opacity: 0.85;
    pointer-events: none;
    transition:
      left 0.45s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.3s ease;
}

  /* Once the scan has run there is no join left to mark. */
.verify-cta:hover .vfy-seam[data-v-e9cf7d08],
  .verify-cta:focus-visible .vfy-seam[data-v-e9cf7d08] {
    opacity: 0;
}

  /* Four corner brackets, the "locked on" cue from the scan UI. They frame the
     WHOLE specimen, not the unverified half: they are the instrument reading
     the face, and the result is what emerges on the other side of the seam. */
.vfy-bracket[data-v-e9cf7d08] {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    border-color: var(--success);
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}

  /* Inset to 15%, so the brackets frame the FACE inside the circle rather than
     sitting on the corners of the square bounding box, where they read as an
     unrelated rectangle around a round avatar. */
  /* border-inline-start-WIDTH, not the `border-inline-start` shorthand. The
     shorthand resets the components it is not given, so `border-inline-start:
     1.5px` also set border-inline-start-style to `none`, and being the later
     declaration it beat `border-style: solid` above on the same physical
     longhand. The vertical arm of all four brackets never painted: every one of
     them was an L with one stroke missing. */
.vfy-tl[data-v-e9cf7d08] {
    top: 15%;
    inset-inline-start: 15%;
    border-top-width: 1.5px;
    border-inline-start-width: 1.5px;
}
.vfy-tr[data-v-e9cf7d08] {
    top: 15%;
    inset-inline-end: 15%;
    border-top-width: 1.5px;
    border-inline-end-width: 1.5px;
}
.vfy-bl[data-v-e9cf7d08] {
    bottom: 15%;
    inset-inline-start: 15%;
    border-bottom-width: 1.5px;
    border-inline-start-width: 1.5px;
}
.vfy-br[data-v-e9cf7d08] {
    bottom: 15%;
    inset-inline-end: 15%;
    border-bottom-width: 1.5px;
    border-inline-end-width: 1.5px;
}
.vfy-copy[data-v-e9cf7d08] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
    text-align: start;
}
.vfy-title[data-v-e9cf7d08] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
}
.vfy-lede[data-v-e9cf7d08] {
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--muted-foreground);
}

  /* The noun the whole offer is about, lifted out of the sentence. Same
     treatment ProfileVerifyOffer gives it, so the term looks the same wherever
     it is introduced. */
.vfy-avatar-word[data-v-e9cf7d08] {
    font-weight: 500;
    color: var(--foreground);
}
.vfy-go[data-v-e9cf7d08] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-inline-start: auto;
    color: var(--muted-foreground);
}
@media (prefers-reduced-motion: reduce) {
.vfy-halo[data-v-e9cf7d08],
    .vfy-scan[data-v-e9cf7d08],
    .vfy-seam[data-v-e9cf7d08] {
      transition: none;
}
}

  /* UI-2956: a phone's head and foot bands frost the stage scrolling under them, the website's head frost (Header.vue
     .site-frost): five blurs, each under its own mask, growing from none at the band's inner edge to 16px at its outer
     one, under a light tint that fades the same way. Ishai asked for it ("add blurr like the website blurr"), against the
     standing no gradients rule, as on the website. One layer per band, never per item. */
.onboarding .ob-frost {
    position: absolute;
    inset-inline: 0;
    z-index: 1;
    pointer-events: none;
}
.onboarding .ob-frost--head {
    top: 0;
    height: 52px;
}
.onboarding .ob-frost--foot {
    bottom: 0;
    height: 72px;
}
.onboarding .ob-frost > i {
    position: absolute;
    inset: 0;
}
.onboarding .ob-frost > i:nth-child(1) { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); --ob-m: linear-gradient(var(--ob-dir), transparent 0%, #000 16%, #000 32%, transparent 48%);
}
.onboarding .ob-frost > i:nth-child(2) { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); --ob-m: linear-gradient(var(--ob-dir), transparent 16%, #000 32%, #000 48%, transparent 64%);
}
.onboarding .ob-frost > i:nth-child(3) { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); --ob-m: linear-gradient(var(--ob-dir), transparent 32%, #000 48%, #000 64%, transparent 80%);
}
.onboarding .ob-frost > i:nth-child(4) { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); --ob-m: linear-gradient(var(--ob-dir), transparent 48%, #000 64%, #000 80%, transparent 96%);
}
.onboarding .ob-frost > i:nth-child(5) { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); --ob-m: linear-gradient(var(--ob-dir), transparent 64%, #000 80%, #000 100%);
}
.onboarding .ob-frost > i:not(:nth-child(6)) {
    -webkit-mask-image: var(--ob-m);
    mask-image: var(--ob-m);
}
.onboarding .ob-frost > i:nth-child(6) {
    background: linear-gradient(var(--ob-dir), transparent 0%, color-mix(in srgb, var(--background) 30%, transparent) 50%, color-mix(in srgb, var(--background) 62%, transparent) 100%);
}
  /* the head band frosts toward the top, the foot band toward the bottom */
.onboarding .ob-frost--head {
    --ob-dir: to top;
}
.onboarding .ob-frost--foot {
    --ob-dir: to bottom;
}
  /* UI-2956: a stage opens like a disclosure: its contents fade in softly as they mount while the socket's height eases open
     over them (useEaseHeight clips while it moves) */
.onboarding .ob-open {
    animation: onboarding-open 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes onboarding-open {
from {
      opacity: 0;
      transform: translateY(-4px);
}
}
@media (prefers-reduced-motion: reduce) {
.onboarding .ob-open {
      animation: none;
}
}
  /* A tiny shake when Continue is pressed with fields missing, with the live line naming them. Subtle on purpose (4px
     throw, 360ms), and none under reduced motion. */
.onboarding .field-error {
    animation: onboarding-shake 0.36s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@media (prefers-reduced-motion: reduce) {
.onboarding .field-error {
      animation: none;
}
}
@keyframes onboarding-shake {
10%,
    90% {
      transform: translateX(-1px);
}
20%,
    80% {
      transform: translateX(2px);
}
30%,
    50%,
    70% {
      transform: translateX(-4px);
}
40%,
    60% {
      transform: translateX(4px);
}
}
[data-hidden=true] {
  visibility: hidden;
  pointer-events: none;
}

[data-hidden=false] {
  visibility: visible;
}

.vjt-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

[id$=-vjt-backdrop] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
[id$=-vjt-backdrop]:not([data-hidden=true]) {
  pointer-events: auto;
}

[id$=-vjt-tooltip] {
  background-color: #333;
  color: #fff;
  padding: 0.5rem;
  border-radius: 4px;
  font-size: 13px;
  z-index: 9999;
  max-width: 300px;
  position: absolute;
  pointer-events: auto;
}

[id$=-vjt-tooltip][data-arrow^=t] [id$=-vjt-arrow] {
  bottom: -4px;
  right: 50%;
}

[id$=-vjt-tooltip][data-arrow^=b] [id$=-vjt-arrow] {
  top: -4px;
  right: 50%;
}

[id$=-vjt-tooltip][data-arrow^=l] [id$=-vjt-arrow] {
  right: -4px;
  top: 50%;
}

[id$=-vjt-tooltip][data-arrow^=r] [id$=-vjt-arrow] {
  left: -4px;
  top: 50%;
}

[id$=-vjt-arrow] {
  width: 8px;
  height: 8px;
  position: absolute;
  z-index: -1;
}
[id$=-vjt-arrow]::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #333;
  transform: rotate(45deg);
  position: absolute;
}

[class*=vjt-highlight] {
  outline: 2px solid #0ea5e9;
  outline-offset: 4px;
  border-radius: 1px;
  position: relative;
}

.vjt-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
.vjt-actions button {
  width: 100%;
  padding: 0.25rem 1rem;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.vjt-actions button:hover {
  background-color: #000;
  color: #fff;
}

.vjt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}/* shadcn-token overrides for @globalhive/vuejs-tour
 *
 * NOTE: This codebase stores theme tokens as raw color values (hex), not
 * HSL channels, so we reference them directly with var(...) and use
 * color-mix() for any opacity overlays. Wrapping in hsl(var(...)) silently
 * fails here.
 */

/* Backdrop, soft dim with blur, matching shadcn dialog overlays. */
[id$="-vjt-backdrop"] {
  background-color: color-mix(in srgb, var(--background) 60%, transparent) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Popover container. */
[id$="-vjt-tooltip"] {
  background-color: var(--popover) !important;
  color: var(--popover-foreground) !important;
  border: 1px solid var(--border) !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgb(0 0 0 / 0.06),
    0 8px 24px -4px rgb(0 0 0 / 0.12),
    0 16px 40px -8px rgb(0 0 0 / 0.18) !important;
  padding: 1.125rem 1.25rem 1rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  max-width: 22rem !important;
  min-width: 18rem !important;
}

/* Arrow color follows the popover background. */
[id$="-vjt-arrow"]::before,
[id$="-vjt-arrow"]::after {
  background-color: var(--popover) !important;
}

/* Header + body markup we render inside step content. */
[id$="-vjt-tooltip"] .vjt-h {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--foreground) !important;
  margin-bottom: 0.375rem !important;
  letter-spacing: -0.01em;
}

[id$="-vjt-tooltip"] .vjt-b {
  font-size: 0.875rem !important;
  color: var(--muted-foreground) !important;
  line-height: 1.55 !important;
}

/* Highlight ring around target element. */
[class*="vjt-highlight"] {
  outline: 2px solid color-mix(in srgb, var(--ring) 70%, transparent) !important;
  outline-offset: 4px !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ring) 18%, transparent) !important;
  transition: outline-offset 200ms ease, box-shadow 200ms ease !important;
}

/* Action button row, pinned to the right with a divider above. */
.vjt-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 1rem !important;
  padding-top: 0.875rem !important;
  border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent) !important;
}

/* Restyle the auto-generated buttons as shadcn-flavored Buttons. */
.vjt-actions button {
  width: auto !important;
  height: 2rem !important;
  padding: 0 0.875rem !important;
  border-radius: 0.375rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border: 1px solid var(--border) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease !important;
  box-shadow: 0 1px 1px rgb(0 0 0 / 0.04) !important;
}

.vjt-actions button:hover {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important;
}

/* The "Skip" button, leftmost, demote to ghost. */
.vjt-actions button:first-child {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--muted-foreground) !important;
  box-shadow: none !important;
}

.vjt-actions button:first-child:hover {
  background-color: var(--accent) !important;
  color: var(--foreground) !important;
}

/* The "Next" / "Done" button, last child, primary. */
.vjt-actions button:last-child {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: transparent !important;
}

.vjt-actions button:last-child:hover {
  background-color: color-mix(in srgb, var(--primary) 90%, black) !important;
}

/* If only one button (Done on last step), keep primary styling. */
.vjt-actions button:only-child {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: transparent !important;
}

.entry-seq {
    /* UI-1467: its own, so a window opened underneath that turns the body's pointer events off (reka's
       modal layers do) cannot leave the tour's buttons dead */
    pointer-events: auto;
    --ps-dot: var(--foreground);
    --ps-lit: var(--primary);
    --ps-hot: var(--primary);
    --ps-wire: var(--primary);
    --ps-muted: var(--muted-foreground);
    --ps-dark: 0;
    transition: opacity 0.35s ease;
}
.dark .entry-seq {
    --ps-dark: 1;
}
.entry-seq.is-out {
    opacity: 0;
    pointer-events: none;
}
.entry-seq__ground {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.entry-seq__fill {
    fill: var(--background);
    transition: fill-opacity 0.5s ease;
}
.entry-seq__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
}
.entry-seq__canvas.is-ready {
    opacity: 1;
}
  /* Every item waits in place, unseen, so its dots can be sampled where it will show. */
.entry-seq__item {
    position: absolute;
    inset: 0;
    margin: auto;
    height: fit-content;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    text-align: center;
}
.entry-seq__item.is-shown {
    opacity: 1;
    pointer-events: auto;
}
.entry-seq__logo {
    width: min(440px, 42vw);
    translate: 0 -2rem;
}
.entry-seq__logo-ink {
    fill: var(--foreground);
}
.entry-seq__logo-blue {
    fill: var(--primary);
}
.entry-seq__welcome {
    width: max-content;
    max-width: calc(100vw - 2rem);
}
.entry-seq__welcome-line {
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
}
.entry-seq__summary {
    width: min(46rem, calc(100vw - 2rem));
    /* never cut off: past the screen's height (Skip's row kept clear) it scrolls */
    max-height: calc(100% - 6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.entry-seq__label,
  .entry-seq__caption,
  .entry-seq__ring {
    position: absolute;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.entry-seq__label.is-shown,
  .entry-seq__caption.is-shown,
  .entry-seq__ring.is-shown {
    opacity: 1;
}
.entry-seq__caption:not(.is-shown) {
    pointer-events: none;
}
.entry-seq__ring {
    box-shadow: 0 0 0 2px var(--primary);
    pointer-events: none;
}
.entry-seq__skip {
    position: absolute;
    inset-block-end: 1rem;
    inset-inline-end: 1rem;
}
.entry-seq__skip.is-aside {
    inset-inline-end: auto;
    inset-inline-start: 1rem;
}
  /* UI-1362 follow-up: the count on Skip and Continue, a ring that empties round the seconds left.
     UI-2089 (Boaz, the summary: "fix pulse shaking"): clipped to the ring. While a digit rolls (900ms of every second)
     NumberFlow draws the digits above and below it, out of its mask's sight but not clipped, and on Continue they reached
     past the summary's bottom: its scroll box grew a scrollbar for the roll, and everything centred in it moved over
     and back each second. */
.entry-seq__timer {
    position: relative;
    overflow: clip;
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}
.entry-seq__timer svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    rotate: -90deg;
}
.entry-seq__timer-track {
    fill: none;
    stroke: color-mix(in srgb, currentColor 18%, transparent);
    stroke-width: 2;
}
.entry-seq__timer-left {
    fill: none;
    stroke: var(--primary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 50.27;
}
.entry-seq__timer-n {
    font-size: 0.5625rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
  /* held (the pointer is on the summary): the count stands still, and says so */
.entry-seq__timer.is-held .entry-seq__timer-left {
    stroke: var(--muted-foreground);
}
.entry-seq__ripple {
    position: absolute;
    width: 3rem;
    height: 3rem;
    margin: -1.5rem 0 0 -1.5rem;
    border-radius: 9999px;
    background: color-mix(in srgb, var(--primary) 35%, transparent);
    animation: entry-seq-ripple 0.6s ease-out forwards;
    pointer-events: none;
}
@keyframes entry-seq-ripple {
from {
      transform: scale(0.3);
      opacity: 1;
}
to {
      transform: scale(1.8);
      opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.entry-seq__ripple {
      animation: none;
      opacity: 0;
}
}

  /* UI-2123: every ring sits outside the face, on the surface's own ground (--background) */
.meet-face--speak[data-v-7032e2da] {
    box-shadow: 0 0 0 2px var(--background), 0 0 0 3.5px var(--success);
}
.meet-face--gap[data-v-7032e2da] {
    box-shadow: 0 0 0 2px var(--background);
}
.meet-face--ring[data-v-7032e2da] {
    box-shadow: 0 0 0 5px var(--background), 0 0 0 7px var(--success);
}
  /* connecting: the ring's track in the hairline colour, a green quarter arc on it */
.meet-face--connect[data-v-7032e2da] {
    box-shadow: 0 0 0 5px var(--background), 0 0 0 7px var(--border);
}
.meet-face--connect[data-v-7032e2da]::after {
    content: '';
    position: absolute;
    inset: -7px;
    border-radius: 9999px;
    border: 2px solid transparent;
    border-top-color: var(--success);
    pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.meet-face--ring[data-v-7032e2da] {
      animation: meet-face-breathe-7032e2da 1.6s ease-in-out infinite;
}
.meet-face--connect[data-v-7032e2da]::after {
      animation: meet-face-turn-7032e2da 1.1s linear infinite;
}
}
@keyframes meet-face-breathe-7032e2da {
0%,
    100% {
      box-shadow: 0 0 0 5px var(--background), 0 0 0 7px var(--success);
}
50% {
      box-shadow: 0 0 0 5px var(--background), 0 0 0 7px color-mix(in oklab, var(--success) 40%, var(--background));
}
}
@keyframes meet-face-turn-7032e2da {
to {
      transform: rotate(360deg);
}
}

  /* UI-2567: the ringing chip's dots (the board's rc7-run lap: each dot pops to 1.8x and settles over 36% of a 1.6s
     lap, 0.1s apart) and the connecting arc (a quarter turning once every 1.1s). Still under reduced motion. */
.meet-chip-dot[data-v-693adfae] {
    fill: currentColor;
    transform-box: fill-box;
    transform-origin: center;
}
.meet-chip-arc[data-v-693adfae] {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}
@media (prefers-reduced-motion: no-preference) {
.meet-chip-dot[data-v-693adfae] {
      animation: meet-chip-run-693adfae 1.6s linear infinite;
}
.meet-chip-arc[data-v-693adfae] {
      animation: meet-chip-turn-693adfae 1.1s linear infinite;
}
}
@keyframes meet-chip-run-693adfae {
0% {
      transform: scale(1.8);
}
36% {
      transform: scale(1);
}
100% {
      transform: scale(1);
}
}
@keyframes meet-chip-turn-693adfae {
from {
      transform: rotate(-90deg);
}
to {
      transform: rotate(270deg);
}
}

  /* UI-2123: the ring's arc starts at the top and turns; still under reduced motion */
.meet-round-arc[data-v-7c141c50] {
    transform: rotate(-90deg);
    transform-origin: 16px 16px;
}
  /* UI-2123: the progress fill is still, only the ring turns */
@media (prefers-reduced-motion: no-preference) {
.meet-round-ring[data-v-7c141c50]:not(.meet-round-fill) {
      animation: meet-round-turn-7c141c50 1.2s linear infinite;
}
}
@keyframes meet-round-turn-7c141c50 {
to {
      transform: rotate(360deg);
}
}

.call-icon__level {
    transition:
      y 80ms linear,
      height 80ms linear;
}
@media (prefers-reduced-motion: reduce) {
.call-icon__level {
      transition: none;
}
}

  /* UI-2641: the live dot before the countdown, breathing while it rings (2s, the ring's own pace); still under reduced
     motion. It replaces UI-2567's lapping ring of dots round the face, gone with the face. */
@media (prefers-reduced-motion: no-preference) {
.cb-live--run[data-v-bd2ddefe] {
      animation: cb-live-bd2ddefe 2s ease-in-out infinite;
}
.cb-tick[data-v-bd2ddefe] {
      animation: cb-tick-bd2ddefe 200ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
}
@keyframes cb-live-bd2ddefe {
0%,
    100% {
      box-shadow: 0 0 0 0 color-mix(in oklab, var(--success) 45%, transparent);
}
50% {
      box-shadow: 0 0 0 5px color-mix(in oklab, var(--success) 0%, transparent);
}
}
  /* the count rolls up into place (A8: 2 -> 3) */
@keyframes cb-tick-bd2ddefe {
from {
      transform: translateY(100%);
}
to {
      transform: translateY(0);
}
}

@media (prefers-reduced-motion: no-preference) {
    /* the count rolls up into place (N5: 2 -> 3), as the Callback card's does */
.mct-tick {
      animation: mct-tick 200ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
}
@keyframes mct-tick {
from {
      transform: translateY(100%);
}
to {
      transform: translateY(0);
}
}

  /* UI-2622: the ways give back the last row's padding (WAYS_END) only while the foot pockets stand under the panel; a
     crowded foot (Renew in the panel's foot row) or a stacked one keeps the gap above it */
.pocket-sock:has(.pocket-sock__foot--stacked, .pocket-sock__foot [data-cap-renew]) [data-cap-ways] {
    margin-block-end: 0;
}

.adm-rim {
    transition:
      opacity 0.15s,
      fill 0.15s;
}
.adm-plus {
    transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
  /* white at rest (the page's ink); coloured from the middle out, and back from the ends in */
.adm-dot {
    fill: currentColor;
    transition: fill 0.22s ease var(--adm-d, 0ms);
}
.adm--lit .adm-dot {
    fill: var(--adm-c);
    animation: adm-breathe 1.6s ease-in-out calc(var(--adm-d, 0ms) + 0.3s) infinite;
}
@keyframes adm-breathe {
50% {
      opacity: 0.55;
}
}
@media (prefers-reduced-motion: reduce) {
.adm-rim,
    .adm-plus,
    .adm-dot {
      transition: none;
}
.adm--lit .adm-dot {
      animation: none;
}
}

.cm-scroll-fade[data-v-e45848e8] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 15;
    height: 6rem;
    pointer-events: none;
    background: linear-gradient(to top, color-mix(in oklab, var(--background) 80%, transparent), color-mix(in oklab, var(--background) 35%, transparent) 55%, transparent);
    opacity: 0;
    transition: opacity 0.25s ease;
}
.cm-scroll-fade.is-on[data-v-e45848e8] {
    opacity: 1;
}
.cm-scroll-hint[data-v-e45848e8] {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    z-index: 20;
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    transform: translateX(-50%);
    border-radius: 999px;
    border: 1px solid color-mix(in oklab, var(--primary) 40%, transparent);
    background-color: color-mix(in oklab, var(--primary) 16%, transparent);
    color: var(--foreground);
    backdrop-filter: blur(6px);
    box-shadow:
      0 0 0 3px color-mix(in oklab, var(--primary) 8%, transparent),
      0 8px 22px -12px color-mix(in oklab, var(--primary) 55%, transparent);
    /* Off by default, and out of the way while it is: no pointer target and no
       tab stop over content it is not pointing past. The visibility delay is
       what lets it fade out rather than blink out. */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.22s ease,
      background-color 0.18s ease,
      border-color 0.18s ease,
      visibility 0s linear 0.22s;
}
.cm-scroll-hint.is-on[data-v-e45848e8] {
    opacity: 0.7;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
    animation: cm-hint-bob-e45848e8 1.6s ease-in-out infinite;
}
.cm-scroll-hint.is-on[data-v-e45848e8]:hover,
  .cm-scroll-hint.is-on[data-v-e45848e8]:focus-visible {
    opacity: 1;
    background-color: color-mix(in oklab, var(--primary) 30%, transparent);
    border-color: color-mix(in oklab, var(--primary) 70%, transparent);
}
@keyframes cm-hint-bob-e45848e8 {
0%,
    100% {
      transform: translate(-50%, 0);
}
50% {
      transform: translate(-50%, 7px);
}
}
@media (prefers-reduced-motion: reduce) {
.cm-scroll-fade[data-v-e45848e8],
    .cm-scroll-hint[data-v-e45848e8],
    .cm-scroll-hint.is-on[data-v-e45848e8] {
      animation: none;
      transition: none;
}
}

  /* UI-2000: the dotted mark is the button (AddDotsMark.vue); a rest brightens its rim, lifts its plus and colours it
     (Boaz: "thin and white add color animation on hover"), from the middle dot out, breathing while it stays */
.aa-plus:hover .adm-rim,
  .aa-plus:focus-visible .adm-rim {
    opacity: 0.7;
}
.aa-plus:hover .adm-dot,
  .aa-plus:focus-visible .adm-dot {
    fill: var(--adm-c);
    animation: adm-breathe 1.6s ease-in-out calc(var(--adm-d, 0ms) + 0.3s) infinite;
}
@media (prefers-reduced-motion: reduce) {
.aa-plus:hover .adm-dot,
    .aa-plus:focus-visible .adm-dot {
      animation: none;
}
}
.aa-plus:hover .adm-plus,
  .aa-plus--open .adm-plus {
    transform: scale(1.08);
}
.aa-plus--lifted {
    opacity: 0.45;
    transform: scale(0.92);
}
  /* a rest says it can be carried: the grab hand, and the mark tugged out of its corner toward the page (down and
     toward the start) and back, again while the pointer stays; not while its window is open */
.aa-plus {
    cursor: grab;
}
.aa-mark {
    display: grid;
    place-items: center;
    --aa-tug-x: -5px;
}
[dir='rtl'] .aa-mark {
    --aa-tug-x: 5px;
}
.aa-plus:hover:not(.aa-plus--open):not(.aa-plus--lifted) .aa-mark {
    animation: aa-tug 1.5s cubic-bezier(0.45, 0, 0.2, 1) 0.15s infinite;
}
@keyframes aa-tug {
0%,
    55%,
    100% {
      transform: translate(0, 0);
}
25% {
      transform: translate(var(--aa-tug-x), 5px);
}
40% {
      transform: translate(calc(var(--aa-tug-x) * -0.2), -1px);
}
}
@media (prefers-reduced-motion: reduce) {
.aa-plus:hover .aa-mark {
      animation: none;
}
}
html[data-add-dragging],
  html[data-add-dragging] * {
    cursor: grabbing !important;
    user-select: none;
}

  /* the window, in the dress of the Assets rail's card (AddAssetsButton.vue aab-card) */
.aa-card {
    border-color: color-mix(in srgb, var(--primary) 18%, var(--border));
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.55);
}
.dark .aa-card {
    box-shadow: 0 24px 60px -24px #000;
}
.aa-card.aa-card[data-state='open'] {
    animation: aa-in 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
@keyframes aa-in {
from {
      opacity: 0;
      transform: translateY(-4px) scale(0.97);
}
}
.aa-head {
    border-bottom: 1px solid var(--border);
    background:
      radial-gradient(color-mix(in srgb, var(--foreground) 7%, transparent) 1px, transparent 1.3px) 0 0 / 10px 10px,
      radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--primary) 14%, transparent) 0%, transparent 70%);
}
.aa-head-plus {
    display: grid;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    place-items: center;
}
.aa-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted-foreground);
}

  /* UI-2125: the line and its scene stand on a ground of their own, the dots in the page's ink on it, as the tour draws
     them. UI-2130 (Boaz, an arrow from the page's ground: "use dark blue tone"): that ground is the page's background
     (its dark navy in the dark theme), not black */
.aa-stage {
    --aa-ground: var(--background);
    margin-top: 10px;
    border-radius: 14px;
    padding: 10px 12px 12px;
    background: var(--aa-ground);
    box-shadow: inset 0 0 0 1px var(--border);
}

  /* UI-2110: the header's drag scene. One 8s round, a quarter per stop: the + arrives (6% of the round), rests over the
     stop while it is ringed and its add is lit, then is lifted on to the next. Each stop runs the same ring keyframes
     a quarter later (--aa-i). The + sits on the stop's top end corner, where a hand would let it go.
     UI-2125: in the tour's dots, a stop is its mark in one ink inside a ring of dots, and the way between the stops is
     a dotted arc (aa-demo-route), its points the + resting places below (the stage is 284px wide: the card's 340 less
     the head's and the stage's gutters). */
.aa-demo {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 6px;
    padding-top: 14px;
}
.aa-demo-route {
    position: absolute;
    top: 0;
    left: 0; /* rtl-ignore: the arc is drawn in the stage's own px; RTL mirrors it below */
    width: 100%;
    height: 30px;
    overflow: visible;
    color: color-mix(in srgb, var(--foreground) 32%, transparent);
}
[dir='rtl'] .aa-demo-route {
    transform: scaleX(-1);
}
.aa-demo-route path,
  .aa-demo-ring circle,
  .aa-demo-ring rect {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 0 4.6;
    vector-effect: non-scaling-stroke;
}
.aa-demo-spot {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.aa-demo-target {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
}
.aa-demo-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: color-mix(in srgb, var(--foreground) 30%, transparent);
    animation: aa-demo-ring 8s ease-out calc(var(--aa-i) * 2s) infinite;
}
  /* the mark in the stage's one ink, its coloured dots too, as the tour's dots are one colour until lit */
.aa-demo-mark {
    color: var(--foreground);
}
.aa-demo-mark [fill]:not([fill='none']) {
    fill: currentColor;
}
.aa-demo-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--muted-foreground);
    animation: aa-demo-lit 8s ease-out calc(var(--aa-i) * 2s) infinite;
}
.aa-demo-plus {
    position: absolute;
    top: 6px;
    inset-inline-start: calc(12.5% + 14px);
    display: grid;
    width: 24px;
    height: 24px;
    margin-inline-start: -12px;
    place-items: center;
    border-radius: 9999px;
    background: var(--aa-ground);
    animation: aa-demo-carry 8s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}
@keyframes aa-demo-carry {
0%,
    24% {
      inset-inline-start: calc(12.5% + 14px);
}
31%,
    49% {
      inset-inline-start: calc(37.5% + 14px);
}
56%,
    74% {
      inset-inline-start: calc(62.5% + 14px);
}
81%,
    100% {
      inset-inline-start: calc(87.5% + 14px);
}
0% {
      opacity: 0;
      transform: translateY(-6px) scale(0.7);
}
6%,
    94% {
      opacity: 1;
}
100% {
      opacity: 0;
}
6%,
    24%,
    31%,
    49%,
    56%,
    74%,
    81% {
      transform: none;
}
27.5%,
    52.5%,
    77.5% {
      transform: translateY(-7px) scale(1.08);
}
}
@keyframes aa-demo-ring {
0%,
    5%,
    25%,
    100% {
      color: color-mix(in srgb, var(--foreground) 30%, transparent);
      transform: none;
}
8%,
    22% {
      color: var(--primary);
      transform: scale(1.06);
}
}
@keyframes aa-demo-lit {
0%,
    5%,
    25%,
    100% {
      color: var(--muted-foreground);
}
8%,
    22% {
      color: var(--foreground);
}
}

  /* what the + is over: a ring round it, round for a face, inside the edge for a band or the page */
.aa-ring {
    position: fixed;
    border-radius: 14px;
    box-shadow:
      0 0 0 2px var(--primary),
      0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent);
    background: color-mix(in srgb, var(--primary) 6%, transparent);
    transition:
      left 0.12s ease-out,
      top 0.12s ease-out,
      width 0.12s ease-out,
      height 0.12s ease-out,
      border-radius 0.12s ease-out;
}
.aa-ring--round {
    border-radius: 9999px;
}
.aa-ring--ground {
    border-radius: 18px;
    box-shadow: inset 0 0 0 2px var(--primary);
    background: color-mix(in srgb, var(--primary) 4%, transparent);
}
.aa-ghost {
    position: fixed;
    left: 0; /* rtl-ignore: the + follows the pointer, whose place is in physical window pixels (translate3d) */
    top: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    will-change: transform;
}
  /* the carried +: the mark on the page's ground, its rim lit over something it adds to */
.aa-ghost-plus {
    display: grid;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    place-items: center;
    border-radius: 9999px;
    background: var(--background);
    color: var(--foreground);
    box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.5);
    transition: transform 0.12s;
}
.aa-ghost-plus--on {
    transform: scale(1.12);
}
.aa-pill {
    display: inline-flex;
    max-width: 280px;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
    border-radius: 9999px;
    border: 1px solid var(--border);
    background: var(--popover);
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-foreground);
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.45);
}
.aa-pill--on {
    color: var(--foreground);
    border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
}
@media (prefers-reduced-motion: reduce) {
.aa-card.aa-card[data-state='open'] {
      animation: none;
}
.aa-ring,
    .aa-ghost-plus {
      transition: none;
}
    /* UI-2110: the scene stands still, the + let go on the person, ringed */
.aa-demo-plus,
    .aa-demo-ring,
    .aa-demo-label {
      animation: none;
}
.aa-demo-spot:first-child .aa-demo-ring {
      color: var(--primary);
}
}

  /* UI-2367: a publisher's SVG comes at any size; it fills the tile's middle */
.plugin-face[data-v-875ef49a] svg {
    width: 60%;
    height: 60%;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.main-frame-head{padding-inline:max(var(--page-x), var(--slot-ts,0px)) max(var(--row-end), var(--slot-te,0px));padding-block:5px 6px}.main-frame-foot{padding-inline:max(var(--page-x), var(--slot-bs,0px)) max(var(--row-end), var(--slot-be,0px))}.main-frame-panel{clip-path:inset(0 round var(--frame-panel-radius))}.frame-ready .pane-motion{transition-duration:var(--pane-ms,.22s);transition-timing-function:var(--pane-ease,ease)}@media (prefers-reduced-motion:reduce){.frame-ready .pane-motion{transition-duration:0s}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.swiper .swiper-button-prev,.swiper .swiper-rtl .swiper-button-next{inset-inline:auto 40px}.swiper .swiper-button-disabled{visibility:visible}[data-sonner-toast]{width:100%}.group\/floating{border-radius:3.40282e38px}.group\/floating .menu-container{display:none}.group\/floating .group\/avatar{scale:1.2}.group\/floating:hover{border-radius:var(--radius-2xl,1rem)}.group\/floating:hover .menu-container{display:flex}

  /* The folder cell's print on Contacts (GridFolderTile.vue .gft-*, square with the one-line foot), so a group stands
     level with the folders and the contact cards beside it */
.gt[data-v-91e0b4e1] {
    --gt-ground: color-mix(in oklab, var(--muted) 50%, var(--background));
    --gt-meta: color-mix(in oklab, var(--muted-foreground) 78%, var(--foreground));
    --gt-shade: color-mix(in oklab, var(--foreground) 28%, transparent);
    -webkit-tap-highlight-color: transparent;
}
html.dark .gt[data-v-91e0b4e1] {
    --gt-meta: var(--muted-foreground);
    --gt-shade: color-mix(in oklab, black 72%, transparent);
}
.gt[data-shape='print'][data-v-91e0b4e1] {
    background-color: var(--gt-ground);
}
.gt[data-shape='print'][data-v-91e0b4e1]:not(:hover) {
    border-color: transparent;
}
.gt[data-shape='print'][data-v-91e0b4e1]:hover {
    border-color: color-mix(in oklab, var(--foreground) 12%, var(--border));
    box-shadow:
      0 1px 2px -1px var(--gt-shade),
      0 12px 24px -16px var(--gt-shade);
}
.gt-pic[data-v-91e0b4e1] {
    position: relative;
    flex: none;
    aspect-ratio: 1 / 1;
}
.gt-foot[data-v-91e0b4e1] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 4px 7px 5px;
}
.gt-title[data-v-91e0b4e1] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.006em;
    color: var(--foreground);
}
.gt-meta[data-v-91e0b4e1] {
    min-width: 0;
    margin: auto 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
    color: var(--gt-meta);
}
.gt-sep[data-v-91e0b4e1] {
    padding-inline: 4px;
    opacity: 0.55;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-content:"";--tw-leading:initial;--tw-font-weight:initial}}}.contact{background-color:var(--card);border-radius:3.40282e38px;flex-shrink:0;place-items:center;padding:.12rem;display:grid;position:relative}.contact>div{background-color:var(--background);border-radius:3.40282e38px;place-items:center;width:100%;height:100%;display:grid;position:relative}.contact>div:before{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;width:100%;height:100%;position:absolute}.contact>div:after{--tw-leading:1;--tw-font-weight:var(--font-weight-medium,500);line-height:1;font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);text-transform:capitalize;--tw-content:attr(initals);content:var(--tw-content)}.contact>div:after:where(){color:var(--foreground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.contact-fab{--f7-fab-button-size:40px;position:relative}.contact-fab.fab-opened .fab-buttons{pointer-events:auto;visibility:visible}.contact-fab .fab-buttons{pointer-events:none;visibility:hidden;display:flex;position:absolute}.contact-fab .fab-buttons>button{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-xudaTint-600,#0091ff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.fab-buttons-center{inset-inline-start:0%;width:100%;height:100%;top:0%}.fab-buttons-center button{position:absolute}.fab-buttons-center button:first-child{transform-origin:bottom;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:50%;margin-bottom:16px;bottom:100%;transform:translateY(-8px)scale(.3)}.fab-buttons-center button:nth-child(2){margin-top:calc(-1 * var(--f7-fab-button-size) / 2);transform-origin:0;margin-inline-start:16px;top:50%;left:100%;transform:translate(-8px)scale(.3)}.fab-buttons-center button:nth-child(3){transform-origin:top;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:50%;margin-top:16px;top:100%;transform:translateY(8px)scale(.3)}.fab-buttons-center button:nth-child(4){margin-top:calc(-1 * var(--f7-fab-button-size) / 2);transform-origin:100%;margin-inline-end:16px;top:50%;right:100%;transform:translate(8px)scale(.3)}.fab-buttons-center button:nth-child(5){transform-origin:bottom;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:0%;margin-bottom:16px;bottom:100%;transform:translateY(-8px)scale(.3)}.fab-opened .fab-buttons button{opacity:1;transform:translate(0)scale(1)!important}.fab-opened .fab-buttons button:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons button:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons button:nth-child(4){transition-delay:.15s}.fab-opened .fab-buttons button:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons button:nth-child(6){transition-delay:.25s}

  /* UI-2230: the card shapes. Lengths and type are the cards' own (ChatCard.vue's .cc-*, AgentTile.vue's .at-*, the
     profile card's name in ContactAvatarNew), so a folder's name and picture stand on the lines theirs stand on. The
     ground is ChatCard's --cc-ground, written opaque as it is there. */
.gft[data-v-85f02cc2] {
    --gft-ground: color-mix(in oklab, var(--muted) 50%, var(--background));
    --gft-meta: color-mix(in oklab, var(--muted-foreground) 78%, var(--foreground));
    --gft-shade: color-mix(in oklab, var(--foreground) 28%, transparent);
    -webkit-tap-highlight-color: transparent;
}
html.dark .gft[data-v-85f02cc2] {
    --gft-meta: var(--muted-foreground);
    --gft-shade: color-mix(in oklab, black 72%, transparent);
}

  /* A dragged card over a card shape: the ring a selected card wears (Results.vue's cell ring). */
.gft[data-drop][data-v-85f02cc2]:not([data-shape='panel']):not([data-shape='round']) {
    box-shadow:
      0 0 0 2px var(--background),
      0 0 0 4px var(--primary);
}
.gft-pic[data-v-85f02cc2] {
    position: relative;
    flex: none;
    aspect-ratio: 4 / 3;
}
.gft-mesh[data-v-85f02cc2] {
    height: 78%;
    aspect-ratio: 1;
}
  /* UI-2387: the contact card's square print; the mesh keeps about the size it has on the 4:3 one */
.gft-pic--square[data-v-85f02cc2] {
    aspect-ratio: 1 / 1;
}
  /* UI-2917: the AI Assistant card's 2:3 print */
.gft-pic--tall[data-v-85f02cc2] {
    aspect-ratio: 2 / 3;
}
.gft-pic--square .gft-mesh[data-v-85f02cc2] {
    height: 60%;
}

  /* print: the chat card */
.gft[data-shape='print'][data-v-85f02cc2] {
    background-color: var(--gft-ground);
}
.gft[data-shape='print'][data-v-85f02cc2]:hover {
    /* UI-2432: also the bitten card's painted edge and the line round its bite (OwnerPocket) */
    --op-edge: color-mix(in oklab, var(--foreground) 12%, var(--border));
    border-color: var(--op-edge);
    box-shadow:
      0 1px 2px -1px var(--gft-shade),
      0 12px 24px -16px var(--gft-shade);
}
  /* UI-2432: the maker's pocket, as ChatCard's owner pocket: the ground and edge move to the bitten layer, and the meta
     line keeps the face's 36px with its words on the face's centre, ending 6px short of the bite */
.gft.op-bitten[data-shape='print'][data-v-85f02cc2],
  .gft.op-bitten[data-shape='print'][data-v-85f02cc2]:hover {
    --op-ground: var(--gft-ground);
    background-color: transparent;
    border-color: transparent;
}
.gft.op-bitten .gft-meta[data-v-85f02cc2] {
    padding-block: 19px 1px;
    padding-inline-end: 34px;
}
  /* UI-2577: on Contacts' one-line foot (49px, the bite's own height) the face stands beside both lines, so neither grows
     and both end short of the bite, as the contact card's name and line do. The room is the foot's, in the page's
     direction: the title is dir="auto", so its own end is the wrong side for a Latin name on a right to left page. */
.gft.op-bitten .gft-foot--line[data-v-85f02cc2] {
    padding-inline-end: 41px;
}
.gft.op-bitten .gft-foot--line .gft-meta[data-v-85f02cc2] {
    padding-block: 0;
    padding-inline-end: 0;
}
  /* and, like the cards beside it, no edge at rest: the bite is the page showing through the ground */
.gft.op-bitten[data-shape='print'][data-v-85f02cc2]:has(.gft-foot--line):not(:hover) {
    --op-edge: transparent;
}
.gft-foot[data-v-85f02cc2] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 6px 7px 5px;
}
.gft-title[data-v-85f02cc2] {
    display: -webkit-box;
    min-height: 36px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.006em;
    overflow-wrap: anywhere;
    color: var(--foreground);
}
  /* UI-2378: ChatCard's .cc-meta, .cc-sep and .cc-face */
.gft-meta[data-v-85f02cc2] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: auto 0 0;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
    color: var(--gft-meta);
}
.gft-sep[data-v-85f02cc2] {
    padding-inline: 4px;
    opacity: 0.55;
}
.gft-face[data-v-85f02cc2] {
    border-radius: 9999px;
    box-shadow: 0 0 0 1px var(--border);
    transition: box-shadow 150ms ease;
}
.gft-meta .gft-face[data-v-85f02cc2]:hover {
    box-shadow: 0 0 0 2px var(--primary);
}

  /* UI-2283: the agent card's foot (AgentTile.vue, D): the name 7px under the print (the Frame's 3px gap and 4px
     here), one line, then the meta 3px under it: 49px, so the folder's row stands level with the agents'. At rest
     the agent card draws no edge, so neither does its folder. */
.gft-foot--line[data-v-85f02cc2] {
    gap: 3px;
    padding: 4px 7px 5px;
}
.gft-foot--line .gft-title[data-v-85f02cc2] {
    display: block;
    min-height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  /* at the foot, so on a phone (where the agents' name keeps two lines) it stands on the agents' meta line */
.gft-foot--line .gft-meta[data-v-85f02cc2] {
    margin: auto 0 0;
}
.gft[data-shape='print'][data-v-85f02cc2]:has(.gft-foot--line):not(:hover) {
    border-color: transparent;
}
.gft-pname[data-v-85f02cc2] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: var(--foreground);
}

  /* portrait: the profile card, its name 20px from the top and 17px in from each side, centred */
.gft[data-shape='portrait'][data-v-85f02cc2] {
    overflow: hidden;
    border: 1px solid var(--border);
    background-color: var(--gft-ground);
    transition:
      border-color 150ms,
      box-shadow 150ms;
}
.gft[data-shape='portrait'][data-v-85f02cc2]:hover {
    border-color: color-mix(in oklab, var(--foreground) 12%, var(--border));
    box-shadow:
      0 1px 2px -1px var(--gft-shade),
      0 12px 24px -16px var(--gft-shade);
}
.gft-pname[data-v-85f02cc2] {
    flex: none;
    padding: 19px 16px 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

  /* UI-2050: the lasso band (lib/marquee.js draws a bare div.grid-marquee and leaves its look to this file). */
.grid-marquee {
    border: 1px solid color-mix(in oklab, var(--primary) 70%, transparent);
    background: color-mix(in oklab, var(--primary) 10%, transparent);
    border-radius: 6px;
}
  /* UI-2050: an agent or profile card keeps its online and unread dots in the same top-start corner the check
     takes, so they step aside while the check shows (the card hovered, or a selection engaged). */
[data-select-id]:hover .pc-state-dots,
  [data-select-engaged] .pc-state-dots {
    opacity: 0;
}
  /* UI-2050: while a band sweeps, the cards do not answer hover (the contact card's tilt, the chat card's lift). */
[data-marquee] [data-select-id] {
    pointer-events: none;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.mini-app-preview .ai-header-back-btn,.mini-app-preview .ai-header-share-btn{display:none!important}.mini-app-preview .ai-chat-header>div>img{margin-top:calc(var(--spacing,.25rem) * 10)}.mini-app-preview .ai-chat .input-wrapper{padding-inline:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 3)}.hero-card{align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--foreground);flex-direction:column;width:min(28rem,100% - 3rem);display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-card{border-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.hero-card{background-color:var(--card);padding:calc(var(--spacing,.25rem) * 6);text-align:center;--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#00000014}@supports (color:color-mix(in lab, red, red)){.hero-card{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black,#000) 8%, transparent) var(--tw-shadow-alpha), transparent)}}.hero-card:where(.dark,.dark *){background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hero-card:where(.dark,.dark *){background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}.hero-card{box-shadow:inset 0 1px #ffffff0a,0 24px 48px -24px #0000002e,0 8px 24px -12px #0000001f}.hero-card__media{aspect-ratio:6/4;border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--foreground);width:100%;max-width:20rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-card__media{border-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.hero-card__media{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hero-card__media{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.hero-card__media:where(.dark,.dark *){background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hero-card__media:where(.dark,.dark *){background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}.hero-card__media-glow{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab, var(--color-white,#fff) 3%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:color-mix(in oklab, var(--color-white,#fff) 6%, transparent);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.hero-card:hover .hero-card__media-glow{opacity:1}.hero-card__body{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);flex-direction:column;width:100%;display:flex}.hero-card__title{margin:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--foreground);--tw-gradient-to:color-mix(in oklab, var(--foreground) 80%, transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-card__caption{margin:calc(var(--spacing,.25rem) * 0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);color:var(--muted-foreground);min-height:1rem}.hero-card__line{margin-top:calc(var(--spacing,.25rem) * 1);height:1px;width:calc(var(--spacing,.25rem) * 24);background-color:var(--foreground);border-radius:3.40282e38px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-card__line{background-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.hero-card__line-sweep{inset-block:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab, var(--foreground) 60%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:transparent;width:33.3333%;border-radius:3.40282e38px;animation:1.8s cubic-bezier(.4,0,.6,1) infinite hero-line-sweep;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0)}@keyframes hero-line-sweep{0%{transform:translate(-120%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.hero-card__line-sweep{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.home-list--under-box{--chat-box-h:var(--ai-composer-h,8rem)}.home-list__foot{padding-bottom:calc(var(--ai-composer-h,8rem) + 2rem)}@keyframes hero-aurora{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.65;transform:scale(1.05)}}.aurora-pulse{animation:9s ease-in-out infinite hero-aurora}@keyframes hero-aurora-slow{0%,to{opacity:.22;transform:scale(1.02)translateY(0)}50%{opacity:.36;transform:scale(1.08)translateY(6px)}}.aurora-pulse-slow{animation:13s ease-in-out infinite hero-aurora-slow}@media (prefers-reduced-motion:reduce){.aurora-pulse,.aurora-pulse-slow{animation:none}}.ws-plan-cta{isolation:isolate;--ws-cta-halo:var(--color-red-500);position:relative}.ws-plan-cta:after,.ws-plan-cta:before{content:"";z-index:-1;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.ws-plan-cta:after{animation:1.8s ease-in-out infinite ws-plan-cta-glow}.ws-plan-cta:before{animation:1.8s cubic-bezier(.4,0,.6,1) infinite ws-plan-cta-ping}@keyframes ws-plan-cta-glow{0%,to{box-shadow:0 0 8px 0 color-mix(in srgb, var(--ws-cta-halo) 14%, transparent)}50%{box-shadow:0 0 18px 3px color-mix(in srgb, var(--ws-cta-halo) 32%, transparent)}}@keyframes ws-plan-cta-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ws-cta-halo) 40%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.ws-plan-cta:before{box-shadow:0 0 0 2px var(--ws-cta-halo);animation:none}@supports (color:color-mix(in lab, red, red)){.ws-plan-cta:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--ws-cta-halo) 40%, transparent)}}.ws-plan-cta:after{box-shadow:0 0 14px 2px var(--ws-cta-halo);animation:none}@supports (color:color-mix(in lab, red, red)){.ws-plan-cta:after{box-shadow:0 0 14px 2px color-mix(in srgb, var(--ws-cta-halo) 22%, transparent)}}}.ai-prompt[aria-disabled=true]{opacity:1!important}.home-ai .ai-asset-preview{height:calc(var(--spacing,.25rem) * 12)!important;width:calc(var(--spacing,.25rem) * 16)!important}.home-ai .ai-textarea{text-align:start!important;max-height:13rem!important;overflow:auto!important}.home-ai .ai-assets-container{padding-bottom:calc(var(--spacing,.25rem) * 2)!important}.home-ai .ai-prompt{text-align:start}.inner-chat-view.ai-chat{--thread-content-max-width:40rem;width:100%;height:100%}@media (min-width:64rem){.inner-chat-view.ai-chat{--thread-content-max-width:68rem}}.inner-chat-view.ai-chat .ai-message-container{max-height:100%!important;padding-bottom:calc(var(--spacing,.25rem) * 0)!important;overflow:auto!important}.inner-chat-view.ai-chat .ai-message-container>div{max-width:var(--thread-content-max-width);margin-inline:auto}.inner-chat-view.ai-chat .input-wrapper{padding-inline:calc(var(--spacing,.25rem) * 2);padding-bottom:calc(var(--spacing,.25rem) * 3)}.inner-chat-view.ai-chat .ai-prompt{max-width:var(--thread-content-max-width);margin-inline:auto}

  /* UI-2009 (Ishai, a shot of the header row over the rail: "i feel like we can make this align better"): the rail's
     columns were the menu's own (its line on the content line, icons centred 22px in, labels 38px in), so not one met
     the header row's title, its mark and its text (PageTitle's 1.25rem mark box and its 0.5rem gap). Each rail row is
     built as the title is: the icon centred in a box the mark's size (1.25rem) and its label the same 8px after, so
     icons centre under the gear and labels start under "Settings".
     UI-2034 (Boaz, picking "align to the title"): UI-2009 started the rows past the window's X, which led the row then
     (2rem + 0.375rem); UI-2024 made the X the row's last item, so the title starts on the content line whether the X
     is drawn or not, and the rows start there too (--bm-lead 0). Measured at 1440px before this: the rail's icons
     centred at 128 under a gear at 90, labels at 146 under a title at 108. The rail's line and its marker stand in
     the gutter, 0.75rem before the content line, the menu's own 12px from the line to an icon; the rail's scroller
     reaches that far into the gutter (lg:-ms-3 lg:ps-3) so they are not clipped. The values are BranchedMenu's custom
     properties, which it reads with its own defaults.
     UI-2183: the rail is a Frame of socket tiles (the template), with no line or marker in the gutter, so --bm-rail and
     --bm-lead are gone. --bm-mark stays: each tile's icon sits in a box the header mark's size, its label 8px after. */
.settings-shell {
    --bm-mark: 1.25rem;
}
  /* UI-2226 (Ishai: "make the titles a tad bigger"): in Settings a section's title is 20px (the shared .tab-title is 18) and a
     card's title on its rim 16px (FrameTitle is 14, under the 16px row labels inside the same card). Unlayered, so these
     outrank the .tab-title rule and FrameTitle's text-sm utility. */
.settings-shell .tab-title {
    font-size: 1.25rem;
}
.settings-shell [data-slot='frame-panel-title'] {
    font-size: 1rem;
    line-height: 1.5rem;
}

.code-input__caret[data-v-9e1791b8] {
    animation: code-input-caret-9e1791b8 1.1s steps(1, end) infinite;
}
@keyframes code-input-caret-9e1791b8 {
0%,
    100% {
      opacity: 1;
}
50% {
      opacity: 0;
}
}
.code-input--shake[data-v-9e1791b8] {
    animation: code-input-shake-9e1791b8 360ms cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
@keyframes code-input-shake-9e1791b8 {
20%,
    60% {
      transform: translateX(-5px);
}
40%,
    80% {
      transform: translateX(5px);
}
}
@media (prefers-reduced-motion: reduce) {
.code-input__caret[data-v-9e1791b8],
    .code-input--shake[data-v-9e1791b8] {
      animation: none;
}
}

.mcp-consent__sock[data-v-0bbc15d7] {
    max-height: calc(100dvh - 14rem);
}
  /* the two facts: a hairline between them and under them, the label a column of its own so the values line up */
.mcp-consent__facts[data-v-0bbc15d7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    border-bottom: 1px solid var(--border);
}
.mcp-consent__fact[data-v-0bbc15d7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 44px;
    padding-inline: 4px;
    font-size: 14px;
    line-height: 20px;
}
.mcp-consent__fact + .mcp-consent__fact[data-v-0bbc15d7] {
    border-top: 1px solid var(--border);
}
.mcp-consent__label[data-v-0bbc15d7] {
    flex: none;
    color: var(--muted-foreground);
}
.mcp-consent__fact dd[data-v-0bbc15d7] {
    margin: 0;
}
  /* a key's meta: its parts in a row with a dot between them, wrapping whole onto a second line when the row is short */
.mcp-consent__meta[data-v-0bbc15d7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6px;
    min-width: 0;
}
.mcp-consent__meta > span + span[data-v-0bbc15d7]::before {
    content: '\00b7';
    margin-inline-end: 6px;
    color: var(--muted-foreground);
}
@media (min-width: 30rem) {
.mcp-consent__label[data-v-0bbc15d7] {
      width: 7.5rem;
}
}

  /* UI-3123: the address at the Tools tab's size (ToolsConnect .tools-url), smaller on a narrow card */
.mcp-url[data-v-b4cd63c5] {
    display: block;
    min-width: 0;
    max-width: 100%;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-variant-ligatures: none;
    overflow-wrap: anywhere;
}
@container connect (min-width: 34rem) {
.mcp-url[data-v-b4cd63c5] {
      font-size: 30px;
      line-height: 36px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
}

  /* the steps, as ToolsSteps draws them */
.mcp-steps[data-v-b4cd63c5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mcp-steps__step[data-v-b4cd63c5] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--muted-foreground);
}
.mcp-steps__step > span[data-v-b4cd63c5]:last-child {
    min-width: 0;
    text-wrap: pretty;
}
.mcp-steps__step[data-v-b4cd63c5] b {
    font-weight: 600;
    color: var(--foreground);
}
  /* the line between two steps, only while the steps stand on one row (a phone stacks them, and a line would lead a row) */
.mcp-steps__line[data-v-b4cd63c5] {
    display: none;
    flex: none;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: var(--border);
    transition: background-color 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.mcp-steps__line.is-done[data-v-b4cd63c5] {
    background: var(--foreground);
}
@container connect (min-width: 40rem) {
.mcp-steps__line[data-v-b4cd63c5] {
      display: block;
}
}
.mcp-steps__n[data-v-b4cd63c5] {
    flex: none;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    background: var(--background);
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--foreground) 22%, var(--border));
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    transition:
      background-color 200ms cubic-bezier(0.22, 1, 0.36, 1),
      color 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.mcp-steps__n.is-now[data-v-b4cd63c5] {
    box-shadow: inset 0 0 0 2px var(--foreground);
}
.mcp-steps__n.is-done[data-v-b4cd63c5] {
    background: var(--foreground);
    color: var(--background);
    box-shadow: none;
}
@media (prefers-reduced-motion: no-preference) {
.mcp-steps__n.is-now[data-v-b4cd63c5] {
      animation: mcp-step-now-b4cd63c5 2.4s ease-in-out infinite;
}
}
@keyframes mcp-step-now-b4cd63c5 {
0%,
    100% {
      box-shadow: inset 0 0 0 2px var(--foreground);
}
50% {
      box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--foreground) 22%, var(--border));
}
}
@media (prefers-reduced-motion: reduce) {
.mcp-steps__line[data-v-b4cd63c5],
    .mcp-steps__n[data-v-b4cd63c5] {
      transition: none;
}
}

  /* a rule: its mark, its line and its hint, a hairline between rules */
.mcp-rule[data-v-b4cd63c5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding-block: 12px;
}
.mcp-rule[data-v-b4cd63c5]:first-child {
    padding-top: 0;
}
.mcp-rule[data-v-b4cd63c5]:last-child {
    padding-bottom: 0;
}
.mcp-rule + .mcp-rule[data-v-b4cd63c5] {
    border-top: 1px solid var(--border);
}

  /* an endpoint: its name, its path (the whole address on hover and on Copy), its Copy. On a narrow card the name
     stands over the path, so the path keeps its width */
.mcp-endpoint[data-v-b4cd63c5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'label copy' 'path copy';
    align-items: center;
    column-gap: 12px;
    min-width: 0;
    padding-block: 8px;
}
.mcp-endpoint dd[data-v-b4cd63c5] {
    grid-area: path;
}
.mcp-endpoint > button[data-v-b4cd63c5] {
    grid-area: copy;
}
@container endpoints (min-width: 30rem) {
.mcp-endpoint[data-v-b4cd63c5] {
      grid-template-columns: 9.5rem minmax(0, 1fr) auto;
      grid-template-areas: 'label path copy';
      min-height: 40px;
      padding-block: 0;
}
}
.mcp-endpoint + .mcp-endpoint[data-v-b4cd63c5] {
    border-top: 1px solid var(--border);
}
.mcp-endpoint__label[data-v-b4cd63c5] {
    grid-area: label;
    font-size: 14px;
    line-height: 20px;
    color: var(--muted-foreground);
}
.mcp-endpoint dd[data-v-b4cd63c5] {
    margin: 0;
}

#d,
  #c,
  #b {
    fill: white;
    stroke: #000;
    stroke-width: 4;
}
#motionPath {
    fill: none;
    stroke-width: 2;
    stroke: black;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.contact-fab{--f7-fab-button-size:40px;position:relative}.contact-fab.fab-opened .fab-buttons{pointer-events:auto;visibility:visible}.contact-fab .fab-buttons{pointer-events:none;visibility:hidden;display:flex;position:absolute}.contact-fab .fab-buttons>button{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-xudaTint-600,#0091ff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.fab-buttons-center{inset-inline-start:0%;width:100%;height:100%;top:0%}.fab-buttons-center button{position:absolute}.fab-buttons-center button:first-child{transform-origin:bottom;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:50%;margin-bottom:16px;bottom:100%;transform:translateY(-8px)scale(.3)}.fab-buttons-center button:nth-child(2){margin-top:calc(-1 * var(--f7-fab-button-size) / 2);transform-origin:0;margin-inline-start:16px;top:50%;left:100%;transform:translate(-8px)scale(.3)}.fab-buttons-center button:nth-child(3){transform-origin:top;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:50%;margin-top:16px;top:100%;transform:translateY(8px)scale(.3)}.fab-buttons-center button:nth-child(4){margin-top:calc(-1 * var(--f7-fab-button-size) / 2);transform-origin:100%;margin-inline-end:16px;top:50%;right:100%;transform:translate(8px)scale(.3)}.fab-buttons-center button:nth-child(5){transform-origin:bottom;margin-inline-start:calc(-1 * var(--f7-fab-button-size) / 2);inset-inline-start:0%;margin-bottom:16px;bottom:100%;transform:translateY(-8px)scale(.3)}.fab-opened .fab-buttons button{opacity:1;transform:translate(0)scale(1)!important}.fab-opened .fab-buttons button:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons button:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons button:nth-child(4){transition-delay:.15s}.fab-opened .fab-buttons button:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons button:nth-child(6){transition-delay:.25s}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.email-folder-item{height:calc(var(--spacing,.25rem) * 9);align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);text-align:start;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.email-folder-item:hover{background-color:var(--muted);color:var(--foreground)}}.email-folder-item--active{background-color:#0091ff1a}@supports (color:color-mix(in lab, red, red)){.email-folder-item--active{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 10%, transparent)}}.email-folder-item--active{color:var(--color-xudaTint-600,#0091ff)}@media (hover:hover){.email-folder-item--active:hover{background-color:#0091ff26}@supports (color:color-mix(in lab, red, red)){.email-folder-item--active:hover{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 15%, transparent)}}.email-folder-item--active:hover{color:var(--color-xudaTint-600,#0091ff)}}.email-folder-label{height:calc(var(--spacing,.25rem) * 8);min-width:calc(var(--spacing,.25rem) * 0);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--radius) - 2px);text-align:start;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground);flex:1;padding-inline-start:calc(var(--spacing,.25rem) * 3);padding-inline-end:calc(var(--spacing,.25rem) * 1.5);display:flex}@supports (color:color-mix(in lab, red, red)){.email-folder-label{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.email-folder-label{text-underline-offset:4px;--tw-outline-style:none;outline-style:none}@media (hover:hover){.email-folder-label:hover{color:var(--foreground);text-decoration-line:underline}}.email-folder-label:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.email-folder-label:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.email-folder-label--focus{color:var(--muted-foreground)}.email-folder-round{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);--tw-outline-style:none;outline-style:none;flex-shrink:0;place-items:center;display:grid}@media (hover:hover){.email-folder-round:hover{background-color:var(--muted);color:var(--foreground)}}.email-folder-round:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.email-folder-round:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.email-folder-nav--sheet .email-folder-item,.email-folder-nav--sheet .email-folder-label{height:calc(var(--spacing,.25rem) * 10)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

@keyframes spinner-bab0b36e {
to {
      transform: rotate(360deg);
}
}
.spinner[data-v-bab0b36e],
  .spinner[data-v-bab0b36e]:before {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
}
.spinner[data-v-bab0b36e]:before {
    content: '';
    display: block;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner-bab0b36e 0.6s linear infinite;
}

  /* Animations */
.spinner-add[data-v-bab0b36e],
  .spinner-remove[data-v-bab0b36e] {
    animation-fill-mode: both;
    animation-duration: 0.4s;
}
.spinner-add[data-v-bab0b36e] {
    animation-name: spinner-add-bab0b36e;
}
@keyframes spinner-add-bab0b36e {
from {
      transform: scale(0);
}
to {
      transform: scale(1);
}
}
.spinner-remove[data-v-bab0b36e] {
    animation-name: spinner-remove-bab0b36e;
}
@keyframes spinner-remove-bab0b36e {
to {
      transform: scale(0);
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-1f6b8a43],[data-v-1f6b8a43]:before,[data-v-1f6b8a43]:after,[data-v-1f6b8a43]::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.mm-slot[data-v-1f6b8a43]{pointer-events:none;top:calc(var(--spacing,.25rem) * 0);z-index:20;position:sticky}.mm[data-v-1f6b8a43]{pointer-events:auto;isolation:isolate;background-color:var(--background);transition:box-shadow .32s var(--mm-ease);--mm-ease:cubic-bezier(.16, 1, .3, 1);overflow:hidden}.mm.is-compact[data-v-1f6b8a43]{box-shadow:0 1px 0 0 var(--border), 0 10px 22px -20px #0000008c}.mm-inner[data-v-1f6b8a43]{justify-content:space-between;align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 3);width:100%;padding-top:calc(var(--spacing,.25rem) * 8);padding-bottom:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex;position:relative}@media (min-width:40rem){.mm-inner[data-v-1f6b8a43]{padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 4)}}.mm-inner[data-v-1f6b8a43]{transition:padding-top .32s var(--mm-ease), padding-bottom .32s var(--mm-ease)}.mm.is-compact .mm-inner[data-v-1f6b8a43]{padding-block:calc(var(--spacing,.25rem) * 3)}@media (min-width:40rem){.mm.is-compact .mm-inner[data-v-1f6b8a43]{padding-block:calc(var(--spacing,.25rem) * 4)}}.mm.is-row[data-v-1f6b8a43],.mm-slot.is-row[data-v-1f6b8a43]{position:relative}.mm.is-row .mm-inner[data-v-1f6b8a43]{padding-inline:var(--page-x);padding-block:calc(var(--spacing,.25rem) * 4)}@media (min-width:40rem){.mm.is-row .mm-inner[data-v-1f6b8a43]{padding-block:calc(var(--spacing,.25rem) * 4)}}:root[data-frame-ready] .mm-inner.frame-head[data-v-1f6b8a43]{transition:padding-top .32s var(--mm-ease), padding-bottom .32s var(--mm-ease), padding-inline-start var(--pane-ms) var(--pane-ease), padding-inline-end var(--pane-ms) var(--pane-ease)}.mm-slot:not(.is-row) ~ *{--slot-ts:0px;--slot-te:0px;--slot-top-h:0px}.mm-lead[data-v-1f6b8a43]{min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 3);flex:1;display:flex}.mm-head[data-v-1f6b8a43]{min-width:calc(var(--spacing,.25rem) * 0);gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;flex:1;display:flex}.mm-headline[data-v-1f6b8a43]{min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.mm-headline[data-v-1f6b8a43]:empty{display:none}.mm-status[data-v-1f6b8a43]{min-width:calc(var(--spacing,.25rem) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--muted-foreground)}.mm-title[data-v-1f6b8a43]{min-width:calc(var(--spacing,.25rem) * 0);--tw-leading:var(--leading-tight,1.25);font-size:22px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground)}.mm-title[data-v-1f6b8a43]:empty{display:none}.mm-title[data-v-1f6b8a43]{transition:font-size .32s var(--mm-ease)}.mm.is-compact .mm-title[data-v-1f6b8a43]{font-size:1.25rem;line-height:1.75rem}.mm-docs--row[data-v-1f6b8a43]{margin-inline-start:calc(var(--spacing,.25rem) * -1.5)}.mm-actions[data-v-1f6b8a43]{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;flex-shrink:0;display:flex}.mm-actions[data-v-1f6b8a43]:empty{display:none}@media (prefers-reduced-motion:reduce){.mm[data-v-1f6b8a43],.mm-inner[data-v-1f6b8a43],.mm-title[data-v-1f6b8a43]{transition:none!important}}@media (max-width:767.98px){.mm-slot[data-v-1f6b8a43]{display:none}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:"";--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.long-line{position:relative}.long-line:after{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);inset-inline-start:-100vw;bottom:calc(var(--spacing,.25rem) * 0);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);border-bottom-style:var(--tw-border-style);content:var(--tw-content);--tw-border-style:dashed;content:var(--tw-content);border-style:dashed;border-bottom-width:1px;border-color:var(--border);width:200vw;height:1px;position:absolute}.long-line:where(.dark,.dark *):after{content:var(--tw-content);border-color:var(--border)}.tab-header{gap:calc(var(--spacing,.25rem) * 4);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex;position:relative}@media (min-width:40rem){.tab-header{align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:minmax(0,1fr) auto;display:grid}}@media (min-width:48rem){.tab-header{padding-inline-start:var(--page-x);padding-inline-end:var(--row-end)}}.tab-header--compact{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5)}@media (min-width:40rem){.tab-header--compact{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 2.5)}}@media (min-width:48rem){.tab-header--sticky{top:calc(var(--spacing,.25rem) * 0);z-index:30;background-color:var(--background);position:sticky}.page-head,.top-row-on .page-head{grid-template-rows:minmax(3.25rem,auto);row-gap:0;padding:0;padding-block-start:var(--head-above,0px)}.page-head .tab-title,.tab-head-framed .tab-title{--tw-leading:var(--leading-tight,1.25);font-size:22px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.page-head>.tab-description{padding-inline:var(--page-x);padding-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.tab-header.page-head+*{margin-block-start:0;padding-block-start:0}@media (min-width:48rem){.tab-header.page-head+*{padding-block-start:var(--page-y)}}}.tab-surface{padding-block-end:var(--slot-foot-room,0px)}.tab-row-tight>:first-child{margin-block-start:0;padding-block-start:0}@media (min-width:48rem){.tab-row-tight>:is(.py-6,.pt-6){padding-top:var(--page-y)}.tab-row-tight>.py-6{padding-bottom:var(--page-y)}}.tab-body{padding-inline:var(--page-x);padding-block:calc(var(--spacing,.25rem) * 4)}@media (min-width:48rem){.tab-body{padding-block:var(--page-y)}}.tab-intro{padding-inline:var(--page-x);padding-top:calc(var(--spacing,.25rem) * 4)}@media (min-width:48rem){.tab-intro{padding-top:var(--page-y)}}.tab-intro>.tab-description:first-child{margin-top:calc(var(--spacing,.25rem) * 0)}.tab-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.tab-title:empty{display:none}.tab-description{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));text-wrap:pretty;color:var(--muted-foreground)}.tab-description:empty{display:none}@media (min-width:40rem){.tab-header>.tab-description{margin-top:calc(var(--spacing,.25rem) * 0);grid-column:span 2/span 2}}@media (max-width:767.98px){.page-head{min-block-size:0}.tab-title,.tab-description,.tab-header:not(:has(button:not([data-info-tip]))):not(:has(a)):not(:has(input)),:is(div,header,hgroup):has(>.tab-title,>.tab-description):not(:has(>:not(.tab-title,.tab-description))),:is(div,header,hgroup):has(>:only-child>.tab-title,>:only-child>.tab-description):not(:has(>:only-child>:not(.tab-title,.tab-description))){display:none}}.tab-end-actions>:is(button,a,[role=button]){border-radius:9999px;flex-shrink:0;gap:0;width:2rem;min-width:2rem;height:2rem;padding:0;position:relative}.tab-end-actions>:is(button,a,[role=button]):after{content:"";border-radius:9999px;position:absolute;inset:-.25rem}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

  /* These classes are prefixed `landing-`, never `ml-`. `ml-` (module landing) reads to the
     RTL sweep as Tailwind's margin-left: it renamed every occurrence in the template, left the
     rules here untouched, and the hero lost its whole stylesheet, so the ghost mark rendered
     full size and full strength on top of the copy. Kept verbatim from the old file, because
     the trap has not gone away.

     What is bespoke here is only what no kit component can be: a surface that bleeds to a
     dialog's own edge, a wash, a clipped ghost mark and a masked shader. The pills, the tiles,
     the benefit cards and the section cards are kit components.

     Every colour reads --rc-accent / --rc-accent-2, which the HOST sets on its root from the
     module's own lane. They are tokens, so they carry their own dark values and the two
     hand-written light-theme darkening rules that used to sit at the foot of the old file are
     gone with the hexes that needed them.

     Never wrap the html.dark or [dir='rtl'] prefixes in :global(). A scoped block compiles
     :global(x) .y down to plain x, dropping the descendant and leaking the rule onto <html>.
     Written plainly, the scope attribute lands on the last compound and the rule stays this
     component's own. Same trap as PlanQuotaContact.vue. */
.landing-hero[data-v-3833d9bb] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--surface-raised);
}

  /* UI-2067: the ink hero's dotted card, on the inline end beside the copy column (max-w-2xl), only from 1280px where
     the column leaves it the room. No accent hairline either: it would be a grey rule on the top edge. */
.landing-hero-stage[data-v-3833d9bb] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    width: 42%;
    display: none;
}
@media (min-width: 1280px) {
.landing-hero-stage[data-v-3833d9bb] {
      display: block;
}
}
.landing-hero-ink[data-v-3833d9bb]::before {
    content: none;
}
  /* UI-2067 (Boaz: "too many frames do more simple to the eye"): the ink hero is no card, the copy sits on the page */
.landing-hero-card.landing-hero-ink[data-v-3833d9bb] {
    background: transparent;
    border: 0;
    border-radius: 0;
}

  /* On the module's own screen it is a section among sections. */
.landing-hero-card[data-v-3833d9bb] {
    border-radius: 1rem;
    border: 1px solid var(--border);
}

  /* In the window it IS the top of the body: no corners of its own (the dialog clips them),
     and one hairline at the foot to part it from the sunken ground below. */
.landing-hero-flush[data-v-3833d9bb] {
    border-bottom: 1px solid var(--border);
}

  /* RESTORED: the accent hairline, in BOTH forms now. One pixel, transparent at both ends,
     --rc-accent into --rc-accent-2 across the middle. It never fights text because it is
     outside the text box, and it is the one accent moment that survives at any zoom and in
     either theme. In the window it lands on the dialog's own top edge, which is what deleting
     that file's chrome header row bought. */
.landing-hero[data-v-3833d9bb]::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 2;
    height: 1px;
    --hd: 90deg;
    background: linear-gradient(var(--hd), transparent, color-mix(in srgb, var(--rc-accent) 55%, transparent), color-mix(in srgb, var(--rc-accent-2) 40%, transparent), transparent);
}
[dir='rtl'] .landing-hero[data-v-3833d9bb]::before {
    --hd: 270deg;
}

  /* THE ART PLANE, and its mask is a measured contract rather than a taste call. Under the
     wash's own 26% peak, --muted-foreground reads 2.71:1 on the light theme at the worst
     accent, where it reads 3.84:1 on the plain surface, and --foreground under that same peak
     reads 10.98:1. So the picture may be at full strength across the pill and the headline,
     which are --foreground, and has to be gone by the paragraph, which is muted. At 6% or less
     the paragraph is back at 3.55:1. Both the old file and the version this replaces ship that
     defect; the wash keeps its character and gets a vertical mask instead. */
.landing-hero-art[data-v-3833d9bb] {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 72%);
    mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 72%);
}

  /* The hero is proportionally taller relative to its width on a phone, so the fade tightens
     rather than letting the wash reach the button row. */
@media (max-width: 640px) {
.landing-hero-art[data-v-3833d9bb] {
      -webkit-mask-image: linear-gradient(to bottom, black 0%, black 24%, transparent 58%);
      mask-image: linear-gradient(to bottom, black 0%, black 24%, transparent 58%);
}
}

  /* RESTORED: the wash. Three radials at top-start, mid-top and bottom-end. It is what makes a
     1rem-radius rectangle read as a lit surface rather than a bounded box, and deleting it is
     most of why every module's window came out as the same white sheet.
     Carried lower on light than on dark, because the same 32% of a mid-tone that glows on
     #060619 is a smudge on white. The three x positions and the three strengths are variables
     so the theme rule and the RTL rule each reset three values instead of restating the whole
     declaration. */
.landing-hero-glow[data-v-3833d9bb] {
    position: absolute;
    inset: 0;
    --gx1: 6%;
    --gx2: 44%;
    --gx3: 96%;
    --g1: 26%;
    --g2: 17%;
    --g3: 14%;
    background:
      radial-gradient(62% 92% at var(--gx1) 0%, color-mix(in srgb, var(--rc-accent) var(--g1), transparent), transparent 66%),
      radial-gradient(55% 85% at var(--gx2) 4%, color-mix(in srgb, var(--rc-accent-2) var(--g2), transparent), transparent 70%),
      radial-gradient(48% 74% at var(--gx3) 104%, color-mix(in srgb, var(--rc-accent-2) var(--g3), transparent), transparent 72%);
}
html.dark .landing-hero-glow[data-v-3833d9bb] {
    --g1: 32%;
    --g2: 20%;
    --g3: 12%;
}

  /* Every stop above is a PHYSICAL percentage and there is no `at start`. CalendarBar is the
     precedent and the warning: left unmirrored, the picture stays at the physical left, which
     in Hebrew is where the copy is not. utils/check_rtl_i18n.mjs cannot catch this, because it
     reads Tailwind utilities and a percentage inside a radial-gradient in a scoped block is
     invisible to it. The gate passes while the hero is drawn backwards. */
[dir='rtl'] .landing-hero-glow[data-v-3833d9bb] {
    --gx1: 94%;
    --gx2: 56%;
    --gx3: 4%;
}

  /* The dither's own box, masked a SECOND time on top of the plane's downward fade, so the
     waves come in over the coloured corner and are gone before the button: a moving pattern
     behind a button is a moving pattern you have to read a button against. The vertical radius
     is 130% and not the masthead's 260%, because that figure exists to fill a band one line
     high; 130% is the reach it buys over a hero. */
.landing-hero-dither[data-v-3833d9bb] {
    position: absolute;
    inset: 0;
    --dx: 6%;
    opacity: 0.34;
    -webkit-mask-image: radial-gradient(86% 130% at var(--dx) 0%, black 6%, transparent 72%);
    mask-image: radial-gradient(86% 130% at var(--dx) 0%, black 6%, transparent 72%);
}
html.dark .landing-hero-dither[data-v-3833d9bb] {
    opacity: 0.28;
}
[dir='rtl'] .landing-hero-dither[data-v-3833d9bb] {
    --dx: 94%;
}

  /* RESTORED: the ghost mark. inset-inline-end, so Hebrew puts it on the correct side without
     a rule of its own. */
.landing-hero-mark[data-v-3833d9bb] {
    position: absolute;
    top: -2rem;
    inset-inline-end: -2rem;
    width: 13rem;
    height: 13rem;
    color: var(--rc-accent);
    opacity: 0.13;
}
html.dark .landing-hero-mark[data-v-3833d9bb] {
    opacity: 0.1;
}
  /* UI-1649: the filled mark carries more ink than the outline glyph at the same opacity */
.landing-hero-mark.is-logo[data-v-3833d9bb] {
    opacity: 0.09;
}
html.dark .landing-hero-mark.is-logo[data-v-3833d9bb] {
    opacity: 0.07;
}
@media (max-width: 640px) {
.landing-hero-mark[data-v-3833d9bb] {
      display: none;
}
}

  /* RESTORED: THE IDENTITY PILL. A @reui/badge outline recoloured through three declarations.
     MEASURED at the worst case, which is the pill sitting on the wash peak with its own 10%
     fill over that: at 40% accent over --foreground the worst of the fifteen lanes reads
     5.25:1 on light (cyan) and 4.90:1 on dark (cyan), so 14px semibold clears AA everywhere.
     The old file's 75% put green at 2.62:1 under the same conditions, which is why Meet and
     Finance shipped a failing pill.
     Plain scoped declarations rather than @apply, so they sit outside Tailwind's layers and
     beat `dark:bg-input/32` from the outline variant. The dark fill is restated anyway. */
.landing-eyebrow[data-v-3833d9bb] {
    border-color: color-mix(in oklab, var(--rc-accent) 38%, transparent);
    background-color: color-mix(in oklab, var(--rc-accent) 10%, transparent);
    color: color-mix(in oklab, var(--rc-accent) 40%, var(--foreground));
}
html.dark .landing-eyebrow[data-v-3833d9bb] {
    background-color: color-mix(in oklab, var(--rc-accent) 14%, transparent);
}

  /* A measure in characters, not a wrap the copy has to be written around: it is what keeps a
     two-line headline two lines in every module, and it is a measure, so a longer word in
     Hebrew moves the break instead of overflowing.
     No ch cap on the narrowest screens: at 375px the column is already shorter than the
     measure, and capping it there only pushed a three-line headline to four. */
.landing-headline[data-v-3833d9bb] {
    font-size: 1.5rem;
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--foreground);
    text-wrap: balance;
}
@media (min-width: 640px) {
.landing-headline[data-v-3833d9bb] {
      font-size: 2.125rem;
      line-height: 1.15;
      max-width: 26ch;
}
}

  /* UI-2087 (Ishai, of a 3px amber ring round the playing picture: "WHATS THE UGLY YELLOW BORDER ON THE ACTIVE?!?!", then
     "it should be the frame color not addition to it"): nothing is drawn round the playing picture; its own 1px frame line
     takes the module's colour (--rc-accent), and so does the line the pocket runs round its bite, so the one line goes on
     unbroken round the corner. The pocket's line is the var it already reads; the picture's edge is set on the picture
     itself, not through --frame-panel-border-color, which the scene's own panels inside it read too. */
.pitch-shot[data-playing][data-v-201573e1] {
    --frame-pocket-line: var(--rc-accent);
}
.pitch-shot[data-playing] > .pitch-pic[data-v-201573e1] {
    border-color: var(--rc-accent);
}
.pitch-clock[data-v-201573e1] {
    stroke: var(--rc-accent);
    transition: stroke-dasharray 200ms linear;
}
@media (prefers-reduced-motion: reduce) {
.pitch-clock[data-v-201573e1] {
      transition: none;
}
}
  /* The number in its pocket: finished is a check on the module's colour in its ink; playing drops the outline for its
     ring; still to come is the outline button's own look, its figure quieter */
.pitch-num[data-state='done'][data-v-201573e1] {
    border-color: transparent;
    background-color: var(--rc-accent);
    color: var(--rc-accent-ink);
}
.pitch-num[data-state='playing'][data-v-201573e1] {
    border-color: transparent;
    color: var(--foreground);
}
.pitch-num[data-state='ahead'][data-v-201573e1] {
    color: var(--muted-foreground);
}

  /* UI-2122: the cards. The switch points are the storyboard's own width (the `pitch` container on its root, the head's
     too, so the head and the cards change together); the card widths are the rail's (100cqw). Below 40rem every
     storyboard is the one card at a time row. */
.pitch-track[data-v-201573e1] {
    --pitch-card: calc(100cqw - 4rem);
    --pitch-pic: max(19rem, var(--pitch-tallest, 0px));
    display: flex;
    column-gap: var(--frame-gap);
    overflow-x: auto;
    padding-inline: 2rem;
    scroll-padding-inline: 2rem;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}
.pitch-track[data-v-201573e1]::-webkit-scrollbar {
    display: none;
}
.pitch-slide[data-v-201573e1] {
    display: flex;
    flex: 0 0 var(--pitch-card);
    flex-direction: column;
    min-width: 0;
    scroll-snap-align: center;
}
.pitch-shot[data-v-201573e1] {
    flex-shrink: 0;
    height: var(--pitch-pic);
}
.pitch-room[data-v-201573e1] {
    position: absolute;
    inset: 0;
}
.pitch-cap[data-v-201573e1] {
    padding: 0.625rem 0.625rem 0.375rem;
}
@container pitch (min-width: 40rem) {
    /* more than four: two in view, the next peeking at the end */
.pitch-track[data-layout='carousel'][data-v-201573e1] {
      --pitch-card: calc((100cqw - var(--frame-gap) - 3rem) / 2);
      --pitch-pic: max(21rem, var(--pitch-tallest, 0px));
      padding-inline: 0;
      scroll-padding-inline: 0;
      scroll-snap-type: x proximity;
}
.pitch-track[data-layout='carousel'] .pitch-slide[data-v-201573e1] {
      scroll-snap-align: start;
}
    /* four or fewer: two across, the pictures and the captions shared rows (subgrid), a picture as tall as its scene;
       the row gap is the caption's own foot, as a subgrid would put the gap between a picture and its caption too */
.pitch-track[data-layout='grid'][data-v-201573e1] {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 0;
      overflow: visible;
      padding-inline: 0;
      scroll-snap-type: none;
}
.pitch-track[data-layout='grid'] .pitch-slide[data-v-201573e1] {
      display: grid;
      grid-row: span 2;
      grid-template-rows: subgrid;
}
.pitch-track[data-layout='grid'] .pitch-shot[data-v-201573e1] {
      height: auto;
}
.pitch-track[data-layout='grid'] .pitch-room[data-v-201573e1] {
      position: relative;
      inset: auto;
}
.pitch-track[data-layout='grid'] .pitch-cap[data-v-201573e1] {
      padding-bottom: 1rem;
}
}
@container pitch (min-width: 60rem) {
.pitch-track[data-layout='carousel'][data-v-201573e1] {
      --pitch-card: calc((100cqw - 2 * var(--frame-gap) - 4rem) / 3);
}
    /* four across, as tall as the room the page leaves them (up to 30rem), a scene taller than its picture drawn smaller */
.pitch-track[data-layout='grid'][data-v-201573e1] {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-template-rows: minmax(17rem, 1fr) auto;
      min-height: min(var(--pitch-fit, 0px), 30rem);
}
.pitch-track[data-layout='grid'] .pitch-room[data-v-201573e1] {
      position: absolute;
      inset: 0;
}
.pitch-track[data-layout='grid'] .pitch-cap[data-v-201573e1] {
      padding-bottom: 0.375rem;
}
}
@container pitch (min-width: 76rem) {
.pitch-track[data-layout='carousel'][data-v-201573e1] {
      --pitch-card: calc((100cqw - 3 * var(--frame-gap) - 4.5rem) / 4);
}
}
.pitch-dots[data-v-201573e1] {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding-top: 0.75rem;
}
@container pitch (min-width: 40rem) {
.pitch-dots[data-v-201573e1] {
      display: none;
}
}
.pitch-dot[data-v-201573e1] {
    width: 7px;
    height: 7px;
    border-radius: 9999px;
    background: var(--border);
    transition:
      width 300ms ease-out,
      background-color 300ms ease-out;
}
.pitch-dot[data-on][data-v-201573e1] {
    width: 22px;
    background: var(--rc-accent);
}
@media (prefers-reduced-motion: reduce) {
.pitch-dot[data-v-201573e1] {
      transition: none;
}
}

  /* These classes are prefixed `landing-`, not `ml-`. They were `ml-` (module landing), which
     the RTL sweep reads as Tailwind's margin-left and rewrites to `ms-`: it renamed every one
     of them in the template, left the rules below untouched, and the page lost its whole
     stylesheet. A prefix that cannot be mistaken for a direction utility is what keeps it fixed.

     What is left in this file is only the step rail: a hairline drawn across a grid gap, which
     no stock component draws. The hero's own stylesheet moved to ModuleLandingHero.vue with the
     hero; the benefit tiles, the two section cards, the pills and the icon tiles are all kit
     components. */

  /* The step rail. The panel around it provides the padding, so this is only the grid and the
     hairline between one number and the next. */
.landing-steps[data-v-8ded8007] {
    display: grid;
    gap: 1.25rem;
}
@media (min-width: 640px) {
.landing-steps[data-v-8ded8007] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.landing-steps[data-v-8ded8007] {
      grid-template-columns: repeat(var(--steps, 4), minmax(0, 1fr));
}
}
.landing-step[data-v-8ded8007] {
    position: relative;
    min-width: 0;
}

  /* A hairline from each number to the next one along, drawn across the grid gap so the four
     read as one sequence rather than four paragraphs that happen to be numbered. Only where the
     row is actually a row. The offsets are the tile's own geometry: an IconTile at `size="sm"`
     is 2rem, so the rail starts half a gap past it and is centred on it. */
@media (min-width: 1024px) {
.landing-step[data-v-8ded8007]:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 1rem;
      inset-inline-start: 2.5rem;
      inset-inline-end: -1.25rem;
      height: 1px;
      background: var(--border);
}
}

  /* The tile itself is the kit's soft IconTile, in the module's accent. This only sets the
     type, because a tile made for a 1rem glyph is holding a numeral. */
  /* UI-2067: the ink step number, a plain numeral on a hairline circle rather than a tinted tile */
.landing-step-ink[data-v-8ded8007] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    border: 1px solid var(--border);
    color: var(--foreground);
}
.landing-step-num[data-v-8ded8007] {
    font-size: 0.875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.tags-automation-animation-circle {
    height: 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    pointer-events: none;
    position: relative;
}
.lazy-background-image-maskImage {
    -webkit-mask-image: var(--background-image);
    mask-image: var(--background-image);
}
.lazy-background-image {
    transition: 1s cubic-bezier(0.6, 0.6, 0, 1) opacity;
}
.tags-automation-animation-circle-inner {
    animation: tagsAutomationCircleAnimation 5s cubic-bezier(0.6, 0.6, 0, 1) infinite;
    height: 746px;
    inset-inline-start: -442px;
    position: absolute;
    top: -235px;
    transform: scale(0);
    width: 1288px;
}
.tags-automation-animation-in-view img {
    animation: tagsAnimation 5s cubic-bezier(0.6, 0.6, 0, 1) infinite;
    opacity: 1 !important;
    transition-delay: 0 !important;
}
.tags-automation-animation-circle-inner img {
    height: 100%;
    width: 100%;
}
.lazy-image {
    display: block;
    transition: 1s cubic-bezier(0.6, 0.6, 0, 1) opacity;
}
@keyframes tagsAutomationCircleAnimation {
0% {
      transform: scale(0);
}
to {
      transform: scale(1.5);
}
}
@keyframes tagsAnimation {
0%,
    20%,
    to {
      transform: scale(1);
}
10% {
      transform: scale(1.1);
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.animate-btn-border{--secondary:#fff!important;border-radius:calc(var(--radius) + 4px)!important;padding:.15rem!important}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.animate-border{padding:1.5px!important}.animate-border .card-body{overflow:hidden}.card-header{z-index:3;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex;position:relative}

  /* the board's panel: 100px, the face 13px in from the panel's edge (12 and its 1px line), the name 18px/600 */
.ph-panel[data-v-baba442d] {
    height: 100px;
    padding-block: 12px 0;
    padding-inline: 12px 14px;
}
  /* the name row keeps clear of the head end pocket (nameEnd, NAME_CLEAR). UI-2530: only the name row. The
     pocket is a 32px item and its body ends 36px down the panel (the item and its 4px gap), where the facts line starts,
     so the facts run the panel's whole width below it; held to the name row's room they lost the version, the
     documents and the size behind bare dots once the actions moved up. */
.ph-id[data-v-baba442d] > :first-child {
    padding-inline-end: var(--ph-name-end, 0px);
}
.ph-live[data-v-baba442d] {
    font-size: 13px;
}
  /* UI-2900: the skeleton on the Frame's rim: the house skeleton's --accent is the rim's own ground there, so it takes a
     tint of the ink instead (in the panel it keeps --accent) */
.ph-rim-skel [data-slot='skeleton'][data-v-baba442d] {
    background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
}
  /* UI-2900: who it is in the Frame's header: the 40px face beside the 42px name and facts lines. Ishai: "make the project
     header the the size it was but the rest keep compact": the header is 53px round a module's bar (admin.vue), and a project's
     row keeps 5px more over and 4px more under, so its header stays 62 (10px either side, as before) */
.ph-frame-row[data-v-baba442d] {
    min-height: 42px;
    margin-block: 5px 4px;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial}}}.project-ai-panel .ai-chat .input-wrapper{padding-inline:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 3)}.project-ai-chip{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--foreground);border-radius:3.40282e38px}@supports (color:color-mix(in lab, red, red)){.project-ai-chip{border-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.project-ai-chip{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.project-ai-chip{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.project-ai-chip{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);--tw-leading:var(--leading-tight,1.25);font-size:11px;line-height:var(--leading-tight,1.25);color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.project-ai-chip{color:color-mix(in oklab, var(--foreground) 75%, transparent)}}.project-ai-chip{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;-webkit-user-select:none;user-select:none;transition-duration:.15s}@media (hover:hover){.project-ai-chip:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.project-ai-chip:hover{border-color:color-mix(in oklab, var(--foreground) 15%, transparent)}}.project-ai-chip:hover{background-color:var(--muted);color:var(--foreground)}}.project-ai-chip.is-on{border-color:#00a5ef40}@supports (color:color-mix(in lab, red, red)){.project-ai-chip.is-on{border-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 25%, transparent)}}.project-ai-chip.is-on{background-color:#00a5ef1f}@supports (color:color-mix(in lab, red, red)){.project-ai-chip.is-on{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 12%, transparent)}}.project-ai-chip.is-on{color:var(--color-sky-700,oklch(50% .134 242.749))}@media (hover:hover){.project-ai-chip.is-on:hover{border-color:#00a5ef59}@supports (color:color-mix(in lab, red, red)){.project-ai-chip.is-on:hover{border-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 35%, transparent)}}.project-ai-chip.is-on:hover{background-color:#00a5ef2e}@supports (color:color-mix(in lab, red, red)){.project-ai-chip.is-on:hover{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 18%, transparent)}}}.project-ai-chip.is-on:where(.dark,.dark *){color:var(--color-sky-400,oklch(74.6% .16 232.661))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}

  /* UI-2622 (Ishai, 2026-10-20, replacing the one height rule): the body takes its pane's natural height, so a short
     pane (a loading card, a failed card, Backups) leaves no blank band under it. Only a cap stands: 88vh for the
     title row and the body together, as since UI-400, inside the screen with the Popup's own 48px above and below and the
     column's 5vh top (the title row is 2.75rem with its gap). Past that the pane region scrolls inside it and the column
     never scrolls the page. */
.machine-body[data-v-201063db] {
    max-height: max(22rem, min(calc(88vh - 2.75rem), calc(95dvh - 8.75rem)));
}

  /* The pane region bleeds into the column's end gutter (10px on a phone, 14px from sm), so its scrollbar thumb clears
     the cards' edge. */
.machine-pane[data-v-201063db] {
    margin-inline-end: -10px;
    padding-inline-end: 10px;
}
@media (min-width: 40rem) {
.machine-pane[data-v-201063db] {
      margin-inline-end: -14px;
      padding-inline-end: 14px;
}
}

  /* Each panel is a full PROJECT tab, and the `Tab` wrapper it brings is a page layout: a grid and its own scroll
     surface. Dropped into a window, the page layout is flattened here rather than the components being forked:
     `display: block` retires the grid (its rows are already in document order, so they stack correctly), and the
     surface grows with its content so the pane region is the one scroller. Scoped, so nothing about how these tabs
     render on their own screens changes. */
.machine-pane[data-v-201063db] > div {
    display: block;
    height: auto;
    overflow: visible;
}
  /* UI-1759 follow-up (Ishai, 2026-10-07, "close all open"): the corner slots are the dashboard card's, published on :root and inherited
     by this window, which is portaled out of the card. No corner item sits over a window, so none is read here: a panel's head would
     otherwise start 79px in and end 76px short. */
.machine-pane[data-v-201063db] {
    --slot-ts: 0px;
    --slot-te: 0px;
    --slot-top-h: 0px;
    --slot-bs: 0px;
    --slot-be: 0px;
    --slot-bottom-h: 0px;
    --slot-foot-room: 0px;
}
  /* UI-2622: the tabs' own bodies are centred at page width with the page gutter; inside the window the column IS the
     width, so their sockets stand at the head socket's edges, 8px under it. The UI-401 type step-down is gone: the
     panes read at their own house sizes. */
.machine-pane[data-v-201063db] .tab-body {
    padding-inline: 0;
    padding-block: 0 8px;
}

  /* UI-2622: a branch hangs off the default branch's trunk (BranchedMenu's trunk and branches, as DriveStorageDialog
     draws them, the --border line): the trunk runs down the rows' start side and curves into the last one. The row is a
     node, the name and its commit line, the pill and the Copy; under 420 the pill drops under the commit line. */
.br-row[data-v-519fb692] {
    position: relative;
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    column-gap: 12px;
    align-items: start;
    margin-inline-start: 5.5px;
    padding-block: 10px;
    padding-inline-start: 21px;
}
  /* UI-2622 (the critic, round 17): the list ends about as far under its last line as it starts over the root: the last
     row and the tree keep no bottom padding of their own, the socket's padding is the space */
.br-row[data-v-519fb692]:last-child {
    padding-block-end: 0;
}
.br-row[data-v-519fb692]::before {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}
.br-row[data-v-519fb692]:last-child::before {
    inset-block-end: calc(100% - 21px);
    width: 14px;
    border-block-end: 1px solid var(--border);
    border-end-start-radius: 8px;
}
.br-row[data-v-519fb692]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-block-start: 21px;
    inset-inline-start: 0;
    width: 14px;
    border-block-start: 1px solid var(--border);
    pointer-events: none;
}
  /* no default branch known: the rows stand without a trunk */
.br-rows--rootless .br-row[data-v-519fb692] {
    margin-inline-start: 0;
    padding-inline-start: 0;
}
.br-rows--rootless .br-row[data-v-519fb692]::before,
  .br-rows--rootless .br-row[data-v-519fb692]::after {
    display: none;
}
.br-row__pill[data-v-519fb692] {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    margin-block-start: 8px;
}
.br-row__copy[data-v-519fb692] {
    grid-column: 3;
    grid-row: 1;
    margin-block-start: -5px;
}
.br-row__end[data-v-519fb692] {
    grid-column: 3;
    grid-row: 1;
}
@container br (min-width: 26.25rem) {
.br-row[data-v-519fb692] {
      grid-template-columns: 10px minmax(0, 1fr) auto auto;
}
.br-row__pill[data-v-519fb692] {
      grid-column: 3;
      grid-row: 1;
      margin-block-start: 0;
}
.br-row__copy[data-v-519fb692] {
      grid-column: 4;
      margin-block-start: -3px;
}
.br-row__end[data-v-519fb692] {
      grid-column: 3 / span 2;
}
}
  /* a visible thumb at the scroller's end when the rows overflow. The house's gentle slider (shared/design-system.css)
     draws it, shown here without a hover; no standard scrollbar property in Chromium, which would hand the element back
     to the built-in overlay bar (invisible on a Mac until it scrolls). The gutter is held in every state, so a row sits
     in the same place with 1 branch or 12 (pe-3.5 plus the 10px gutter is the 24px end the board draws). */
.br-scroller[data-v-519fb692] {
    scrollbar-gutter: stable;
}
.br-scroller[data-v-519fb692]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}
.br-scroller[data-v-519fb692]::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}
@supports not selector(::-webkit-scrollbar) {
.br-scroller[data-v-519fb692] {
      scrollbar-color: var(--scrollbar-thumb) transparent;
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.vibe-publish{flex-shrink:0;align-items:center;display:inline-flex}.vibe-publish__versions{border-inline-end-style:var(--tw-border-style);width:auto;min-width:7rem;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0;height:calc(var(--spacing,.25rem) * 8)!important}.vibe-publish__btn{border-start-start-radius:0;border-end-start-radius:0;height:calc(var(--spacing,.25rem) * 8)!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial}}}.vibe-preview{background-color:var(--muted);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.vibe-preview{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.vibe-preview__publish-error{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-color:#fb2c364d;border-bottom-width:1px;display:flex}@supports (color:color-mix(in lab, red, red)){.vibe-preview__publish-error{border-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 30%, transparent)}}.vibe-preview__publish-error{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.vibe-preview__publish-error{background-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 10%, transparent)}}.vibe-preview__publish-error{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-red-600,oklch(57.7% .245 27.325))}.vibe-preview__publish-error:where(.dark,.dark *){color:var(--color-red-400,oklch(70.4% .191 22.216))}.vibe-preview__retry{border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:#fb2c3666;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.vibe-preview__retry{border-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 40%, transparent)}}.vibe-preview__retry{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.vibe-preview__retry:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.vibe-preview__retry:hover{background-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 15%, transparent)}}}.vibe-preview__retry:disabled{opacity:.5}.vibe-preview__chrome{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);background-color:var(--background);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);flex-shrink:0;display:flex}.vibe-preview__url{min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);border-radius:3.40282e38px;flex:1;display:flex}@supports (color:color-mix(in lab, red, red)){.vibe-preview__url{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.vibe-preview__url{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.vibe-preview__url{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.vibe-preview__url{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.vibe-preview__url{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.vibe-preview__envtabs{align-items:center;gap:calc(var(--spacing,.25rem) * .5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);border-radius:3.40282e38px;flex-shrink:0;display:flex}@supports (color:color-mix(in lab, red, red)){.vibe-preview__envtabs{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.vibe-preview__envtabs{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.vibe-preview__envtabs{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.vibe-preview__envtabs{padding:calc(var(--spacing,.25rem) * .5)}.vibe-preview__envtab{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px}@media (hover:hover){.vibe-preview__envtab:hover{color:var(--foreground)}}.vibe-preview__envtab.is-active{background-color:var(--background);color:var(--foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.vibe-preview__env-badge{background-color:var(--muted);padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-semibold,600);font-size:10px;font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--muted-foreground);text-transform:uppercase;border-radius:.25rem;flex-shrink:0;margin-inline-start:auto}.vibe-preview__fileselect{width:auto;max-width:11rem;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));flex-shrink:0}.vibe-preview__chrome-btn{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.vibe-preview__chrome-btn:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.vibe-preview__chrome-btn:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.vibe-preview__chrome-btn:hover{color:var(--foreground)}}.vibe-preview__frame{min-height:calc(var(--spacing,.25rem) * 0);background-color:var(--color-white,#fff);flex:1;position:relative}.vibe-preview__iframe{inset:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:0;width:100%;height:100%;position:absolute}.vibe-preview__loading{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);z-index:10;background-color:var(--background);place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.vibe-preview__loading{background-color:color-mix(in oklab, var(--background) 40%, transparent)}}.vibe-preview__empty{inset:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.vibe-preview__placeholder{inset:calc(var(--spacing,.25rem) * 0);z-index:0;background-color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.vibe-preview__placeholder{background-color:color-mix(in oklab, var(--muted) 20%, transparent)}}.vibe-preview__placeholder{padding-inline:calc(var(--spacing,.25rem) * 6);text-align:center}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.ai-panel-overlay{z-index:30;border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);min-width:20rem;min-height:16rem;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:var(--foreground);flex-direction:column;display:flex;position:fixed;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ai-panel-overlay{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.ai-panel-overlay{max-width:calc(100vw - var(--frame-float-end,1rem) - 1rem);max-height:calc(100vh - var(--frame-float-top,1rem) - var(--frame-float-bottom,1rem))}.ai-panel-overlay .project-ai-panel{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.ai-panel-overlay__resize{inset-inline-start:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);z-index:10;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);cursor:nesw-resize;position:absolute}.ai-panel-overlay__resize:after{content:"";inset-inline-start:calc(var(--spacing,.25rem) * 1);bottom:calc(var(--spacing,.25rem) * 1);width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--muted-foreground);border-end-start-radius:calc(var(--radius) - 4px);position:absolute}@supports (color:color-mix(in lab, red, red)){.ai-panel-overlay__resize:after{border-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.ai-overlay-min{inset-inline-end:var(--frame-float-end,1rem);bottom:var(--frame-float-bottom,1rem);z-index:30;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding-block:calc(var(--spacing,.25rem) * 2);padding-right:calc(var(--spacing,.25rem) * 4);padding-left:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:var(--foreground);border-radius:3.40282e38px;display:inline-flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.ai-overlay-min{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ai-overlay-min{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.ai-overlay-min:hover{background-color:var(--muted)}}:root[data-frame-ready] .ai-overlay-min{transition:color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), inset-inline-end var(--pane-ms) var(--pane-ease), bottom var(--pane-ms) var(--pane-ease)}@media (prefers-reduced-motion:reduce){:root[data-frame-ready] .ai-overlay-min{transition-duration:0s}}.vibe-exit-pill{pointer-events:auto;top:calc(var(--spacing,.25rem) * 14);z-index:30;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);border-radius:3.40282e38px;display:inline-flex;position:absolute;left:50%}@supports (color:color-mix(in lab, red, red)){.vibe-exit-pill{background-color:color-mix(in oklab, var(--background) 85%, transparent)}}.vibe-exit-pill{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--muted-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.vibe-exit-pill{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.vibe-exit-pill{--tw-backdrop-blur:blur(var(--blur-md,12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);-webkit-user-select:none;user-select:none}.vibe-exit-pill__btn{cursor:pointer;background-color:var(--foreground);border-radius:3.40282e38px;align-items:center;margin-inline-start:calc(var(--spacing,.25rem) * 1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.vibe-exit-pill__btn{background-color:color-mix(in oklab, var(--foreground) 6%, transparent)}}.vibe-exit-pill__btn{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-medium,500);font-size:11px;font-weight:var(--font-weight-medium,500);color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.vibe-exit-pill__btn{color:color-mix(in oklab, var(--foreground) 85%, transparent)}}.vibe-exit-pill__btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.vibe-exit-pill__btn:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.vibe-exit-pill__btn:hover{background-color:color-mix(in oklab, var(--foreground) 12%, transparent)}}.vibe-exit-pill__btn:hover{color:var(--foreground)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}

.seat-pr[data-out][data-v-aa96b56b] {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}
.seat-pr__track[data-v-aa96b56b] {
    fill: none;
    stroke: var(--border);
    stroke-width: 2;
}
.seat-pr__arc[data-v-aa96b56b] {
    fill: none;
    stroke: var(--primary);
    stroke-width: 2;
    stroke-linecap: round;
}
.seat-pr__arc--success[data-v-aa96b56b] {
    stroke: var(--success);
}
.seat-pr__arc--destructive[data-v-aa96b56b] {
    stroke: var(--destructive);
}
@media (prefers-reduced-motion: no-preference) {
.seat-pr[data-v-aa96b56b] {
      transition:
        opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.seat-pr__arc[data-v-aa96b56b] {
      transition:
        stroke-dasharray 0.5s cubic-bezier(0.16, 1, 0.3, 1),
        stroke 0.3s;
}
.seat-pr__svg--spin[data-v-aa96b56b] {
      transform-origin: 50% 50%;
      animation: seat-pr-spin-aa96b56b 1.1s linear infinite;
}
}
@keyframes seat-pr-spin-aa96b56b {
to {
      transform: rotate(360deg);
}
}

.seat-steps[data-v-12c21ef9] {
    --seat-strong: var(--fc-strong-line, color-mix(in oklab, var(--foreground) 15%, var(--border)));
}
.seat-steps__dot[data-v-12c21ef9] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 0 1.5px var(--seat-strong);
}
.seat-steps__dot--done[data-v-12c21ef9] {
    background: var(--success);
    box-shadow: none;
}
.seat-steps__dot--now[data-v-12c21ef9] {
    background: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 18%, var(--background));
}
.seat-steps__dot--err[data-v-12c21ef9] {
    background: var(--destructive);
    box-shadow: none;
}
.seat-steps__bead[data-v-12c21ef9] {
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--seat-strong);
    transform-origin: center;
}
.seat-steps__link--done .seat-steps__bead[data-v-12c21ef9] {
    background: var(--success);
}
.seat-steps__link--run .seat-steps__bead[data-v-12c21ef9] {
    background: var(--primary);
}
@media (prefers-reduced-motion: no-preference) {
.seat-steps__dot[data-v-12c21ef9] {
      transition:
        background-color 0.3s,
        box-shadow 0.3s;
}
.seat-steps__dot--now[data-v-12c21ef9] {
      animation: seat-steps-beat-12c21ef9 1.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.seat-steps__dot--fill[data-v-12c21ef9] {
      animation: seat-steps-fill-12c21ef9 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
      animation-delay: calc(var(--i, 0) * 140ms);
}
.seat-steps__link--run .seat-steps__bead[data-v-12c21ef9] {
      animation: seat-steps-run-12c21ef9 0.8s linear infinite;
      animation-delay: calc(var(--i, 0) * 0.8s / 3);
}
}
@keyframes seat-steps-beat-12c21ef9 {
0% {
      transform: scale(1);
}
18% {
      transform: scale(1.25);
}
40% {
      transform: scale(1);
}
100% {
      transform: scale(1);
}
}
@keyframes seat-steps-fill-12c21ef9 {
0% {
      transform: scale(0.5);
      background: transparent;
      box-shadow: inset 0 0 0 1.5px var(--seat-strong);
}
60% {
      transform: scale(1.25);
}
100% {
      transform: scale(1);
}
}
@keyframes seat-steps-run-12c21ef9 {
0% {
      transform: scale(1.8);
}
36% {
      transform: scale(1);
}
100% {
      transform: scale(1);
}
}

  /* UI-2622: an open fact's choices hang off a trunk (BranchedMenu's trunk and branches, the board's --border line): it
     runs down from the row's mark centre, a branch curves out to every choice, and the last one closes it */
.nt-tree[data-v-0cd5b5f2] {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    margin-inline-start: 16px;
    padding-inline-start: 22px;
    padding-block-end: 8px;
    --nt-mid: 18px;
}
.nt-tree--tall[data-v-0cd5b5f2] {
    --nt-mid: 22px;
}
.nt-tree--in[data-v-0cd5b5f2] {
    margin-inline-start: 16px;
    padding-block: 2px 0;
}
.nt-br[data-v-0cd5b5f2] {
    position: relative;
    min-width: 0;
}
.nt-br[data-v-0cd5b5f2]::before {
    content: '';
    position: absolute;
    inset-inline-start: -22px;
    inset-block-start: 0;
    width: 15px;
    height: var(--nt-mid);
    border-inline-start: 1px solid var(--border);
    border-block-end: 1px solid var(--border);
    border-end-start-radius: 9px;
    pointer-events: none;
}
.nt-br[data-v-0cd5b5f2]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-inline-start: -22px;
    inset-block: 0 -2px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}
.nt-tree--in > .nt-br[data-v-0cd5b5f2]::before {
    inset-block-start: -2px;
    height: calc(var(--nt-mid) + 2px);
}

  /* UI-2622: past the screen's height the body scrolls in itself: what the screen leaves under the window's 7vh top, its
     title row, the socket's head pocket and its end pocket, set on the foot of a whole line (fitScroll sets --aw-room;
     this is the cap until then) */
.aw-scroll[data-v-28ad8827] {
    max-height: var(--aw-room, max(18rem, calc(100dvh - 7vh - 15.5rem)));
}
  /* the trunk: one 1px --border line from under each step's tile down to the next one's, running past the open step's
     fields (they hang on it) */
.aw-step[data-v-28ad8827]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-block-start: 44px;
    inset-block-end: -8px;
    inset-inline-start: 18px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}

  /* the trunk under an open topic (BranchedMenu's trunk and branches, the board's --border line, as DriveStorageDialog
     draws its copies): it runs down from the check's foot (7px row padding, 3px, the 16px box) at the check's centre
     (16px in, 8px), then a curved branch out to every sub topic; the trunk ends in the last one's curve */
.st-topic--open[data-v-1699314e]::after {
    content: '';
    position: absolute;
    inset-block: 26px 0;
    inset-inline-start: 24px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}
.st-branch[data-v-1699314e] {
    position: relative;
}
.st-branch[data-v-1699314e]::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: -22px;
    width: 14px;
    height: 18px;
    border-inline-start: 1px solid var(--border);
    border-block-end: 1px solid var(--border);
    border-end-start-radius: 9px;
    pointer-events: none;
}
.st-branch[data-v-1699314e]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: -22px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}

  /* the trunk (BranchedMenu's trunk and branches, as SuggestedTopicsWindow draws its sub topics): a 1px --border line
     dropping from under the topic's name, 16px in, a rounded elbow into each row's name (8px above the row, its 36px
     centre), the line running on past every branch but the last */
.tw-branch[data-v-d1e7be66] {
    position: relative;
}
  /* a typed name at the window's start whatever its own direction: match-parent resolves start against the field's
     parent, which follows the window (Chromium and WebKit know it only by its prefixed name) */
.tw-name-align[data-v-d1e7be66] {
    text-align: -webkit-match-parent;
    text-align: match-parent;
}
  /* the action box's own words, unseen and with no height: each as wide as it stands in a trigger (its 1px border and
     12px padding at the start; at the end the padding, the 8px gap, the 16px chevron and the border) */
.tw-fit[data-v-d1e7be66] {
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.tw-fit > span[data-v-d1e7be66] {
    display: block;
    padding-inline: 13px 37px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: nowrap;
}
  /* the trunk beside the same topic line, from under the Name field to the first branch's elbow (only while the line is
     there: the region is empty otherwise, so it has no height) */
.tw-same[data-v-d1e7be66] {
    position: relative;
}
@container tw (width >= 30rem) {
.tw-same[data-v-d1e7be66]::before {
      content: '';
      position: absolute;
      inset-block: 0;
      inset-inline-start: 16px;
      border-inline-start: 1px solid var(--border);
      pointer-events: none;
}
}
.tw-branch[data-v-d1e7be66]::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 16px;
    width: 14px;
    height: 26px;
    border-inline-start: 1px solid var(--border);
    border-block-end: 1px solid var(--border);
    border-end-start-radius: 9px;
    pointer-events: none;
}
.tw-branch--last[data-v-d1e7be66]::before {
    width: 10px;
}
.tw-branch[data-v-d1e7be66]:not(.tw-branch--last)::after {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: 16px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}

  /* UI-2622: past the screen's height the body scrolls in itself: what the screen leaves under the window's 7vh top, its
     title row, the socket's head pocket and its pockets, as measured (fitScroll sets --if-room; this is the cap until then) */
.if-scroll[data-v-df452ab8] {
    max-height: max(18rem, var(--if-room, calc(100dvh - 7vh - 15.5rem)));
}
  /* past six topics the list scrolls inside itself */
.if-topics--scroll[data-v-df452ab8] {
    max-height: 13.5rem;
}
  /* the trunk: one 1px --border line from under each row's tile down to the next one's, running past the open row's
     fields (they hang on it) */
.if-row[data-v-df452ab8]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-block-start: 44px;
    inset-block-end: -8px;
    inset-inline-start: 18px;
    border-inline-start: 1px solid var(--border);
    pointer-events: none;
}

  /* UI-2167: a socket card's rim, written opaque so the pockets bitten out of its panel match it (the Frame's own
     bg-muted/50 is see-through), the way ContactSummaryCard does */
.spend-card[data-v-571a6930] {
    --frame-pocket-ground: color-mix(in oklab, var(--muted) 50%, var(--background));
    background-color: var(--frame-pocket-ground);
}

  /* UI-3041 follow-up: the header row sits inside Tab's scroller, whose line is the card's less its scrollbar lane
     (shared/style.css .tab-surface, --scrollbar-size), while the corner slots are measured from the card's edge. Its start
     and end take the lane off the slot, so the title starts where every framed header row's does, and the X ends there */
@media (width >= 48rem) {
.notification-head {
      padding-inline: max(var(--page-x), calc(var(--slot-ts, 0px) - var(--scrollbar-size, 10px))) max(var(--row-end), calc(var(--slot-te, 0px) - var(--scrollbar-size, 10px)));
}
}

  /* UI-2405: the email's rich editor in the board's shape, on the house Quill theme (shared/quill-reui.css, .xu-quill:
     the buttons, the icons, the heading picker, the link tooltip, all in the tokens and dark with them). What is the
     board's is laid on top under .xu-quill.cn-quill, one class more than the theme so it wins whatever order the sheets
     load in, and no other editor changes: the toolbar (the one it always had: Normal, bold, italic, underline, link, the
     two lists, clear) is a quiet bar under the subject, and the text is a field like the subject's, ringed while it is
     typed in. Nothing smaller than 14px: the theme's 13px picker and tooltip are lifted. */
.xu-quill.cn-quill .ql-toolbar.ql-snow {
    margin-inline: 10px;
    min-height: 34px;
    padding-block: 3px;
    padding-inline: 4px;
    border: 0;
    border-radius: 9px;
    background: color-mix(in oklab, var(--muted) 70%, var(--background));
}
  /* the board's marks: 16px in a 28px button */
.xu-quill.cn-quill .ql-toolbar.ql-snow button {
    padding: 6px;
}
.xu-quill.cn-quill .ql-toolbar.ql-snow button svg {
    width: 16px;
    height: 16px;
}
.xu-quill.cn-quill .ql-toolbar.ql-snow .ql-formats {
    border-inline-end-color: var(--border);
}
.xu-quill.cn-quill .ql-snow .ql-picker,
  .xu-quill.cn-quill .ql-snow .ql-tooltip,
  .xu-quill.cn-quill .ql-snow .ql-tooltip input[type='text'] {
    font-size: 0.875rem;
}
.xu-quill.cn-quill .ql-snow .ql-picker {
    color: var(--foreground);
    font-weight: 500;
}
.xu-quill.cn-quill .ql-snow .ql-picker.ql-header {
    width: 6.5rem;
}
  /* the size picker's arrow is the board's chevron down, not Snow's up and down carets: Snow's drawing is hidden and the
     chevron (lucide's, the one every menu trigger here uses) is laid in its place as a mask in the label's own ink. At
     the label's end in either direction: Snow pinned its arrow with a physical right: 0, so in Hebrew it sat over the
     last letter of the label ("Norma"). */
.xu-quill.cn-quill .ql-snow .ql-picker.ql-header .ql-picker-label svg {
    display: none;
}
.xu-quill.cn-quill .ql-snow .ql-picker.ql-header .ql-picker-label::after {
    content: '';
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0.25rem;
    width: 1rem;
    height: 1rem;
    margin-block-start: -0.5rem;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
    pointer-events: none;
}
.xu-quill.cn-quill .ql-container.ql-snow {
    margin-block-start: 8px;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    transition:
      border-color 150ms,
      box-shadow 150ms;
}
.xu-quill.cn-quill .ql-container.ql-snow:hover {
    border-color: var(--input);
}
.xu-quill.cn-quill .ql-container.ql-snow:focus-within {
    border-color: var(--ring);
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
}
.xu-quill.cn-quill[data-invalid='true'] .ql-container.ql-snow {
    border-color: var(--destructive);
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--destructive) 15%, transparent);
}
.xu-quill.cn-quill .ql-editor {
    min-height: 7.5rem;
    padding-block: 8px;
    padding-inline: 10px;
    font-size: 0.9375rem;
    line-height: 1.5;
    text-align: start;
}
.xu-quill.cn-quill .ql-editor p + p {
    margin-block-start: 6px;
}
.xu-quill.cn-quill .ql-editor.ql-blank::before {
    inset-inline: 10px;
}
  /* narrow (a phone), the board's close up: the marks and the lists on one line; the size picker and clear step out.
     The buttons inside a group stand on their own 1px margins with no gap (Snow's clearfix after each group took a gap
     too): inside the socket's 20px sides a 360px phone leaves the bar 196px, and with the theme's 2px gaps the two
     lists wrapped under the marks. */
@container cn (width < 30rem) {
.xu-quill.cn-quill .ql-toolbar.ql-snow .ql-formats:has(.ql-header),
    .xu-quill.cn-quill .ql-toolbar.ql-snow .ql-formats:has(.ql-clean) {
      display: none;
}
.xu-quill.cn-quill .ql-toolbar.ql-snow .ql-formats {
      gap: 0;
}
.xu-quill.cn-quill .ql-toolbar.ql-snow .ql-formats:has(.ql-list) {
      padding-inline-end: 0;
      margin-inline-end: 0;
      border-inline-end: 0;
}
}
  /* the banner's inline fields: the line reads as the strip will (the subject, its comma, the body, set exactly as plain
     text), so nothing here takes room: the 2px of padding is given back by the margin, and the marks are drawn as
     shadows. Each wrapped piece of a field gets its own rounded edge. No mark reaches past the field's own box: a ring
     drawn around it (1px and a 4px halo) lay over the comma that follows the subject, so an Edit, which opens with the
     focus in the subject, read "Version 4.2 is live New tools". Pointed at, a field is underlined; focused, it takes
     the ring's wash and a 2px underline in the ring's ink; missing, the same in red. */
[data-slot='composer-preview'] .cn-inline {
    border-radius: 0.25rem;
    padding-inline: 2px;
    margin-inline: -2px;
    outline: none;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition:
      background-color 150ms,
      box-shadow 150ms;
}
[data-slot='composer-preview'] .cn-inline:hover {
    box-shadow: inset 0 -1px 0 var(--input);
}
  /* focused: the caret alone, as the board's state 13 draws an edit (a wash and an underline read as a selection or a
     link); the hover line above still says the words are a field */
[data-slot='composer-preview'] .cn-inline:focus {
    box-shadow: none;
}
[data-slot='composer-preview'] .cn-inline[aria-invalid='true'] {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    box-shadow: inset 0 -2px 0 var(--destructive);
}
[data-slot='composer-preview'] .cn-inline:empty::before {
    content: attr(data-placeholder);
    color: var(--muted-foreground);
    font-weight: 400;
}
@media (prefers-reduced-motion: reduce) {
.xu-quill.cn-quill .ql-container.ql-snow,
    [data-slot='composer-preview'] .cn-inline {
      transition: none;
}
}

.rainBowBackground {
    background: radial-gradient(95% 150% at 13.18% 0, #33beff 0, #3b45fe 29.47%, #7534e2 52.87%, #e25e34 86.38%, #faa808);
}
.grid-bg {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.05' d='M0 0h4v4H0z'/%3E%3C/svg%3E") repeat;
}

  /* the band's dotted ground (the board's .bnr-dots): 12px apart, a 1px dot, under the head pockets as well */
.band-dots[data-v-70b4ec1c] {
    inset-block-start: calc(-1 * (var(--ps-head-h, 40px) + 8px));
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='6' cy='6' r='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='6' cy='6' r='1'/%3E%3C/svg%3E");
}

.osImage[data-v-fc46b55f] svg {
    width: 100%;
    height: 100%;
}

  /* UI-2490: kit k-live__dot on the house tokens, one solid ring, never a glow */
.report-live__dot[data-v-3c108d8a] {
    --tone: var(--muted-foreground);
    position: relative;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: var(--tone);
}
.report-live__dot[data-tone='ok'][data-v-3c108d8a] {
    --tone: var(--success);
}
.report-live__dot[data-tone='primary'][data-v-3c108d8a] {
    --tone: var(--primary);
}
.report-live__dot[data-tone='warn'][data-v-3c108d8a] {
    --tone: var(--warning);
}
.report-live__dot[data-tone='bad'][data-v-3c108d8a] {
    --tone: var(--destructive);
}
.report-live__dot[data-v-3c108d8a]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    border: 1.5px solid var(--tone);
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
.report-live__dot[data-pulse][data-v-3c108d8a]::after {
      animation: report-live-pulse-3c108d8a 1.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}
}
@keyframes report-live-pulse-3c108d8a {
0% {
      transform: scale(1);
      opacity: 0.85;
}
70%,
    100% {
      transform: scale(2.5);
      opacity: 0;
}
}

  /* UI-2490: board report-b's rb-flow. Folded first (a narrow socket): Spent across the top, the three counts under it,
     each with its own rate; from 52rem of socket the chain, one grid whose four rows (label, figure, meter, sub line)
     every cell and every link shares through subgrid. UI-2541: the socket (PocketSocket's root) is the container, and
     the flow starts where its body does, under the pockets */
.report-chain[data-v-577f18f7] {
    container-type: inline-size;
}
.report-chain__flow[data-v-577f18f7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}
@container (min-width: 30rem) {
.report-chain__flow[data-v-577f18f7] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px 16px;
}
.rc-st--lead[data-v-577f18f7] {
      grid-column: 1 / -1;
}
}
.rc-link[data-v-577f18f7] {
    display: none;
}
.rc-st[data-v-577f18f7] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}
.rc-st__l[data-v-577f18f7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: var(--muted-foreground);
    white-space: nowrap;
}
.rc-st__n[data-v-577f18f7] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 10px;
    margin-block-start: 6px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.rc-st__n.is-zero[data-v-577f18f7] {
    color: var(--muted-foreground);
}
.rc-st__u[data-v-577f18f7] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--muted-foreground);
}
.rc-meter[data-v-577f18f7] {
    display: grid;
    width: 100%;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 4px;
    margin-block-start: 12px;
}
.rc-meter--none[data-v-577f18f7] {
    display: none;
}
.rc-meter > i[data-v-577f18f7] {
    display: block;
    height: 10px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--muted-foreground) 20%, var(--background));
}
.rc-meter > i.on[data-v-577f18f7] {
    background: var(--primary);
}
.rc-meter > i.part[data-v-577f18f7] {
    background: color-mix(in oklab, var(--primary) 40%, color-mix(in srgb, var(--muted-foreground) 20%, var(--background)));
}
.rc-scale[data-v-577f18f7],
  .rc-st__c[data-v-577f18f7],
  .rc-st__rate[data-v-577f18f7] {
    margin-block-start: 8px;
    font-size: 13px;
    line-height: 18px;
    color: var(--muted-foreground);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.rc-st__rate + .rc-st__c[data-v-577f18f7] {
    margin-block-start: 2px;
}
.rc-scale[data-v-577f18f7] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 12px;
}
.rc-scale[data-v-577f18f7]:empty {
    display: none;
}
.rc-scale[data-v-577f18f7] b,
  .rc-st__c[data-v-577f18f7] b,
  .rc-st__rate b[data-v-577f18f7] {
    font-weight: 600;
    color: var(--foreground);
}
.rc-st__rate b.is-na[data-v-577f18f7] {
    font-weight: 400;
    color: var(--muted-foreground);
}

  /* the chain: links between the stages, the rates on them */
@container (min-width: 52rem) {
.report-chain__flow[data-v-577f18f7] {
      grid-template-columns: minmax(18rem, 2.4fr) minmax(5rem, 1fr) auto minmax(5rem, 1fr) auto minmax(5rem, 1fr) auto;
      grid-template-rows: repeat(4, auto);
      gap: 0;
}
.rc-st--lead[data-v-577f18f7] {
      grid-column: auto;
}
.rc-st[data-v-577f18f7],
    .rc-link[data-v-577f18f7] {
      display: grid;
      grid-row: 1 / span 4;
      grid-template-rows: subgrid;
      min-width: 0;
}
.rc-st[data-v-577f18f7] {
      justify-items: start;
}
.rc-st--end[data-v-577f18f7] {
      justify-items: end;
      text-align: end;
}
.rc-st__l[data-v-577f18f7] {
      grid-row: 1;
}
.rc-st__n[data-v-577f18f7] {
      grid-row: 2;
      font-size: 40px;
      line-height: 44px;
}
.rc-meter[data-v-577f18f7] {
      grid-row: 3;
      justify-self: stretch;
}
.rc-meter--none[data-v-577f18f7] {
      display: block;
}
.rc-scale[data-v-577f18f7],
    .rc-st__c[data-v-577f18f7] {
      grid-row: 4;
}
.rc-scale[data-v-577f18f7] {
      justify-self: stretch;
}
.rc-scale[data-v-577f18f7]:empty {
      display: block;
}
.rc-st__rate[data-v-577f18f7] {
      display: none;
}
.rc-st__rate + .rc-st__c[data-v-577f18f7] {
      margin-block-start: 8px;
}
.rc-link[data-v-577f18f7] {
      justify-items: center;
      margin-inline: 16px;
}
.rc-link__w[data-v-577f18f7] {
      position: relative;
      grid-row: 2;
      justify-self: stretch;
      height: 44px;
      margin-block-start: 6px;
}
.rc-link__w > svg[data-v-577f18f7] {
      position: absolute;
      top: 20.5px;
      inset-inline: 0;
      width: 100%;
      height: 2px;
      overflow: visible;
}
.rc-link line[data-v-577f18f7] {
      stroke: color-mix(in srgb, var(--muted-foreground) 55%, var(--background));
      stroke-width: 2;
      stroke-linecap: round;
      stroke-dasharray: 0 6;
}
.rc-link__w > .rc-rate[data-v-577f18f7] {
      position: absolute;
      top: 7.5px;
      inset-inline-start: 50%;
      translate: -50% 0;
}
[dir='rtl'] .rc-link__w > .rc-rate[data-v-577f18f7] {
      translate: 50% 0;
}
.rc-link small[data-v-577f18f7] {
      grid-row: 4;
      margin-block-start: 8px;
      font-size: 13px;
      line-height: 18px;
      color: var(--muted-foreground);
      white-space: nowrap;
}
}
.rc-rate[data-v-577f18f7] {
    display: inline-flex;
    height: 28px;
    align-items: center;
    padding-inline: 10px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--background);
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.rc-rate--go[data-v-577f18f7] {
    width: 28px;
    justify-content: center;
    padding: 0;
}
.rc-rate.is-na[data-v-577f18f7] {
    font-weight: 400;
    color: var(--muted-foreground);
}
  /* while the campaign delivers the dots on the links run toward the next stage; otherwise they stand still */
@media (prefers-reduced-motion: no-preference) {
.report-chain__flow[data-live] .rc-link line[data-v-577f18f7] {
      animation: rc-flow-577f18f7 1.2s linear infinite;
}
}
@keyframes rc-flow-577f18f7 {
to {
      stroke-dashoffset: -6;
}
}
[dir='rtl'] .rc-link line[data-v-577f18f7] {
    animation-direction: reverse;
}

  /* UI-2490: board report-b's rb-ad: the ad on a dotted ground at the start, its network's counts stacked at the end
     under the pocket's pills; under 26rem of panel the counts go under the ad, three across. UI-2541: the panel's whole
     content (PocketSocket's #panel) is the container */
.report-ad[data-v-dc26938b] {
    container-type: inline-size;
}
.report-ad__grid[data-v-dc26938b] {
    display: grid;
    min-height: 100%;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
}
.report-ad__ground[data-v-dc26938b] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 52px 12px 12px;
    background: var(--card);
    border-block-end: 1px solid var(--border);
}
.report-ad__ground[data-v-dc26938b] >  article,
  .report-ad__ground[data-v-dc26938b] >  div:not(.report-ad__dots) {
    max-width: 15.5rem;
}
.report-ad__dots[data-v-dc26938b] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: color-mix(in oklab, var(--foreground) 16%, transparent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3C/svg%3E") 0 0/10px 10px repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3C/svg%3E") 0 0/10px 10px repeat;
}
.report-ad__nums[data-v-dc26938b] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 16px;
    padding: 14px 18px;
}
.report-ad__nums > div[data-v-dc26938b]:only-child {
    grid-column: 1 / -1;
}
.report-ad__n[data-v-dc26938b] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}
@container (min-width: 26rem) {
.report-ad__grid[data-v-dc26938b] {
      grid-template-columns: 17rem minmax(0, 1fr);
}
.report-ad__ground[data-v-dc26938b] {
      padding: 12px;
      border-block-end: 0;
      border-inline-end: 1px solid var(--border);
}
.report-ad__nums[data-v-dc26938b] {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: repeat(3, minmax(0, 1fr));
      padding: 50px 18px 4px;
}
.report-ad__nums > div[data-v-dc26938b]:only-child {
      grid-row: 1 / -1;
}
.report-ad__n + .report-ad__n[data-v-dc26938b] {
      border-block-start: 1px solid var(--border);
}
}

  /* UI-2490: kit k-steps on the house tokens: a solid dot a step done, a ring round a dot the step it is at, a red dot
     the step it cannot pass, an open ring the steps to come; a 2px line between, solid ink once reached */
.report-steps[data-v-f682d720] {
    display: flex;
    min-width: 0;
    align-items: center;
}
.report-steps > i[data-v-f682d720] {
    position: relative;
    flex: none;
    width: 12px;
    height: 12px;
    border-radius: 9999px;
    background: var(--background);
    box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--muted-foreground) 55%, var(--background));
}
.report-steps > i.is-done[data-v-f682d720] {
    background: var(--foreground);
    box-shadow: none;
}
.report-steps > i.is-now[data-v-f682d720] {
    box-shadow: inset 0 0 0 2px var(--foreground);
}
.report-steps > i.is-now[data-v-f682d720]::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 9999px;
    background: var(--foreground);
}
.report-steps > i.is-bad[data-v-f682d720] {
    background: var(--destructive);
    box-shadow: none;
}
.report-steps > b[data-v-f682d720] {
    flex: 1 1 auto;
    min-width: 12px;
    height: 2px;
    margin-inline: 4px;
    border-radius: 1px;
    background: var(--border);
}
.report-steps > b.is-done[data-v-f682d720] {
    background: var(--foreground);
}

  /* UI-2490: board report-b's second row. One column on a narrow body; from 46rem the ad takes the first line and the AI
     changes and Delivery share the next (the ad and Delivery side by side when there is no AI card); from 70rem the
     three frames stand on one line and end on one line. */
.campaign-report[data-v-5501b6f2] {
    container-type: inline-size;
}
.campaign-report__row[data-v-5501b6f2] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 20px;
}
@container (min-width: 46rem) {
.campaign-report__row[data-v-5501b6f2] {
      grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
}
.campaign-report__row.has-ai .campaign-report__ad[data-v-5501b6f2] {
      grid-column: 1 / -1;
}
.campaign-report__row.has-ai[data-v-5501b6f2] {
      grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
}
}
@container (min-width: 70rem) {
.campaign-report__row.has-ai[data-v-5501b6f2] {
      grid-template-columns: 28rem minmax(0, 1fr) 19rem;
}
.campaign-report__row.has-ai .campaign-report__ad[data-v-5501b6f2] {
      grid-column: auto;
}
}

  /* UI-2475: kit k-dots, a field of solid dots (an SVG circle tiled through a mask) on the ad's ground */
.creative-ground__dots[data-v-99eaa784] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: color-mix(in oklab, var(--foreground) 16%, transparent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3C/svg%3E") 0 0/10px 10px repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3C/svg%3E") 0 0/10px 10px repeat;
}

  /* UI-2492: the board's blb-trk on the house tokens */
.billing-track[data-v-88a82f05] {
    --bt-off: color-mix(in srgb, var(--muted-foreground) 20%, var(--background));
    grid-template-columns: 56px minmax(0, 1fr) 84px;
}
.dark .billing-track[data-v-88a82f05] {
    --bt-off: color-mix(in srgb, var(--muted-foreground) 26%, var(--background));
}
.billing-track__meter[data-v-88a82f05] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 3px;
    min-width: 0;
}
.billing-track__meter > i[data-v-88a82f05] {
    display: block;
    height: 18px;
    border-radius: 4px;
    background: var(--bt-off);
}
.billing-track__meter > i.is-ink[data-v-88a82f05] {
    background: var(--foreground);
}
.billing-track__meter > i.is-on[data-v-88a82f05] {
    background: var(--primary);
}
.billing-track__meter > i.is-warn[data-v-88a82f05] {
    background: var(--warning);
}
.billing-track__meter > i.is-today[data-v-88a82f05] {
    background: var(--background);
    box-shadow: inset 0 0 0 2px var(--foreground);
}
  /* canceled: the one segment that carries the stop, the final day */
.billing-track__meter > i.is-stop[data-v-88a82f05] {
    background: var(--foreground);
    box-shadow:
      inset 0 0 0 4px var(--foreground),
      inset 0 0 0 6px var(--background);
}
.billing-track__value[data-v-88a82f05] {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--foreground);
    text-align: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
  /* a narrow socket (a phone): the segments keep a hairline apart and the figure column shrinks */
@container (max-width: 30rem) {
.billing-track[data-v-88a82f05] {
      grid-template-columns: 48px minmax(0, 1fr) 72px;
      column-gap: 8px;
}
.billing-track__meter[data-v-88a82f05] {
      gap: 2px;
}
.billing-track__meter > i[data-v-88a82f05] {
      height: 14px;
      border-radius: 3px;
}
    /* no room for three dates on one line: today is the ringed segment, the two ends keep their dates */
.billing-track__today[data-v-88a82f05] {
      display: none;
}
}
@media (prefers-reduced-motion: no-preference) {
    /* today's segment breathes on the time row: the cycle is running */
.billing-track__meter > i.is-today[data-v-88a82f05]:not([data-held]) {
      animation: billing-track-breathe-88a82f05 2.2s ease-in-out infinite;
}
}
@keyframes billing-track-breathe-88a82f05 {
50% {
      background: color-mix(in oklab, var(--foreground) 35%, var(--background));
}
}

.billing-live__dot[data-v-6079aade] {
    --tone: var(--success);
    position: relative;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: var(--tone);
}
.billing-live__dot[data-tone='bad'][data-v-6079aade] {
    --tone: var(--destructive);
}
.billing-live__dot[data-tone='still'][data-v-6079aade] {
    --tone: var(--muted-foreground);
}
.billing-live__dot[data-v-6079aade]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    border: 1.5px solid var(--tone);
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
.billing-live__dot[data-v-6079aade]:not([data-tone='still'])::after {
      animation: billing-live-pulse-6079aade 1.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}
}
@keyframes billing-live-pulse-6079aade {
0% {
      transform: scale(1);
      opacity: 0.85;
}
70%,
    100% {
      transform: scale(2.5);
      opacity: 0;
}
}

  /* UI-2492: the kit's k-tl on the house tokens. The line between two dots, under the dot, to the next one. */
.billing-ledger__step[data-v-879523ad]:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-inline-start: 7px;
    top: 22px;
    bottom: -18px;
    width: 2px;
    border-radius: 1px;
    background: var(--border);
}
.billing-ledger__dot[data-v-879523ad] {
    --tone: var(--muted-foreground);
    position: absolute;
    inset-inline-start: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    background: var(--background);
    box-shadow: inset 0 0 0 2px var(--tone);
}
.billing-ledger__dot[data-v-879523ad]::after {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 9999px;
    background: var(--tone);
}
.billing-ledger__dot[data-dot='ok'][data-v-879523ad] {
    --tone: var(--success);
}
.billing-ledger__dot[data-dot='now'][data-v-879523ad] {
    --tone: var(--primary);
}
.billing-ledger__dot[data-dot='warn'][data-v-879523ad] {
    --tone: var(--warning);
}
.billing-ledger__dot[data-dot='bad'][data-v-879523ad] {
    --tone: var(--destructive);
}
.billing-ledger__dot[data-dot='ink'][data-v-879523ad] {
    --tone: var(--foreground);
}
  /* a charge still to come: a dashed ring, nothing in it */
.billing-ledger__dot[data-dot='todo'][data-v-879523ad] {
    box-shadow: none;
    border: 1.5px dashed var(--muted-foreground);
}
.billing-ledger__dot[data-dot='todo'][data-v-879523ad]::after {
    display: none;
}
@media (prefers-reduced-motion: no-preference) {
.billing-ledger__dot[data-dot='todo'][data-v-879523ad] {
      animation: billing-ledger-turn-879523ad 10s linear infinite;
}
}
@keyframes billing-ledger-turn-879523ad {
to {
      transform: rotate(360deg);
}
}

  /* UI-2492: the figures, the kit's k-fig__n (spent) and blb-n (the next charge) */
.billing-fig[data-v-0c02b0a3] {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.billing-big[data-v-0c02b0a3] {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
@container (min-width: 36rem) {
.billing-big[data-v-0c02b0a3] {
      font-size: 56px;
      line-height: 60px;
      letter-spacing: -0.04em;
}
}
  /* a lifetime budget's one filled step (the kit's k-steps): a dot, a line, a dot, all in ink */
.billing-steps[data-v-0c02b0a3] {
    display: inline-flex;
    flex: 0 1 140px;
    align-items: center;
    min-width: 48px;
}
.billing-steps > i[data-v-0c02b0a3] {
    flex: none;
    width: 12px;
    height: 12px;
    border-radius: 9999px;
    background: var(--foreground);
}
.billing-steps > b[data-v-0c02b0a3] {
    flex: 1 1 auto;
    min-width: 12px;
    height: 2px;
    margin-inline: 4px;
    border-radius: 1px;
    background: var(--foreground);
}

.metric-row-chart .vis-axis-grid-line {
    stroke: var(--border);
    stroke-dasharray: 3 3;
    stroke-opacity: 0.7;
}
.metric-row-chart .vis-axis-tick-line {
    stroke: var(--border);
    stroke-opacity: 0.8;
}
.metric-row-chart .vis-axis-tick-label,
  .metric-row-chart text {
    fill: color-mix(in srgb, var(--foreground) 60%, transparent);
    font-size: 11px;
}

.metric-row-chart .vis-axis-grid-line {
    stroke: var(--border);
    stroke-dasharray: 3 3;
    stroke-opacity: 0.7;
}
.metric-row-chart .vis-axis-tick-line {
    stroke: var(--border);
    stroke-opacity: 0.8;
}
.metric-row-chart .vis-axis-tick-label,
  .metric-row-chart text {
    fill: color-mix(in srgb, var(--foreground) 60%, transparent);
    font-size: 11px;
}

  /* UI-3152: PortalCard's print card. The rim's colour, the ground, is written out opaque, so the pockets (FramePocket's
     same value) never differ from the rim round them. No edge at rest; hover firms it and lifts the shadow. */
.fac-tile[data-v-c07c8fb9] {
    --pc-ground: color-mix(in oklab, var(--muted) 50%, var(--background));
    --pc-edge: color-mix(in oklab, var(--foreground) 14%, var(--border));
    --pc-meta: color-mix(in oklab, var(--muted-foreground) 78%, var(--foreground));
    --pc-shade: color-mix(in oklab, var(--foreground) 28%, transparent);
    --frame-pocket-ground: var(--pc-ground);
    gap: 0;
    border-color: transparent;
    background-color: var(--pc-ground);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
      border-color 150ms ease,
      box-shadow 150ms ease;
}
html.dark .fac-tile[data-v-c07c8fb9] {
    --pc-ground: color-mix(in oklab, var(--muted) 55%, var(--background));
    --pc-edge: color-mix(in oklab, var(--foreground) 20%, var(--border));
    --pc-meta: var(--muted-foreground);
    --pc-shade: color-mix(in oklab, black 72%, transparent);
}
.fac-tile[data-v-c07c8fb9]:hover {
    border-color: var(--pc-edge);
    box-shadow:
      0 1px 2px -1px var(--pc-shade),
      0 12px 24px -16px var(--pc-shade);
}
  /* a ring on the whole card while its link has the keyboard focus (the global :focus rule kills outlines) */
.fac-tile[data-v-c07c8fb9]:has(.fac-link:focus-visible) {
    box-shadow:
      0 0 0 2px var(--background),
      0 0 0 4px var(--primary);
}

  /* the print: 4:3 from sm (h-40 on a phone), the mark and its words centred clear of the two foot pockets */
.fac-pic[data-v-c07c8fb9] {
    position: relative;
    flex: none;
}
.fac-print[data-v-c07c8fb9] {
    isolation: isolate;
    overflow: hidden;
}
.fac-print[data-v-c07c8fb9],
  .fac-print[data-v-c07c8fb9]::before {
    box-shadow: none;
}
.fac-dots[data-v-c07c8fb9] {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    color: color-mix(in oklab, var(--foreground) 13%, transparent);
}
html.dark .fac-dots[data-v-c07c8fb9] {
    color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
.fac-still[data-v-c07c8fb9] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding-block: 6px 40px;
    padding-inline: 12px;
    text-align: center;
}
.fac-kind[data-v-c07c8fb9] {
    max-width: 100%;
    margin: 0;
    margin-block-start: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: var(--foreground);
}
.fac-sub[data-v-c07c8fb9] {
    display: -webkit-box;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-wrap: balance;
    font-size: 14px;
    line-height: 20px;
}
.fac-sub[data-v-c07c8fb9]:not(.text-warning-foreground) {
    color: var(--pc-meta);
}

  /* the pockets: never a target of their own, so a press on the ground round a pill still opens the card */
.fac-pk[data-v-c07c8fb9] {
    pointer-events: none;
}
.fac-chip[data-v-c07c8fb9] {
    flex-shrink: 1;
    min-width: 0;
    max-width: 100%;
    height: 28px;
    padding-inline: 9px 11px;
    gap: 6px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fac-chip .fac-dot[data-v-c07c8fb9] {
    width: 7px;
    height: 7px;
    opacity: 1;
}
  /* UI-3152 (languages MUST 1): where the two pockets do not fit side by side (fit()), the act is its arrow alone, a
     30px circle, and the state's pocket stops short of it with the same air, so a state longer still ends in an
     ellipsis rather than under the act */
.fac-tight .fac-act[data-v-c07c8fb9] {
    justify-content: center;
    width: 30px;
    padding-inline: 0;
}
.fac-tight .fac-act-label[data-v-c07c8fb9] {
    display: none;
}
.fac-tight[data-v-c07c8fb9] .fac-pk-start {
    max-inline-size: calc(100% - 30px - 12px);
}
  /* the act: a 30px pill, drawn as the house outline or invert button, presentational (the card's link is the target) */
.fac-act[data-v-c07c8fb9] {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding-inline: 8px 12px;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    pointer-events: none;
}
.fac-act[data-v-c07c8fb9] svg {
    width: 15px;
    height: 15px;
    flex: none;
}
.fac-act--outline[data-v-c07c8fb9] {
    border-color: var(--border);
    background-color: var(--background);
    color: var(--foreground);
}
  /* the house button's invert fill (bg-invert; dark mode the light fill, as the button's own dark rule) */
.fac-act--invert[data-v-c07c8fb9] {
    background-color: var(--invert);
    color: var(--invert-foreground);
}
html.dark .fac-act--invert[data-v-c07c8fb9] {
    background-color: var(--foreground);
    color: var(--background);
}

  /* the rim under the print: the name, then the country, one line each so the cards stand level */
.fac-rim[data-v-c07c8fb9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-block: 8px 6px;
    padding-inline: 10px;
}
.fac-name[data-v-c07c8fb9] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.006em;
    color: var(--foreground);
}
  /* the card's link: its ::after covers the card, so a press anywhere opens the account */
.fac-link[data-v-c07c8fb9] {
    outline: none;
}
.fac-link[data-v-c07c8fb9]::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    content: '';
}
.fac-meta[data-v-c07c8fb9] {
    display: flex;
    min-width: 0;
    margin: 0;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px;
    color: var(--pc-meta);
}
  /* the country's code tile: 22px tall, on the muted fill, read left to right */
.fac-code[data-v-c07c8fb9] {
    display: inline-flex;
    flex: none;
    align-items: center;
    height: 22px;
    padding-inline: 6px;
    border-radius: 6px;
    background-color: var(--muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--muted-foreground);
}

  /* UI-3152: PortalsLine's line, a 17px lead and the rest in the label's ink. Its 20rem basis sends the end part to a line
     of its own, at the end, on a phone, rather than squeezing the sentence into a column beside it. */
.fline-say[data-v-060b57ee] {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
}
  /* UI-3152 (walk, G1 SHOULD): the rest ("1 needs setup.") is one unit, so a phone never strands its figure at the end of
     the lead's line */
.fline-rest[data-v-060b57ee] {
    white-space: nowrap;
    font-weight: 500;
    color: var(--muted-foreground);
}
  /* the meter: 14px segments, 3px apart, full rounds; it fills from the start, so from the right in Hebrew */
.fline-meter[data-v-060b57ee] {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 14px;
    gap: 3px;
}
.fline-meter > i[data-v-060b57ee] {
    display: block;
    height: 6px;
    border-radius: 9999px;
}
.fline-seg-off[data-v-060b57ee] {
    background-color: color-mix(in srgb, var(--muted-foreground) 22%, var(--background));
}
html.dark .fline-seg-off[data-v-060b57ee] {
    background-color: color-mix(in srgb, var(--muted-foreground) 30%, var(--background));
}

  /* the socket grows with its body up to the room the screen leaves, and the body scrolls past that (the apply form at
     390, a long language), so the foot with its act stays in view */
.finance-partner__sock[data-v-cfbf749c] {
    max-height: calc(100dvh - 9rem - 7vh);
}
@media (max-height: 50rem) {
.finance-partner__sock[data-v-cfbf749c] {
      max-height: calc(100dvh - 9rem);
}
}

  /* UI-3152 (A11): the board's skeleton grey (Portals' print-skel), muted ink mixed into muted, so the skeleton print reads
     on the white print and on the rim ground alike */
.print-skel[data-v-1b6d83fc] {
    background-color: color-mix(in oklab, var(--muted-foreground) 18%, var(--muted));
}
html.dark .print-skel[data-v-1b6d83fc] {
    background-color: color-mix(in oklab, var(--muted-foreground) 22%, var(--muted));
}

.field-pop-enter-active[data-v-f19492ff],
  .field-pop-leave-active[data-v-f19492ff] {
    transition:
      opacity 180ms ease,
      transform 180ms ease;
}
.field-pop-enter-from[data-v-f19492ff],
  .field-pop-leave-to[data-v-f19492ff] {
    opacity: 0;
    transform: translateY(-4px);
}
@media (prefers-reduced-motion: reduce) {
.field-pop-enter-active[data-v-f19492ff],
    .field-pop-leave-active[data-v-f19492ff] {
      transition-duration: 1ms;
}
}

  /* ══════════════════════════════════════════════════════════════════════════
     DELIBERATE DEVIATION 1, do not "fix" this to semantic tokens.

     Everything under .pp uses the portal page's OWN literal palette, copied from
     its :root (#f8fafc ground, #fff card, #0f172a ink, #64748b muted, #e2e8f0
     rules, and the three pill tones). The portal has no dark mode: those values
     are hardcoded in its stylesheet. Painting this mock with dashboard tokens
     would show a seller in dark mode a dark portal that does not exist.

     The one variable colour inside is --pp-accent, which is the seller's own
     setting: data being previewed, not a design decision.

     The pane's frame, tabs, badge, address bar, warning strip and every label
     AROUND this block use semantic tokens only.

     Sizes are the page's own scale multiplied by roughly 0.8, because the pane is
     about 360px wide where the page's column is 900px. The proportions are the
     page's; the absolute values are not, and cannot be.
     ══════════════════════════════════════════════════════════════════════════ */
.pp[data-v-a1c312c8] {
    --pp-ink: #0f172a;
    --pp-muted: #64748b;
    --pp-line: #e2e8f0;
    --pp-bg: #f8fafc;
    --pp-card: #fff;
    --pp-ok: #059669;
    --pp-ok-bg: #ecfdf5;
    --pp-ok-line: #a7f3d0;
    --pp-warn: #b45309;
    --pp-warn-bg: #fffbeb;
    --pp-warn-line: #fde68a;
    /* The mock answers to the PANE's width, not the browser's, so a narrow rail
       shows the portal's own narrow layout instead of a squeezed wide one. The
       page breaks at 640px of a 900px column; the same ratio here is about 18rem.
       Without container support the wide layout simply stays, which the fluid
       nav column below keeps readable. */
    container-type: inline-size;
    background: var(--pp-bg);
    color: var(--pp-ink);
    font: 12px/1.55 -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

  /* header */
.pp-head[data-v-a1c312c8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.85rem;
    padding-inline: 0.85rem;
    background: var(--pp-card);
    border-block-end: 1px solid var(--pp-line);
}
.pp-brand[data-v-a1c312c8] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    font-size: 13px;
    font-weight: 650;
}
.pp-logo[data-v-a1c312c8] {
    height: 21px;
    width: auto;
    max-width: 105px;
    object-fit: contain;
}
.pp-bname[data-v-a1c312c8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pp-who[data-v-a1c312c8] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 10px;
    color: var(--pp-muted);
    white-space: nowrap;
}

  /* body */
.pp-main[data-v-a1c312c8] {
    padding-block: 1.1rem 1.6rem;
    padding-inline: 0.85rem;
}
.pp-narrow[data-v-a1c312c8] {
    max-width: 20.8rem;
    margin-inline: auto;
}
.pp-card[data-v-a1c312c8] {
    background: var(--pp-card);
    border: 1px solid var(--pp-line);
    border-radius: 11px;
    padding: 1rem;
}
.pp-h1[data-v-a1c312c8] {
    margin-block-end: 0.3rem;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.pp-h2[data-v-a1c312c8] {
    margin-block-end: 0.6rem;
    font-size: 13px;
    font-weight: 600;
}
.pp-p[data-v-a1c312c8] {
    margin-block-end: 0.6rem;
}
.pp-gap-top[data-v-a1c312c8] {
    margin-block-start: 0.8rem;
}
.pp-muted[data-v-a1c312c8] {
    color: var(--pp-muted);
}
.pp-small[data-v-a1c312c8] {
    font-size: 10px;
}
.pp-center[data-v-a1c312c8] {
    text-align: center;
}

  /* fields. Spans and divs, never inputs: nothing in the mock should be
     focusable, offered to a screen reader as a control, or typed into. */
.pp-field[data-v-a1c312c8] {
    display: block;
    margin-block-end: 0.7rem;
}
.pp-field > span[data-v-a1c312c8] {
    display: block;
    margin-block-end: 0.25rem;
    font-size: 10px;
    color: var(--pp-muted);
}
.pp-input[data-v-a1c312c8] {
    min-height: 1.95rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid var(--pp-line);
    border-radius: 8px;
    background: #fff;
    color: var(--pp-ink);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pp-ph[data-v-a1c312c8] {
    color: var(--pp-muted);
}
.pp-off[data-v-a1c312c8] {
    background: var(--pp-bg);
    color: var(--pp-muted);
}
.pp-focus[data-v-a1c312c8] {
    outline: 2px solid color-mix(in srgb, var(--pp-accent) 40%, transparent);
    border-color: var(--pp-accent);
}
.pp-code[data-v-a1c312c8] {
    font-size: 17px;
    letter-spacing: 0.4em;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.pp-btn[data-v-a1c312c8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.9rem;
    border: 1px solid var(--pp-accent);
    border-radius: 8px;
    background: var(--pp-accent);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.pp-block[data-v-a1c312c8] {
    display: flex;
    width: 100%;
}
.pp-a[data-v-a1c312c8] {
    color: var(--pp-accent);
}
a.pp-a[data-v-a1c312c8]:hover {
    text-decoration: underline;
}
.pp-dead[data-v-a1c312c8] {
    color: var(--pp-muted);
}

  /* signed-in layout. The nav column is fluid rather than the page's fixed 12rem
     so the pane stays readable at every rail width it is given. */
.pp-layout[data-v-a1c312c8] {
    display: grid;
    grid-template-columns: minmax(5.25rem, 7.5rem) 1fr;
    gap: 1rem;
    align-items: start;
}
.pp-side[data-v-a1c312c8] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}
.pp-nav[data-v-a1c312c8] {
    padding: 0.4rem 0.6rem;
    border-radius: 8px;
    font-size: 12px;
    color: var(--pp-ink);
}
.pp-on[data-v-a1c312c8] {
    background: color-mix(in srgb, var(--pp-accent) 12%, transparent);
    color: var(--pp-accent);
    font-weight: 600;
}
.pp-view[data-v-a1c312c8] {
    min-width: 0;
}

  /* rows. Adjacent-sibling rule rather than the page's border-top plus
     :first-of-type reset, which would have keyed off the card's heading. */
.pp-row[data-v-a1c312c8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-block: 0.65rem;
}
.pp-row + .pp-row[data-v-a1c312c8] {
    border-block-start: 1px solid var(--pp-line);
}
.pp-cell[data-v-a1c312c8] {
    min-width: 0;
}
.pp-title[data-v-a1c312c8] {
    font-weight: 600;
}
.pp-pill[data-v-a1c312c8] {
    display: inline-block;
    margin-inline-start: 0.3rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--pp-line);
    border-radius: 999px;
    background: var(--pp-bg);
    color: var(--pp-muted);
    font-size: 9px;
    vertical-align: middle;
}
.pp-pill.pp-ok[data-v-a1c312c8] {
    border-color: var(--pp-ok-line);
    background: var(--pp-ok-bg);
    color: var(--pp-ok);
}
.pp-pill.pp-warn[data-v-a1c312c8] {
    border-color: var(--pp-warn-line);
    background: var(--pp-warn-bg);
    color: var(--pp-warn);
}
.pp-num[data-v-a1c312c8] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.pp-empty[data-v-a1c312c8] {
    padding: 1.6rem 0.8rem;
    text-align: center;
    color: var(--pp-muted);
}
.pp-grid2[data-v-a1c312c8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

  /* footer */
.pp-foot[data-v-a1c312c8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    /* "Return to <business>" carries a name the seller types, up to 80 characters
       with no space in it if they want. FramePanel would clip the overflow
       silently, so it breaks instead. */
    overflow-wrap: anywhere;
    padding-block: 1rem 1.4rem;
    padding-inline: 0.85rem;
    border-block-start: 1px solid var(--pp-line);
    font-size: 10px;
    color: var(--pp-muted);
}
.pp-grow[data-v-a1c312c8] {
    flex: 1;
}

  /* The page's own 640px rule, expressed against the pane. */
@container (max-width: 18rem) {
.pp-layout[data-v-a1c312c8] {
      grid-template-columns: 1fr;
}
.pp-side[data-v-a1c312c8] {
      flex-direction: row;
      overflow-x: auto;
}
.pp-nav[data-v-a1c312c8] {
      white-space: nowrap;
}
.pp-grid2[data-v-a1c312c8] {
      grid-template-columns: 1fr;
}
.pp-who > span[data-v-a1c312c8]:first-child {
      display: none;
}
}
body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

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

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-59b0cb0b],[data-v-59b0cb0b]:before,[data-v-59b0cb0b]:after,[data-v-59b0cb0b]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.color-input .box[data-v-59b0cb0b]{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);border-radius:3.40282e38px}.color-input .box.active[data-v-59b0cb0b],.color-input .box.active[data-v-59b0cb0b]:where(.dark,.dark *){border-color:var(--border);background-color:var(--muted)}.color-input .box .transparent[data-v-59b0cb0b]{background-color:#0000!important}.menu-tree[data-v-59b0cb0b] .tree-branch + .tree-branch{margin-top:3px!important}.he-tree .tree-node[data-v-59b0cb0b]{border:none;padding:0}.picker-popup[data-v-59b0cb0b]{border-radius:calc(var(--radius) + 4px)!important;border-style:var(--tw-border-style)!important;border-width:1px!important;border-color:var(--border)!important;--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important;inset-inline-start:unset!important;inset-inline-end:calc(var(--spacing,.25rem) * 3)!important;overflow:hidden!important}.picker-popup[data-v-59b0cb0b]:where(.dark,.dark *){border-color:var(--border)!important}.tree-action>button[data-v-59b0cb0b]{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);padding:calc(var(--spacing,.25rem) * 1);place-items:center;display:grid}@media (hover:hover){.tree-action>button[data-v-59b0cb0b]:hover{background-color:var(--background)}.tree-action>button[data-v-59b0cb0b]:where(.dark,.dark *):hover{background-color:var(--accent)}}.route-menu-pills[data-v-59b0cb0b] button{height:calc(var(--spacing,.25rem) * 9);border-radius:calc(var(--radius) + 4px);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));align-items:center;display:inline-flex}@media (hover:hover){.route-menu-pills[data-v-59b0cb0b] button:hover{background-color:var(--background)}.route-menu-pills[data-v-59b0cb0b] button:hover{color:var(--foreground)}}.route-menu-pills[data-v-59b0cb0b] .text-xudaTint-500{background-color:var(--background);color:var(--foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}

  /* Over the card's box exactly; the dots sit on its edge, half outside, as the engine's do. */
.auth-card-edge[data-v-bb244c20] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    color: color-mix(in srgb, var(--foreground) 42%, transparent);
}
  /* forced colours: the system's own text colour at full strength, so the card keeps an edge */
@media (forced-colors: active) {
.auth-card-edge[data-v-bb244c20] {
      color: CanvasText;
}
}

  /* The dotted surface: the sign in card's look in CSS (the website's /enter card, now the
     dashboard's, dashboard/src/components/auth/EnterStage.vue .es-card): 20px corners, the
     page's own ground at 84% so whatever sits behind shows through faintly, and its padding,
     which a phone trades for width. */
.auth-shell-dotted[data-v-6c8aca6b] {
    border-radius: 20px;
    background: color-mix(in srgb, var(--background) 84%, transparent);
}
.auth-shell-dotted__body[data-v-6c8aca6b] {
    padding: 28px 28px 24px;
}
@media (max-width: 480px) {
.auth-shell-dotted__body[data-v-6c8aca6b] {
      padding: 20px 16px 16px;
}
}
  /* PanelSlider positions both panels absolutely and writes its own height once mounted. Until
     that inline height exists, panel 1 stays in the flow, so the form takes its room instead of
     sliding under the legal line. */
.auth-slider[data-v-6c8aca6b]:not([style*='height']) >  .content-groups {
    position: relative;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.color-box .box{height:calc(var(--spacing,.25rem) * 6)!important;width:calc(var(--spacing,.25rem) * 6)!important}#otpInput.error{border-color:var(--color-red-600,oklch(57.7% .245 27.325))!important;--tw-ring-color:var(--color-red-600,oklch(57.7% .245 27.325))!important}#otpInput.success{border-color:var(--color-green-500,oklch(72.3% .219 149.579))!important;--tw-ring-color:var(--color-green-500,oklch(72.3% .219 149.579))!important}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.iconSize{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.ActionBtn{border-radius:var(--radius)}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
:root{--swiper-navigation-size:24px;--uim-primary-opacity:1;--uim-secondary-opacity:.7;--uim-tertiary-opacity:.5;--uim-quaternary-opacity:.25;--uim-quinary-opacity:0;--uim-color:var(--muted-foreground)}[aria-checked=true]{--uim-color:var(--primary)}.items{transition:all 2s}.create-icon{fill:var(--uim-color,currentColor)}.create-modal .create-icon{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);margin-inline:auto}.create-modal .small .create-icon{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);margin-inline:auto}.uim-primary{opacity:var(--uim-primary-opacity)}.uim-tertiary{opacity:var(--uim-tertiary-opacity)}.uim-quaternary{opacity:var(--uim-quaternary-opacity)}.swiper-button-prev,.swiper-button-next{color:var(--color-xudaTint-600,#0091ff)}.swiper-button-disabled{visibility:hidden}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
/*!
 * FilePond 4.32.10
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}button[disabled],input[disabled]{opacity:.5;cursor:not-allowed}.selected .tree-children{background:#152434}.tree-branch{position:relative;overflow:hidden}.tree .icon>svg{display:inherit;height:inherit;width:inherit}.selected-tree{--uim-color:#fff}.tree-node-selected .loader{background-color:var(--background)}.xu-tree-node{height:calc(var(--spacing,.25rem) * 8);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);color:var(--foreground);display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.xu-tree-node{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}@media (hover:hover){.xu-tree-node:hover{color:var(--foreground)}:where(.selected-tree) .xu-tree-node:hover{background-color:#0000}}.xu-tree-node .tree-fold{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);border-radius:calc(var(--radius) - 4px);padding:calc(var(--spacing,.25rem) * .5);color:var(--muted-foreground);flex-shrink:0;place-items:center;display:grid}.xu-tree-node .tree-action-btn{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);flex-shrink:0;border-radius:calc(var(--radius) - 2px)!important}.xu-tree-node .tree-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);flex:1;overflow:hidden}.xu-tree-node.main-node .tree-label{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.tree-children.active{margin-inline:calc(var(--spacing,.25rem) * 1);border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.tree-children.active{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.tree-children.active .tree-node-back{margin-inline:calc(var(--spacing,.25rem) * 0)}.tree-fold.node-has-children{border-radius:calc(var(--radius) - 4px)}@media (hover:hover){.tree-fold.node-has-children:hover{background-color:var(--muted)}}.selected-tree{background-color:var(--primary)!important;color:var(--primary-foreground)!important}@media (hover:hover){.selected-tree .tree-fold.node-has-children:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.selected-tree .tree-fold.node-has-children:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 15%, transparent)}}}.selected-tree .tree-label,.selected-tree .tree-fold,.selected-tree .icon,.selected-tree .icon svg{color:var(--primary-foreground)!important}.selected-tree .icon svg{stroke:var(--primary-foreground)!important}.selected-tree .tree-action-btn{color:var(--primary-foreground)}@media (hover:hover){.selected-tree .tree-action-btn:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.selected-tree .tree-action-btn:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 15%, transparent)}}}.selected-tree [data-slot=checkbox]{border-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.selected-tree [data-slot=checkbox]{border-color:color-mix(in oklab, var(--primary-foreground) 50%, transparent)}}.selected-tree [data-slot=checkbox][data-state=checked]{border-color:var(--primary-foreground);background-color:var(--primary-foreground);color:var(--primary)}.he-tree .tree-node-back{margin-inline:calc(var(--spacing,.25rem) * 1);cursor:pointer}.he-tree .tree-node-back:not(.selected-tree){border-radius:var(--radius)}.he-tree .tree-node-back:hover:not(.selected-tree){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.he-tree .tree-node-back:hover:not(.selected-tree){background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.hide-tree-fold .tree-fold{display:none}.studio-nav .tree-root>div[data-tree-node-path="0"]>div{top:calc(var(--spacing,.25rem) * 0);z-index:10;background-color:var(--background);position:sticky}@property --tw-font-weight{syntax:"*";inherits:false}

  /* ── Context chips inside the prompt ── */
.right-panel-chat .rp-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0 2px 6px;
    position: relative;
    z-index: 2;
}
.right-panel-chat .rp-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-panel-chat .rp-chip-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.right-panel-chat .rp-chip-icon svg {
    width: 14px;
    height: 14px;
}
.right-panel-chat .rp-chip.on {
    background: var(--color-blue-100, oklch(0.93 0.03 250));
    color: var(--color-blue-700, oklch(0.45 0.15 250));
    border-color: var(--color-blue-200, oklch(0.88 0.05 250));
}
.right-panel-chat .rp-chip.on:hover {
    background: var(--color-blue-200, oklch(0.88 0.05 250));
}
.right-panel-chat .rp-chip.off {
    background: transparent;
    color: var(--color-muted-foreground);
    border-color: var(--color-border);
    text-decoration: line-through;
    opacity: 0.5;
}
.right-panel-chat .rp-chip.off:hover {
    opacity: 0.8;
}
.dark .right-panel-chat .rp-chip.on {
    background: oklch(0.25 0.05 250);
    color: oklch(0.75 0.1 250);
    border-color: oklch(0.35 0.06 250);
}
.dark .right-panel-chat .rp-chip.on:hover {
    background: oklch(0.3 0.06 250);
}

  /* ── Prompt styled like the toolbar AI card ── */
.right-panel-chat .input-wrapper {
    padding: 0 !important;
    position: relative;
    z-index: 20 !important;
}
.right-panel-chat .ai-prompt .ai-textarea,
  .right-panel-chat .ai-prompt .ai-placeholder {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
}

  /* Single clean card - Codex-style: bright bg-card surface, thin border,
     soft multi-layer shadow for the lifted feel. No nested sub-card, no
     visible noise/gray. The depth comes from shadow, not from texture. */
.right-panel-chat .ai-prompt {
    box-shadow: 0 1px 2px 0 oklch(0 0 0 / 0.04), 0 4px 12px -4px oklch(0 0 0 / 0.04), 0 0 0 0.5px oklch(0 0 0 / 0.03);
}
.dark .right-panel-chat .ai-prompt {
    box-shadow: 0 1px 2px 0 oklch(0 0 0 / 0.3), 0 4px 12px -4px oklch(0 0 0 / 0.25), 0 0 0 0.5px oklch(1 0 0 / 0.04);
}
.right-panel-chat .ai-prompt .ai-input-group > div:first-child {
    min-height: 2.5rem !important;
}

  /* Compact action buttons (icon-only) */
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn) {
    width: 2rem !important;
    height: 2rem !important;
    border: none !important;
    background: transparent !important;
    color: var(--color-muted-foreground) !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn):hover,
  .right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn)[aria-expanded='true'],
  .right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn)[data-state='open'],
  .right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn).active {
    background: var(--color-muted) !important;
    color: var(--color-foreground) !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] button:not(.ai-model-btn) svg {
    width: 1rem !important;
    height: 1rem !important;
}

  /* Send button - blue when enabled */
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] button.bg-black,
  .right-panel-chat .ai-prompt [data-slot='input-group-addon'] button.dark\:bg-white {
    background: var(--color-primary, #0091ff) !important;
    color: white !important;
    border: none !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] button.bg-black:hover,
  .right-panel-chat .ai-prompt [data-slot='input-group-addon'] button.dark\:bg-white:hover {
    opacity: 0.9;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] {
    padding: 0 0.25rem 0.25rem !important;
    gap: 0.25rem !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'].px-3 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'].pb-3 {
    padding-bottom: 0.25rem !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'].py-1\.5 {
    padding-top: 0 !important;
    padding-bottom: 0.25rem !important;
}
.right-panel-chat .ai-prompt .ai-model-btn {
    font-size: 0.6875rem !important;
    height: 1.75rem !important;
    padding: 0 0.625rem !important;
    overflow: hidden !important;
    border-radius: 0.375rem !important;
    background: transparent !important;
    color: var(--color-muted-foreground) !important;
}
.right-panel-chat .ai-prompt .ai-model-btn:hover {
    color: var(--color-foreground) !important;
    background: var(--color-muted) !important;
    border-radius: 0.375rem !important;
}
.right-panel-chat .ai-prompt .ai-model-btn span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.right-panel-chat .ai-prompt .ai-model-select {
    flex-shrink: 0 !important;
    margin-inline-end: 0.25rem !important;
}
.right-panel-chat .ai-prompt [data-slot='input-group-addon'] [data-orientation='vertical'] {
    display: none !important;
}

  /* ── Compact messages for narrow panel ── */
.right-panel-chat .messages-list {
    padding: 0.75rem 0.5rem !important;
    gap: 1rem !important;
}
.right-panel-chat .user-bubble {
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 1rem !important;
}
.right-panel-chat .out .user-bubble-wrapper {
    max-width: 90% !important;
}

  /* Assistant avatar - smaller */
.right-panel-chat .in > .rounded-full.size-10,
  .right-panel-chat .in > div:first-child.rounded-full {
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin-inline-end: 0.375rem !important;
}
.right-panel-chat .in > .rounded-full.size-10 svg,
  .right-panel-chat .in > div.rounded-full canvas {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

  /* Assistant text - smaller */
.right-panel-chat .assistant-content {
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
}
.right-panel-chat .assistant-content p,
  .right-panel-chat .assistant-content li,
  .right-panel-chat .assistant-content span {
    font-size: inherit !important;
    line-height: inherit !important;
}

  /* Phase trail (streaming status) - match assistant text size */
.right-panel-chat .phase-trail,
  .right-panel-chat .phase-trail div,
  .right-panel-chat .phase-trail span {
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
}

  /* Phase trail avatar/icon - smaller to match assistant avatar */
.right-panel-chat .phase-trail .size-10 {
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin-inline-end: 0.375rem !important;
}
.right-panel-chat .phase-trail .size-10 canvas,
  .right-panel-chat .phase-trail .size-10 svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

  /* Message actions - smaller */
.right-panel-chat .msg-actions {
    margin-top: 0.375rem !important;
}
.right-panel-chat .msg-actions button,
  .right-panel-chat .message-action-btn {
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.right-panel-chat .msg-actions svg,
  .right-panel-chat .message-action-btn svg {
    width: 0.875rem !important;
    height: 0.875rem !important;
}
.right-panel-chat .user-actions button {
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.right-panel-chat .user-actions svg {
    width: 0.875rem !important;
    height: 0.875rem !important;
}

  /* SiriOrb - scale down */
.right-panel-chat .in > .rounded-full.mr-2 {
    transform: scale(0.7) !important;
    transform-origin: top left !important;
    margin-inline-end: 0 !important;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.vjs-tree-node{align-items:center;display:flex}.vjs-carets{margin-inline-end:calc(var(--spacing,.25rem) * 2);display:block}.vjs-indent{display:flex;position:relative}.vjs-indent-unit{width:1em}.vjs-carets-close{rotate:-90deg}

@keyframes spin-once-e7928bb2 {
to {
      transform: rotate(360deg);
}
}
.animate-spin-once[data-v-e7928bb2] {
    animation: spin-once-e7928bb2 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.vjs-tree__node.is-highlight,.vjs-tree__node:hover{background-color:#111827!important}html,body,#app{height:100%}.loss{opacity:.3}.pwa-toast{z-index:1;text-align:start;inset-inline-end:0;background-color:#fff;border:1px solid #8885;border-radius:4px;margin:16px;padding:12px;position:fixed;bottom:0;box-shadow:3px 4px 5px #8885}.pwa-toast .message{margin-bottom:8px}.pwa-toast button{border:1px solid #8885;border-radius:2px;outline:none;margin-inline-end:5px;padding:3px 10px}[data-rich-colors=true]{z-index:50!important;transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}[data-rich-colors=true][view-mode=full]{--offset-bottom:70px!important}[data-rich-colors=true][view-mode=full][tab=ui]{--offset-bottom:150px!important}[data-rich-colors=true][view-mode=compact][tab=ui]{--offset-bottom:90px!important}[data-rich-colors=true] [data-sonner-toast][data-styled=true]{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-2xl,1rem);border-color:#0000}[data-rich-colors=true] [data-sonner-toast][data-styled=true].hide-close [data-close-button]{display:none}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=warning]{--warning-border:transparent;--tw-shadow:0 10px 20px var(--tw-shadow-color,#fa03);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);color:#fff;background-color:#fa0}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=warning] [data-button]{border-radius:calc(var(--radius) + 4px);height:28px;padding-inline:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);background-color:#fff3}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=error]{--error-border:transparent;color:var(--color-white,#fff);--tw-shadow:0 10px 20px var(--tw-shadow-color,#e6000033);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#e60000}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=error] [data-button]{border-radius:calc(var(--radius) + 4px);height:28px;padding-inline:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);background-color:#fff3}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=success]{--success-border:transparent;color:var(--color-white,#fff);--tw-shadow:0 10px 20px var(--tw-shadow-color,#09b74333);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#09b743}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=success] [data-button]{border-radius:calc(var(--radius) + 4px);height:28px;padding-inline:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);background-color:#fff3}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info]{--info-border:transparent;background-color:var(--foreground);color:var(--background);--tw-shadow:0 10px 20px var(--tw-shadow-color,var(--card))}@supports (color:color-mix(in lab, red, red)){[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info]{--tw-shadow:0 10px 20px var(--tw-shadow-color,color-mix(in srgb,var(--card) 20%,transparent))}}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info] [data-button]{border-radius:calc(var(--radius) + 4px);background-color:var(--background);height:28px}@supports (color:color-mix(in lab, red, red)){[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info] [data-button]{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info] [data-button]{padding-inline:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--background)}[data-rich-colors=true] [data-sonner-toast][data-styled=true][data-type=info] [data-icon]{color:var(--color-blue-500,oklch(62.3% .214 259.815))}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}

/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.main-section{height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex:1;position:relative}.main-section .card{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);position:relative}@supports (color:color-mix(in lab, red, red)){.main-section .card{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.main-section .card{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.main-section .card{background-color:color-mix(in oklab, var(--card) 80%, transparent)}}.main-section .card{padding:calc(var(--spacing,.25rem) * 4);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.main-section .card{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black,#000) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.main-section .card{--tw-backdrop-blur:blur(var(--blur-xl,24px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media (min-width:40rem){.main-section .card{padding:calc(var(--spacing,.25rem) * 6)}}.main-section .ai-prompt{background-color:#0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}

.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
              transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
              transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
              transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
              transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}

.vc-day-popover-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: none;
      -ms-flex-wrap: none;
          flex-wrap: none;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
    grid-row: 1;
    grid-column: title;
}
.vc-header .vc-prev {
    grid-row: 1;
    grid-column: prev;
}
.vc-header .vc-next {
    grid-row: 1;
    grid-column: next;
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}

.vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}

/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

/* ----Dots---- */
.vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}

/* ----Bars---- */
.vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 75%;
}
.vc-bar {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
      padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
      padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}
.vc-base-select .vc-base-sizer {
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    color: transparent;
    padding: 0px 8px;
    margin: 0;
}
.vc-base-select select {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            appearance: none;
    background-color: var(--vc-select-bg);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0px 7px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}

.vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
    background: transparent;
    padding: 0px 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--vc-slide-translate));
          transform: translateX(var(--vc-slide-translate));
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
          transform: translateX(calc(-1 * var(--vc-slide-translate)));
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--vc-slide-translate));
          transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
          transform: translateY(calc(-1 * var(--vc-slide-translate)));
}

:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
  }

.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}

/* Calendar attributes */

.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
  }

.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}

/* Calendar attributes */

.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
  }

.vc-container {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container,
  .vc-container * {
    box-sizing: border-box;
  }

.vc-container:focus, .vc-container *:focus {
      outline: none;
    }

/* Hides double border within popovers */

.vc-container .vc-container {
    border: none;
  }

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
    border: 0;
  }
:root {
  --jvm-border-color: #E5E6E7;
  --jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --jvm-tooltip-font-size: 0.9rem;
  --jvm-tooltip-bg-color: #337FFA;
  --jvm-tooltip-color: #FFF;
  --jvm-tooltip-padding: 3px 5px;
  --jvm-tooltip-shadow: var(--jvm-box-shadow);
  --jvm-tooltip-radius: 3px;
  --jvm-zoom-btn-bg-color: #292929;
  --jvm-zoom-btn-color: #FFF;
  --jvm-zoom-btn-size: 15px;
  --jvm-zoom-btn-radius: 3px;
  --jvm-series-container-right: 15px;
  --jvm-legend-bg-color: #FFF;
  --jvm-legend-radius: 0.15rem;
  --jvm-legend-margin-left: 0.75rem;
  --jvm-legend-padding: 0.6rem;
  --jvm-legend-title-padding-bottom: 0.5rem;
  --jvm-legend-title-margin-bottom: 0.575rem;
  --jvm-legend-tick-margin-top: 0.575rem;
  --jvm-legend-tick-sample-radius: 0;
  --jvm-legend-tick-sample-height: 12px;
  --jvm-legend-tick-sample-width: 30px;
  --jvm-legend-tick-text-font-size: 12px;
  --jvm-legend-tick-text-margin-top: 3px;
}

image, text, .jvm-zoom-btn {
  user-select: none;
}

.jvm-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.jvm-tooltip {
  border-radius: var(--jvm-tooltip-radius);
  background-color: var(--jvm-tooltip-bg-color);
  color: var(--jvm-tooltip-color);
  font-size: var(--jvm-tooltip-font-size);
  box-shadow: var(--jvm-tooltip-shadow);
  padding: var(--jvm-tooltip-padding);
  white-space: nowrap;
  position: absolute;
  display: none;
}

.jvm-tooltip.active {
  display: block;
}

.jvm-zoom-btn {
  background-color: var(--jvm-zoom-btn-bg-color);
  color: var(--jvm-zoom-btn-color);
  border-radius: var(--jvm-zoom-btn-radius);
  height: var(--jvm-zoom-btn-size);
  width: var(--jvm-zoom-btn-size);
  box-sizing: border-box;
  position: absolute;
  left: 10px;
  line-height: var(--jvm-zoom-btn-size);
  text-align: center;
  cursor: pointer;
}

.jvm-zoom-btn.jvm-zoomin {
  top: var(--jvm-zoom-btn-size);
}

.jvm-zoom-btn.jvm-zoomout {
  top: calc(var(--jvm-zoom-btn-size) * 2 + var(--jvm-zoom-btn-size) / 3);
}

.jvm-series-container {
  position: absolute;
  right: var(--jvm-series-container-right);
}

.jvm-series-container.jvm-series-h {
  bottom: 15px;
}

.jvm-series-container.jvm-series-v {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  top: 15px;
}

.jvm-legend {
  background-color: var(--jvm-legend-bg-color);
  border: 1px solid var(--jvm-border-color);
  margin-left: var(--jvm-legend-margin-left);
  border-radius: var(--jvm-legend-radius);
  padding: var(--jvm-legend-padding);
  box-shadow: var(--jvm-box-shadow);
}

.jvm-legend-title {
  line-height: 1;
  border-bottom: 1px solid var(--jvm-border-color);
  padding-bottom: var(--jvm-legend-title-padding-bottom);
  margin-bottom: var(--jvm-legend-title-margin-bottom);
  text-align: left;
}

.jvm-legend-tick {
  display: flex;
  align-items: center;
  min-width: 40px;
}

.jvm-legend-tick:not(:first-child) {
  margin-top: var(--jvm-legend-tick-margin-top);
}

.jvm-legend-tick-sample {
  border-radius: var(--jvm-legend-tick-sample-radius);
  margin-right: 0.45rem;
  height: var(--jvm-legend-tick-sample-height);
  width: var(--jvm-legend-tick-sample-width);
}

.jvm-legend-tick-text {
  font-size: var(--jvm-legend-tick-text-font-size);
  text-align: center;
  line-height: 1;
}

.jvm-line[animation=true] {
  -webkit-animation: jvm-line-animation 10s linear forwards infinite;
  animation: jvm-line-animation 10s linear forwards infinite;
}

@keyframes jvm-line-animation {
  from {
    stroke-dashoffset: 250;
  }
}