@mussonindustrial/pyro-mui-joy
Version:
A port of Material UI Joy Theme for Ignition by Inductive Automation
600 lines • 330 kB
CSS
@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var;font-style:normal;font-weight:100 900;src:url(/data/perspective/fonts/Inter-roman.woff2) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var;font-style:italic;font-weight:100 900;src:url(/data/perspective/fonts/Inter-italic.woff2) format("woff2")}:root{--joy-fontFamily-body:"Inter var",var(
--joy-fontFamily-fallback,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
);--joy-fontFamily-display:"Inter var",var(
--joy-fontFamily-fallback,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
);--joy-fontFamily-code:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--joy-fontFamily-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--joy-fontSize-xs:0.75rem;--joy-fontSize-sm:0.875rem;--joy-fontSize-md:1rem;--joy-fontSize-lg:1.125rem;--joy-fontSize-xl:1.25rem;--joy-fontSize-xl2:1.5rem;--joy-fontSize-xl3:1.875rem;--joy-fontSize-xl4:2.25rem;--joy-fontWeight-sm:300;--joy-fontWeight-md:500;--joy-fontWeight-lg:600;--joy-fontWeight-xl:700;--joy-focus-thickness:2px;--joy-lineHeight-xs:1.33334;--joy-lineHeight-sm:1.42858;--joy-lineHeight-md:1.5;--joy-lineHeight-lg:1.55556;--joy-lineHeight-xl:1.66667;--joy-letterSpacing-sm:-0.01em;--joy-letterSpacing-md:0.083em;--joy-letterSpacing-lg:0.125em;font-family:var(--joy-fontFamily-body);font-size:var(--joy-fontSize-md);font-weight:400}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-print-color-scheme:light;box-sizing:border-box}body{color:var(--joy-palette-text-primary);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.5;margin:0}.ia_container--joy-root,body{background-color:var(--joy-background-color)}.psc-Joy\/Palette\/primary{--joy-palette-mainChannel:var(--joy-palette-primary-mainChannel);--joy-palette-lightChannel:var(--joy-palette-primary-lightChannel);--joy-palette-darkChannel:var(--joy-palette-primary-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-primary-focusedHighlight
);--joy-palette-50:var(--joy-palette-primary-50);--joy-palette-100:var(--joy-palette-primary-100);--joy-palette-200:var(--joy-palette-primary-200);--joy-palette-300:var(--joy-palette-primary-300);--joy-palette-400:var(--joy-palette-primary-400);--joy-palette-500:var(--joy-palette-primary-500);--joy-palette-600:var(--joy-palette-primary-600);--joy-palette-700:var(--joy-palette-primary-700);--joy-palette-800:var(--joy-palette-primary-800);--joy-palette-900:var(--joy-palette-primary-900);--joy-palette-plainColor:var(
--joy-palette-primary-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-primary-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-primary-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-primary-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-primary-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-primary-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-primary-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-primary-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-primary-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-primary-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-primary-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-primary-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-primary-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-primary-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-primary-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-primary-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-primary-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-primary-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-primary-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-primary-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-primary-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-primary-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-primary-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-primary-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-primary-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-primary-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-primary-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-primary-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-primary-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-primary-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-primary-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-primary-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-primary-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-primary-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-primary-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-primary-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-primary-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-primary-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-primary-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-primary-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-primary-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-primary-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-primary-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-primary-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-primary-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-primary-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-primary-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-primary-solidDisabledBorder,var(--joy-palette-solidBorder)
)}.psc-Joy\/Palette\/neutral{--joy-palette-mainChannel:var(--joy-palette-neutral-mainChannel);--joy-palette-lightChannel:var(--joy-palette-neutral-lightChannel);--joy-palette-darkChannel:var(--joy-palette-neutral-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-neutral-focusedHighlight
);--joy-palette-50:var(--joy-palette-neutral-50);--joy-palette-100:var(--joy-palette-neutral-100);--joy-palette-200:var(--joy-palette-neutral-200);--joy-palette-300:var(--joy-palette-neutral-300);--joy-palette-400:var(--joy-palette-neutral-400);--joy-palette-500:var(--joy-palette-neutral-500);--joy-palette-600:var(--joy-palette-neutral-600);--joy-palette-700:var(--joy-palette-neutral-700);--joy-palette-800:var(--joy-palette-neutral-800);--joy-palette-900:var(--joy-palette-neutral-900);--joy-palette-plainColor:var(
--joy-palette-neutral-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-neutral-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-neutral-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-neutral-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-neutral-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-neutral-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-neutral-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-neutral-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-neutral-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-neutral-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-neutral-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-neutral-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-neutral-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-neutral-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-neutral-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-neutral-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-neutral-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-neutral-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-neutral-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-neutral-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-neutral-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-neutral-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-neutral-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-neutral-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-neutral-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-neutral-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-neutral-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-neutral-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-neutral-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-neutral-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-neutral-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-neutral-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-neutral-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-neutral-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-neutral-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-neutral-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-neutral-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-neutral-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-neutral-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-neutral-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-neutral-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-neutral-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-neutral-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-neutral-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-neutral-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-neutral-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-neutral-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-neutral-solidDisabledBorder,var(--joy-palette-solidBorder)
)}.psc-Joy\/Palette\/danger{--joy-palette-mainChannel:var(--joy-palette-danger-mainChannel);--joy-palette-lightChannel:var(--joy-palette-danger-lightChannel);--joy-palette-darkChannel:var(--joy-palette-danger-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-danger-focusedHighlight
);--joy-palette-50:var(--joy-palette-danger-50);--joy-palette-100:var(--joy-palette-danger-100);--joy-palette-200:var(--joy-palette-danger-200);--joy-palette-300:var(--joy-palette-danger-300);--joy-palette-400:var(--joy-palette-danger-400);--joy-palette-500:var(--joy-palette-danger-500);--joy-palette-600:var(--joy-palette-danger-600);--joy-palette-700:var(--joy-palette-danger-700);--joy-palette-800:var(--joy-palette-danger-800);--joy-palette-900:var(--joy-palette-danger-900);--joy-palette-plainColor:var(
--joy-palette-danger-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-danger-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-danger-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-danger-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-danger-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-danger-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-danger-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-danger-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-danger-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-danger-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-danger-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-danger-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-danger-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-danger-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-danger-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-danger-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-danger-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-danger-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-danger-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-danger-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-danger-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-danger-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-danger-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-danger-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-danger-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-danger-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-danger-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-danger-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-danger-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-danger-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-danger-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-danger-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-danger-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-danger-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-danger-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-danger-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-danger-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-danger-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-danger-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-danger-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-danger-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-danger-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-danger-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-danger-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-danger-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-danger-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-danger-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-danger-solidDisabledBorder,var(--joy-palette-solidBorder)
)}.psc-Joy\/Palette\/info{--joy-palette-mainChannel:var(--joy-palette-info-mainChannel);--joy-palette-lightChannel:var(--joy-palette-info-lightChannel);--joy-palette-darkChannel:var(--joy-palette-info-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-info-focusedHighlight
);--joy-palette-50:var(--joy-palette-info-50);--joy-palette-100:var(--joy-palette-info-100);--joy-palette-200:var(--joy-palette-info-200);--joy-palette-300:var(--joy-palette-info-300);--joy-palette-400:var(--joy-palette-info-400);--joy-palette-500:var(--joy-palette-info-500);--joy-palette-600:var(--joy-palette-info-600);--joy-palette-700:var(--joy-palette-info-700);--joy-palette-800:var(--joy-palette-info-800);--joy-palette-900:var(--joy-palette-info-900);--joy-palette-plainColor:var(
--joy-palette-info-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-info-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-info-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-info-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-info-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-info-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-info-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-info-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-info-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-info-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-info-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-info-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-info-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-info-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-info-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-info-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-info-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-info-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-info-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-info-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-info-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-info-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-info-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-info-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-info-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-info-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-info-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-info-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-info-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-info-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-info-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-info-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-info-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-info-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-info-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-info-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-info-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-info-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-info-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-info-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-info-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-info-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-info-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-info-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-info-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-info-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-info-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-info-solidDisabledBorder,var(--joy-palette-solidBorder)
)}.psc-Joy\/Palette\/success{--joy-palette-mainChannel:var(--joy-palette-success-mainChannel);--joy-palette-lightChannel:var(--joy-palette-success-lightChannel);--joy-palette-darkChannel:var(--joy-palette-success-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-success-focusedHighlight
);--joy-palette-50:var(--joy-palette-success-50);--joy-palette-100:var(--joy-palette-success-100);--joy-palette-200:var(--joy-palette-success-200);--joy-palette-300:var(--joy-palette-success-300);--joy-palette-400:var(--joy-palette-success-400);--joy-palette-500:var(--joy-palette-success-500);--joy-palette-600:var(--joy-palette-success-600);--joy-palette-700:var(--joy-palette-success-700);--joy-palette-800:var(--joy-palette-success-800);--joy-palette-900:var(--joy-palette-success-900);--joy-palette-plainColor:var(
--joy-palette-success-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-success-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-success-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-success-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-success-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-success-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-success-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-success-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-success-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-success-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-success-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-success-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-success-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-success-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-success-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-success-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-success-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-success-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-success-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-success-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-success-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-success-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-success-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-success-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-success-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-success-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-success-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-success-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-success-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-success-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-success-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-success-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-success-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-success-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-success-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-success-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-success-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-success-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-success-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-success-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-success-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-success-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-success-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-success-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-success-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-success-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-success-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-success-solidDisabledBorder,var(--joy-palette-solidBorder)
)}.psc-Joy\/Palette\/warning{--joy-palette-mainChannel:var(--joy-palette-warning-mainChannel);--joy-palette-lightChannel:var(--joy-palette-warning-lightChannel);--joy-palette-darkChannel:var(--joy-palette-warning-darkChannel);--joy-palette-focusedHighlight:var(
--joy-palette-warning-focusedHighlight
);--joy-palette-50:var(--joy-palette-warning-50);--joy-palette-100:var(--joy-palette-warning-100);--joy-palette-200:var(--joy-palette-warning-200);--joy-palette-300:var(--joy-palette-warning-300);--joy-palette-400:var(--joy-palette-warning-400);--joy-palette-500:var(--joy-palette-warning-500);--joy-palette-600:var(--joy-palette-warning-600);--joy-palette-700:var(--joy-palette-warning-700);--joy-palette-800:var(--joy-palette-warning-800);--joy-palette-900:var(--joy-palette-warning-900);--joy-palette-plainColor:var(
--joy-palette-warning-plainColor
);--joy-palette-plainHoverColor:var(
--joy-palette-warning-plainHoverColor,var(--joy-palette-plainColor)
);--joy-palette-plainActiveColor:var(
--joy-palette-warning-plainActiveColor,var(--joy-palette-plainColor)
);--joy-palette-plainDisabledColor:var(
--joy-palette-warning-plainDisabledColor,var(--joy-palette-plainColor)
);--joy-palette-plainBg:var(
--joy-palette-warning-plainBg
);--joy-palette-plainHoverBg:var(
--joy-palette-warning-plainHoverBg,var(--joy-palette-plainBg)
);--joy-palette-plainActiveBg:var(
--joy-palette-warning-plainActiveBg,var(--joy-palette-plainBg)
);--joy-palette-plainDisabledBg:var(
--joy-palette-warning-plainDisabledBg,var(--joy-palette-plainBg)
);--joy-palette-plainBorder:var(
--joy-palette-warning-plainBorder
);--joy-palette-plainHoverBorder:var(
--joy-palette-warning-plainHoverBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainActiveBorder:var(
--joy-palette-warning-plainActiveBorder,var(--joy-palette-plainBorder)
);--joy-palette-plainDisabledBorder:var(
--joy-palette-warning-plainDisabledBorder,var(--joy-palette-plainBorder)
);--joy-palette-outlinedColor:var(
--joy-palette-warning-outlinedColor
);--joy-palette-outlinedHoverColor:var(
--joy-palette-warning-outlinedHoverColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedActiveColor:var(
--joy-palette-warning-outlinedActiveColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedDisabledColor:var(
--joy-palette-warning-outlinedDisabledColor,var(--joy-palette-outlinedColor)
);--joy-palette-outlinedBg:var(
--joy-palette-warning-outlinedBg
);--joy-palette-outlinedHoverBg:var(
--joy-palette-warning-outlinedHoverBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedActiveBg:var(
--joy-palette-warning-outlinedActiveBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedDisabledBg:var(
--joy-palette-warning-outlinedDisabledBg,var(--joy-palette-outlinedBg)
);--joy-palette-outlinedBorder:var(
--joy-palette-warning-outlinedBorder
);--joy-palette-outlinedHoverBorder:var(
--joy-palette-warning-outlinedHoverBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedActiveBorder:var(
--joy-palette-warning-outlinedActiveBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-outlinedDisabledBorder:var(
--joy-palette-warning-outlinedDisabledBorder,var(--joy-palette-outlinedBorder)
);--joy-palette-softColor:var(
--joy-palette-warning-softColor
);--joy-palette-softHoverColor:var(
--joy-palette-warning-softHoverColor,var(--joy-palette-softColor)
);--joy-palette-softActiveColor:var(
--joy-palette-warning-softActiveColor,var(--joy-palette-softColor)
);--joy-palette-softDisabledColor:var(
--joy-palette-warning-softDisabledColor,var(--joy-palette-softColor)
);--joy-palette-softBg:var(
--joy-palette-warning-softBg
);--joy-palette-softHoverBg:var(
--joy-palette-warning-softHoverBg,var(--joy-palette-softBg)
);--joy-palette-softActiveBg:var(
--joy-palette-warning-softActiveBg,var(--joy-palette-softBg)
);--joy-palette-softDisabledBg:var(
--joy-palette-warning-softDisabledBg,var(--joy-palette-softBg)
);--joy-palette-softBorder:var(
--joy-palette-warning-softBorder
);--joy-palette-softHoverBorder:var(
--joy-palette-warning-softHoverBorder,var(--joy-palette-softBorder)
);--joy-palette-softActiveBorder:var(
--joy-palette-warning-softActiveBorder,var(--joy-palette-softBorder)
);--joy-palette-softDisabledBorder:var(
--joy-palette-warning-softDisabledBorder,var(--joy-palette-softBorder)
);--joy-palette-solidColor:var(
--joy-palette-warning-solidColor
);--joy-palette-solidHoverColor:var(
--joy-palette-warning-solidHoverColor,var(--joy-palette-solidColor)
);--joy-palette-solidActiveColor:var(
--joy-palette-warning-solidActiveColor,var(--joy-palette-solidColor)
);--joy-palette-solidDisabledColor:var(
--joy-palette-warning-solidDisabledColor,var(--joy-palette-solidColor)
);--joy-palette-solidBg:var(
--joy-palette-warning-solidBg
);--joy-palette-solidHoverBg:var(
--joy-palette-warning-solidHoverBg,var(--joy-palette-solidBg)
);--joy-palette-solidActiveBg:var(
--joy-palette-warning-solidActiveBg,var(--joy-palette-solidBg)
);--joy-palette-solidDisabledBg:var(
--joy-palette-warning-solidDisabledBg,var(--joy-palette-solidBg)
);--joy-palette-solidBorder:var(
--joy-palette-warning-solidBorder
);--joy-palette-solidHoverBorder:var(
--joy-palette-warning-solidHoverBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidActiveBorder:var(
--joy-palette-warning-solidActiveBorder,var(--joy-palette-solidBorder)
);--joy-palette-solidDisabledBorder:var(
--joy-palette-warning-solidDisabledBorder,var(--joy-palette-solidBorder)
)}:root{--joy-radius-xs:4px;--joy-radius-sm:8px;--joy-radius-md:12px;--joy-radius-lg:16px;--joy-radius-xl:20px}.psc-Joy\/Radius\/xs{border-radius:var(--joy-radius-xs)}.psc-Joy\/Radius\/sm{border-radius:var(--joy-radius-sm)}.psc-Joy\/Radius\/md{border-radius:var(--joy-radius-md)}.psc-Joy\/Radius\/lg{border-radius:var(--joy-radius-lg)}.psc-Joy\/Radius\/xl{border-radius:var(--joy-radius-xl)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-track:hover{cursor:pointer}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--joy-palette-neutral-200);border:6px solid transparent;border-radius:var(--joy-radius-md)}::-webkit-scrollbar-thumb:hover{background-color:var(--joy-palette-neutral-400)}::-webkit-scrollbar-corner{background-color:transparent}:root{--joy-shadow-xs:var(--joy-shadowRing,0 0 #000),0 1px 2px 0 rgba(var(--joy-shadowChannel,187 187 187)/0.12);--joy-shadow-sm:var(--joy-shadowRing,0 0 #000),0.3px 0.8px 1.1px rgba(var(--joy-shadowChannel,187 187 187)/0.11),0.5px 1.3px 1.8px -0.6px rgba(var(--joy-shadowChannel,187 187 187)/0.18),1.1px 2.7px 3.8px -1.2px rgba(var(--joy-shadowChannel,187 187 187)/0.26);--joy-shadow-md:var(--joy-shadowRing,0 0 #000),0.3px 0.8px 1.1px rgba(var(--joy-shadowChannel,187 187 187)/0.12),1.1px 2.8px 3.9px -0.4px rgba(var(--joy-shadowChannel,187 187 187)/0.17),2.4px 6.1px 8.6px -0.8px rgba(var(--joy-shadowChannel,187 187 187)/0.23),5.3px 13.3px 18.8px -1.2px rgba(var(--joy-shadowChannel,187 187 187)/0.29);--joy-shadow-lg:var(--joy-shadowRing,0 0 #000),0.3px 0.8px 1.1px rgba(var(--joy-shadowChannel,187 187 187)/0.11),1.8px 4.5px 6.4px -0.2px rgba(var(--joy-shadowChannel,187 187 187)/0.13),3.2px 7.9px 11.2px -0.4px rgba(var(--joy-shadowChannel,187 187 187)/0.16),4.8px 12px 17px -0.5px rgba(var(--joy-shadowChannel,187 187 187)/0.19),7px 17.5px 24.7px -0.7px rgba(var(--joy-shadowChannel,187 187 187)/0.21);--joy-shadow-xl:var(--joy-shadowRing,0 0 #000),0.3px 0.8px 1.1px rgba(var(--joy-shadowChannel,187 187 187)/0.11),1.8px 4.5px 6.4px -0.2px rgba(var(--joy-shadowChannel,187 187 187)/0.13),3.2px 7.9px 11.2px -0.4px rgba(var(--joy-shadowChannel,187 187 187)/0.16),4.8px 12px 17px -0.5px rgba(var(--joy-shadowChannel,187 187 187)/0.19),7px 17.5px 24.7px -0.7px rgba(var(--joy-shadowChannel,187 187 187)/0.21),10.2px 25.5px 36px -0.9px rgba(var(--joy-shadowChannel,187 187 187)/0.24),14.8px 36.8px 52.1px -1.1px rgba(var(--joy-shadowChannel,187 187 187)/0.27),21px 52.3px 74px -1.2px rgba(var(--joy-shadowChannel,187 187 187)/0.29)}.psc-Joy\/Shadow\/xs{box-shadow:var(--joy-shadow-xs)}.psc-Joy\/Shadow\/sm{box-shadow:var(--joy-shadow-sm)}.psc-Joy\/Shadow\/md{box-shadow:var(--joy-shadow-md)}.psc-Joy\/Shadow\/lg{box-shadow:var(--joy-shadow-lg)}.psc-Joy\/Shadow\/xl{box-shadow:var(--joy-shadow-xl)}.psc-Joy\/Typography\/h1{--joy-Typography-borderWidth:var(
--joy-variant-borderWidth,var(--joy-variant-default-borderWidth)
);--joy-Typography-borderStyle:var(
--joy-variant-borderStyle,var(--joy-variant-default-borderStyle)
);--joy-Typography-Color:var(
--joy-variant-Color,var(--joy-variant-defaultColor)
);--joy-Typography-Bg:var(
--joy-v