/* platform/system/tokens/reference.css */ :root { --plx-ref-color-black: #000000; --plx-ref-color-gray-800: #444444; --plx-ref-color-gray-700: #56585e; --plx-ref-color-gray-600: #6e6e6e; --plx-ref-color-gray-500: #8e9094; --plx-ref-color-gray-300: #d0d0d0; --plx-ref-color-gray-200: #e8e9ec; --plx-ref-color-gray-100: #f3f3f3; --plx-ref-color-gray-75: #f7f7f8; --plx-ref-color-white: #ffffff; --plx-ref-color-blue-700: #005a9e; --plx-ref-color-blue-650: #3d5a80; --plx-ref-color-blue-600: #1f5bb8; --plx-ref-color-blue-400: #2a6fdb; --plx-ref-color-blue-350: #8fb0d9; --plx-ref-color-blue-250: #c0ccda; --plx-ref-color-blue-200: #c8dff7; --plx-ref-color-blue-100: #ebf0f7; --plx-ref-color-blue-50: #f8fafd; --plx-ref-color-red-700: #9b3a5e; --plx-ref-color-red-500: #c42b1c; --plx-ref-color-red-300: #f07a70; --plx-ref-color-red-200: #efc6c2; --plx-ref-color-red-100: #fde7e7; --plx-ref-color-brown-800: #7d3c00; --plx-ref-color-brown-500: #c05a00; --plx-ref-color-brown-200: #eed2ba; --plx-ref-color-brown-100: #fef3e2; --plx-ref-color-green-800: #27500a; --plx-ref-color-green-600: #0e6b0e; --plx-ref-color-green-500: #107c10; --plx-ref-color-green-200: #bde8bd; --plx-ref-color-green-100: #dff6dd; --plx-ref-color-purple-800: #3c3489; --plx-ref-color-purple-600: #5e35b1; --plx-ref-color-purple-500: #744da9; --plx-ref-color-purple-200: #dacfe8; --plx-ref-color-purple-100: #f3eef8; --plx-ref-font-size-09: 9px; --plx-ref-font-size-10: 10px; --plx-ref-font-size-11: 11px; --plx-ref-font-size-12: 12px; --plx-ref-font-size-13: 13px; --plx-ref-font-size-14: 14px; --plx-ref-font-size-15: 15px; --plx-ref-font-size-18: 18px; --plx-ref-font-size-20: 20px; --plx-ref-font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --plx-ref-font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace; --plx-ref-font-weight-regular-400: 400; --plx-ref-font-weight-medium-500: 500; --plx-ref-font-weight-semibold-600: 600; --plx-ref-font-weight-bold-700: 700; --plx-ref-line-height-none: 1; --plx-ref-line-height-tight: 1.3; --plx-ref-line-height-snug: 1.4; --plx-ref-line-height-normal: 1.5; --plx-ref-line-height-relaxed: 1.7; --plx-ref-letter-spacing-tight: -0.02em; --plx-ref-letter-spacing-snug: -0.01em; --plx-ref-letter-spacing-wide: 0.04em; --plx-ref-letter-spacing-wider: 0.05em; --plx-ref-letter-spacing-caps: 0.06em; --plx-ref-letter-spacing-widest: 0.08em; --plx-ref-symbol-size: 32px; --plx-ref-space-4px: 0.25rem; --plx-ref-space-8px: 0.5rem; --plx-ref-space-12px: 0.75rem; --plx-ref-space-16px: 1rem; --plx-ref-space-20px: 1.25rem; --plx-ref-space-24px: 1.5rem; --plx-ref-space-28px: 1.75rem; --plx-ref-space-32px: 2rem; --plx-ref-space-40px: 2.5rem; --plx-ref-space-48px: 3rem; --plx-ref-space-64px: 4rem; --plx-ref-size-4px: 4px; --plx-ref-size-8px: 8px; --plx-ref-size-12px: 12px; --plx-ref-size-16px: 16px; --plx-ref-size-20px: 20px; --plx-ref-size-24px: 24px; --plx-ref-size-28px: 28px; --plx-ref-size-32px: 32px; --plx-ref-size-36px: 36px; --plx-ref-size-40px: 40px; --plx-ref-size-44px: 44px; --plx-ref-size-48px: 48px; --plx-ref-size-52px: 52px; --plx-ref-size-56px: 56px; --plx-ref-size-60px: 60px; --plx-ref-size-64px: 64px; --plx-ref-size-68px: 68px; --plx-ref-size-72px: 72px; --plx-ref-size-80px: 80px; --plx-ref-size-92px: 92px; --plx-ref-size-96px: 96px; --plx-ref-size-100px: 100px; --plx-ref-size-112px: 112px; --plx-ref-size-120px: 120px; --plx-ref-size-132px: 132px; --plx-ref-size-140px: 140px; --plx-ref-size-152px: 152px; --plx-ref-size-160px: 160px; --plx-ref-size-180px: 180px; --plx-ref-size-200px: 200px; --plx-ref-size-220px: 220px; --plx-ref-size-240px: 240px; --plx-ref-size-280px: 280px; --plx-ref-size-300px: 300px; --plx-ref-size-320px: 320px; --plx-ref-size-360px: 360px; --plx-ref-size-400px: 400px; --plx-ref-size-500px: 500px; --plx-ref-size-560px: 560px; --plx-ref-size-600px: 600px; --plx-ref-size-720px: 720px; --plx-ref-size-900px: 900px; --plx-ref-glyph-size-6px: 6px; --plx-ref-glyph-size-10px: 10px; --plx-ref-glyph-size-14px: 14px; --plx-ref-glyph-size-18px: 18px; --plx-ref-border-width-1px: 1px; --plx-ref-border-width-2px: 2px; --plx-ref-border-width-3px: 3px; --plx-ref-border-width-4px: 4px; --plx-ref-border-style-solid: solid; --plx-ref-border-style-dashed: dashed; --plx-ref-opacity-30: 0.3; --plx-ref-opacity-50: 0.5; --plx-ref-opacity-70: 0.7; --plx-ref-motion-duration-fast: 0.15s; --plx-ref-motion-duration-base: 0.2s; --plx-ref-motion-duration-slow: 0.25s; --plx-ref-motion-ease-standard: ease; --plx-ref-motion-duration-loop-fast: 0.7s; --plx-ref-motion-duration-loop-base: 1.1s; --plx-ref-motion-duration-loop-slow: 1.4s; --plx-ref-motion-delay-stagger: 0.18s; --plx-ref-radius-0px: 0px; --plx-ref-radius-2px: 2px; --plx-ref-radius-4px: 4px; --plx-ref-radius-6px: 6px; --plx-ref-radius-8px: 8px; --plx-ref-radius-12px: 12px; --plx-ref-radius-16px: 16px; --plx-ref-radius-pill: 9999px; --plx-ref-breakpoint-600px: 600px; --plx-ref-breakpoint-768px: 768px; --plx-ref-breakpoint-1024px: 1024px; --plx-ref-breakpoint-1440px: 1440px; --plx-ref-breakpoint-1920px: 1920px; --plx-ref-control-size-24px: 1.5rem; --plx-ref-control-size-28px: 1.75rem; --plx-ref-control-size-32px: 2rem; --plx-ref-control-size-36px: 2.25rem; --plx-ref-control-size-40px: 2.5rem; --plx-ref-control-size-44px: 2.75rem; --plx-ref-control-size-48px: 3rem; --plx-ref-control-size-52px: 3.25rem; --plx-ref-control-visual-size-16px: 16px; --plx-ref-control-visual-size-20px: 20px; --plx-ref-control-visual-size-24px: 24px; --plx-ref-control-target-size-24px: 24px; --plx-ref-control-target-size-28px: 28px; --plx-ref-control-target-size-32px: 32px; --plx-ref-control-target-size-44px: 44px; --plx-ref-grid-columns-4: 4; --plx-ref-grid-columns-8: 8; --plx-ref-grid-columns-12: 12; --plx-ref-grid-columns-16: 16; --plx-ref-grid-gutter-12px: 12px; --plx-ref-grid-gutter-16px: 16px; --plx-ref-grid-gutter-24px: 24px; --plx-ref-grid-margin-16px: 16px; --plx-ref-grid-margin-24px: 24px; --plx-ref-grid-margin-32px: 32px; --plx-ref-grid-margin-48px: 48px; --plx-ref-content-max-760px: 760px; --plx-ref-content-max-960px: 960px; --plx-ref-content-max-1200px: 1200px; --plx-ref-content-max-1600px: 1600px; --plx-ref-content-max-2600px: 2600px; } /* platform/system/tokens/semantic.css */ :root { --plx-sys-icon-size: var(--plx-ref-size-16px); --plx-sys-icon-size-xs: var(--plx-ref-size-12px); --plx-sys-icon-size-sm: var(--plx-ref-size-16px); --plx-sys-icon-size-md: var(--plx-ref-size-20px); --plx-sys-icon-size-lg: var(--plx-ref-size-24px); --plx-sys-icon-size-xl: var(--plx-ref-size-48px); --plx-sys-shell-phone-below: var(--plx-ref-breakpoint-600px); --plx-sys-font-body: var(--plx-ref-font-sans); --plx-sys-font-heading: var(--plx-ref-font-sans); --plx-sys-font-label: var(--plx-ref-font-sans); --plx-sys-font-code: var(--plx-ref-font-mono); --plx-sys-font-data: var(--plx-ref-font-mono); --plx-sys-focus-ring-offset: 2px; --plx-sys-layer-behind: -1; --plx-sys-layer-base: 0; --plx-sys-layer-raised: 1; --plx-sys-layer-sticky: 10; --plx-sys-layer-menu: 100; --plx-sys-layer-overlay: 1000; --plx-sys-layer-modal: 1100; --plx-sys-layer-popover: 1200; --plx-sys-layer-toast: 1300; --plx-sys-layer-critical: 9999; --plx-sys-radius-detail-4px: var(--plx-ref-radius-4px); --plx-sys-radius-compact-4px: var(--plx-ref-radius-4px); --plx-sys-radius-control-4px: var(--plx-ref-radius-4px); --plx-sys-radius-control-6px: var(--plx-ref-radius-6px); --plx-sys-radius-control-8px: var(--plx-ref-radius-8px); --plx-sys-radius-control-12px: var(--plx-ref-radius-12px); --plx-sys-radius-media-4px: var(--plx-ref-radius-4px); --plx-sys-radius-media-12px: var(--plx-ref-radius-12px); --plx-sys-radius-surface-4px: var(--plx-ref-radius-4px); --plx-sys-radius-surface-8px: var(--plx-ref-radius-8px); --plx-sys-radius-card-4px: var(--plx-ref-radius-4px); --plx-sys-radius-card-6px: var(--plx-ref-radius-6px); --plx-sys-radius-card-12px: var(--plx-ref-radius-12px); --plx-sys-radius-menu-8px: var(--plx-ref-radius-8px); --plx-sys-radius-dialog-8px: var(--plx-ref-radius-8px); --plx-sys-radius-avatar-4px: var(--plx-ref-radius-4px); --plx-sys-radius-avatar-6px: var(--plx-ref-radius-6px); --plx-sys-radius-avatar-8px: var(--plx-ref-radius-8px); --plx-sys-radius-avatar-12px: var(--plx-ref-radius-12px); --plx-sys-space-inline-xs: var(--plx-ref-space-4px); --plx-sys-space-inline-sm: var(--plx-ref-space-8px); --plx-sys-space-inline-md: var(--plx-ref-space-12px); --plx-sys-space-inline-lg: var(--plx-ref-space-16px); --plx-sys-space-stack-xs: var(--plx-ref-space-4px); --plx-sys-space-stack-sm: var(--plx-ref-space-8px); --plx-sys-space-stack-md: var(--plx-ref-space-12px); --plx-sys-space-stack-lg: var(--plx-ref-space-16px); --plx-sys-space-stack-xl: var(--plx-ref-space-24px); --plx-sys-space-stack-2xl: var(--plx-ref-space-32px); --plx-sys-space-inset-xs: var(--plx-ref-space-4px); --plx-sys-space-inset-sm: var(--plx-ref-space-8px); --plx-sys-space-inset-md: var(--plx-ref-space-12px); --plx-sys-space-inset-lg: var(--plx-ref-space-16px); --plx-sys-space-inset-xl: var(--plx-ref-space-24px); --plx-sys-space-cluster-xs: var(--plx-ref-space-4px); --plx-sys-space-cluster-sm: var(--plx-ref-space-8px); --plx-sys-space-cluster-md: var(--plx-ref-space-12px); --plx-sys-space-cluster-lg: var(--plx-ref-space-16px); --plx-sys-space-layout-sm: var(--plx-ref-space-16px); --plx-sys-space-layout-md: var(--plx-ref-space-24px); --plx-sys-space-layout-lg: var(--plx-ref-space-32px); --plx-sys-space-layout-xl: var(--plx-ref-space-48px); --plx-sys-label-height-16px: var(--plx-ref-size-16px); --plx-sys-label-height-20px: var(--plx-ref-size-20px); --plx-sys-shell-header-height: var(--plx-ref-size-56px); --plx-sys-field-width-xs: var(--plx-ref-size-48px); --plx-sys-field-width-sm: var(--plx-ref-size-80px); --plx-sys-field-width-md: var(--plx-ref-size-100px); --plx-sys-field-width-lg: var(--plx-ref-size-220px); --plx-sys-scroll-max-sm: var(--plx-ref-size-240px); --plx-sys-scroll-max-md: var(--plx-ref-size-320px); --plx-sys-scroll-max-lg: var(--plx-ref-size-400px); --plx-sys-label-width-sm: var(--plx-ref-size-100px); } :root, [data-plx-density=standard], [data-plx-density=comfortable] { --plx-sys-radius-control: var(--plx-sys-radius-control-6px); } :root, [data-plx-density=standard] { --plx-sys-control-height-inline: var(--plx-ref-control-size-28px); --plx-sys-control-icon-inline: var(--plx-ref-size-20px); --plx-sys-control-height-toolbar: var(--plx-ref-control-size-28px); --plx-sys-control-icon-toolbar: var(--plx-ref-size-20px); --plx-sys-control-height-standard: var(--plx-ref-control-size-32px); --plx-sys-control-icon-standard: var(--plx-ref-size-24px); --plx-sys-control-height-prominent: var(--plx-ref-control-size-32px); --plx-sys-control-icon-prominent: var(--plx-ref-size-24px); --plx-sys-control-height-dialog: var(--plx-ref-control-size-36px); --plx-sys-control-icon-dialog: var(--plx-ref-size-20px); --plx-sys-control-height-dialog-destructive: var(--plx-ref-control-size-36px); --plx-sys-control-icon-dialog-destructive: var(--plx-ref-size-20px); --plx-sys-table-row-height: var(--plx-ref-size-36px); --plx-sys-table-row-height-multiline: var(--plx-ref-size-40px); --plx-sys-card-grid-gap: var(--plx-ref-space-16px); --plx-sys-grid-gutter: var(--plx-ref-grid-gutter-16px); --plx-sys-page-margin-desktop: var(--plx-ref-grid-margin-24px); --plx-sys-page-margin-wide: var(--plx-ref-grid-margin-32px); --plx-sys-panel-filter-width: var(--plx-ref-size-320px); --plx-sys-panel-inspector-width: var(--plx-ref-size-360px); --plx-sys-shell-nav-width: var(--plx-ref-size-240px); --plx-sys-shell-nav-min-width: var(--plx-ref-size-140px); --plx-sys-shell-nav-max-width: var(--plx-ref-size-320px); --plx-sys-shell-splitter-step: var(--plx-ref-size-16px); --plx-sys-shell-rail-below: var(--plx-ref-breakpoint-768px); --plx-sys-shell-inspector-overlay-below: var(--plx-ref-breakpoint-1024px); --plx-sys-space-component-gap-xs: var(--plx-ref-space-4px); --plx-sys-space-component-gap-sm: var(--plx-ref-space-8px); --plx-sys-space-component-gap-md: var(--plx-ref-space-12px); --plx-sys-space-component-gap-lg: var(--plx-ref-space-16px); --plx-sys-space-container-inset-sm: var(--plx-ref-space-12px); --plx-sys-space-container-inset-md: var(--plx-ref-space-16px); --plx-sys-space-container-inset-lg: var(--plx-ref-space-24px); --plx-sys-space-pattern-stack-sm: var(--plx-ref-space-8px); --plx-sys-space-pattern-stack-md: var(--plx-ref-space-16px); --plx-sys-space-pattern-stack-lg: var(--plx-ref-space-24px); --plx-sys-space-region-space-sm: var(--plx-ref-space-24px); --plx-sys-space-region-space-md: var(--plx-ref-space-32px); --plx-sys-space-region-space-lg: var(--plx-ref-space-48px); } [data-plx-density=compact], :root[data-plx-density-policy=compact]:not([data-plx-density]) { --plx-sys-radius-control: var(--plx-sys-radius-control-4px); --plx-sys-control-height-inline: var(--plx-ref-control-size-24px); --plx-sys-control-icon-inline: var(--plx-ref-size-16px); --plx-sys-control-height-toolbar: var(--plx-ref-control-size-24px); --plx-sys-control-icon-toolbar: var(--plx-ref-size-16px); --plx-sys-control-height-standard: var(--plx-ref-control-size-24px); --plx-sys-control-icon-standard: var(--plx-ref-size-16px); --plx-sys-control-height-prominent: var(--plx-ref-control-size-32px); --plx-sys-control-icon-prominent: var(--plx-ref-size-24px); --plx-sys-control-height-dialog: var(--plx-ref-control-size-36px); --plx-sys-control-icon-dialog: var(--plx-ref-size-20px); --plx-sys-control-height-dialog-destructive: var(--plx-ref-control-size-36px); --plx-sys-control-icon-dialog-destructive: var(--plx-ref-size-20px); --plx-sys-table-row-height: var(--plx-ref-size-28px); --plx-sys-table-row-height-multiline: var(--plx-ref-size-32px); --plx-sys-card-grid-gap: var(--plx-ref-space-12px); --plx-sys-grid-gutter: var(--plx-ref-grid-gutter-12px); --plx-sys-page-margin-desktop: var(--plx-ref-grid-margin-24px); --plx-sys-page-margin-wide: var(--plx-ref-grid-margin-24px); --plx-sys-panel-filter-width: var(--plx-ref-size-280px); --plx-sys-panel-inspector-width: var(--plx-ref-size-320px); --plx-sys-space-component-gap-xs: var(--plx-ref-space-4px); --plx-sys-space-component-gap-sm: var(--plx-ref-space-4px); --plx-sys-space-component-gap-md: var(--plx-ref-space-8px); --plx-sys-space-component-gap-lg: var(--plx-ref-space-12px); --plx-sys-space-container-inset-sm: var(--plx-ref-space-8px); --plx-sys-space-container-inset-md: var(--plx-ref-space-12px); --plx-sys-space-container-inset-lg: var(--plx-ref-space-16px); --plx-sys-space-pattern-stack-sm: var(--plx-ref-space-8px); --plx-sys-space-pattern-stack-md: var(--plx-ref-space-12px); --plx-sys-space-pattern-stack-lg: var(--plx-ref-space-16px); --plx-sys-space-region-space-sm: var(--plx-ref-space-16px); --plx-sys-space-region-space-md: var(--plx-ref-space-24px); --plx-sys-space-region-space-lg: var(--plx-ref-space-32px); } [data-plx-density=comfortable], :root[data-plx-density-policy=comfortable]:not([data-plx-density]) { --plx-sys-control-height-inline: var(--plx-ref-control-size-32px); --plx-sys-control-icon-inline: var(--plx-ref-size-24px); --plx-sys-control-height-toolbar: var(--plx-ref-control-size-32px); --plx-sys-control-icon-toolbar: var(--plx-ref-size-24px); --plx-sys-control-height-standard: var(--plx-ref-control-size-36px); --plx-sys-control-icon-standard: var(--plx-ref-size-20px); --plx-sys-control-height-prominent: var(--plx-ref-control-size-36px); --plx-sys-control-icon-prominent: var(--plx-ref-size-20px); --plx-sys-control-height-dialog: var(--plx-ref-control-size-40px); --plx-sys-control-icon-dialog: var(--plx-ref-size-24px); --plx-sys-control-height-dialog-destructive: var(--plx-ref-control-size-40px); --plx-sys-control-icon-dialog-destructive: var(--plx-ref-size-24px); --plx-sys-table-row-height: var(--plx-ref-size-44px); --plx-sys-table-row-height-multiline: var(--plx-ref-size-48px); --plx-sys-card-grid-gap: var(--plx-ref-space-24px); --plx-sys-grid-gutter: var(--plx-ref-grid-gutter-24px); --plx-sys-page-margin-desktop: var(--plx-ref-grid-margin-32px); --plx-sys-page-margin-wide: var(--plx-ref-grid-margin-48px); --plx-sys-panel-filter-width: var(--plx-ref-size-360px); --plx-sys-panel-inspector-width: var(--plx-ref-size-400px); --plx-sys-space-component-gap-xs: var(--plx-ref-space-8px); --plx-sys-space-component-gap-sm: var(--plx-ref-space-12px); --plx-sys-space-component-gap-md: var(--plx-ref-space-16px); --plx-sys-space-component-gap-lg: var(--plx-ref-space-24px); --plx-sys-space-container-inset-sm: var(--plx-ref-space-16px); --plx-sys-space-container-inset-md: var(--plx-ref-space-24px); --plx-sys-space-container-inset-lg: var(--plx-ref-space-32px); --plx-sys-space-pattern-stack-sm: var(--plx-ref-space-12px); --plx-sys-space-pattern-stack-md: var(--plx-ref-space-24px); --plx-sys-space-pattern-stack-lg: var(--plx-ref-space-32px); --plx-sys-space-region-space-sm: var(--plx-ref-space-32px); --plx-sys-space-region-space-md: var(--plx-ref-space-48px); --plx-sys-space-region-space-lg: var(--plx-ref-space-64px); } :root[data-plx-interaction=touch], :root[data-plx-interaction=touch] [data-plx-density] { --plx-sys-control-target-min: var(--plx-ref-control-size-44px); --plx-sys-control-height-inline: var(--plx-ref-control-size-44px); --plx-sys-control-icon-inline: var(--plx-ref-size-20px); --plx-sys-control-height-toolbar: var(--plx-ref-control-size-44px); --plx-sys-control-icon-toolbar: var(--plx-ref-size-20px); --plx-sys-control-height-standard: var(--plx-ref-control-size-44px); --plx-sys-control-icon-standard: var(--plx-ref-size-20px); --plx-sys-control-height-prominent: var(--plx-ref-control-size-44px); --plx-sys-control-icon-prominent: var(--plx-ref-size-20px); --plx-sys-control-height-dialog: var(--plx-ref-control-size-44px); --plx-sys-control-icon-dialog: var(--plx-ref-size-20px); --plx-sys-control-height-dialog-destructive: var(--plx-ref-control-size-44px); --plx-sys-control-icon-dialog-destructive: var(--plx-ref-size-20px); --plx-sys-table-row-height: var(--plx-ref-size-44px); } :root[data-plx-interaction=mobile], :root[data-plx-interaction=mobile] [data-plx-density] { --plx-sys-control-target-min: var(--plx-ref-control-size-44px); --plx-sys-control-height-inline: var(--plx-ref-control-size-44px); --plx-sys-control-icon-inline: var(--plx-ref-size-20px); --plx-sys-control-height-toolbar: var(--plx-ref-control-size-44px); --plx-sys-control-icon-toolbar: var(--plx-ref-size-20px); --plx-sys-control-height-standard: var(--plx-ref-control-size-44px); --plx-sys-control-icon-standard: var(--plx-ref-size-20px); --plx-sys-control-height-prominent: var(--plx-ref-control-size-44px); --plx-sys-control-icon-prominent: var(--plx-ref-size-20px); --plx-sys-control-height-dialog: var(--plx-ref-control-size-44px); --plx-sys-control-icon-dialog: var(--plx-ref-size-20px); --plx-sys-control-height-dialog-destructive: var(--plx-ref-control-size-44px); --plx-sys-control-icon-dialog-destructive: var(--plx-ref-size-20px); --plx-sys-table-row-height: var(--plx-ref-size-44px); } :root:not([data-plx-interaction]) { --plx-sys-control-target-min: var(--plx-ref-control-size-24px); } :root[data-plx-interaction=pointer] { --plx-sys-control-target-min: var(--plx-ref-control-size-24px); } /* platform/system/tokens/components.css */ :root { --plx-comp-button-height-xs: var(--plx-ref-control-size-24px); --plx-comp-button-height-sm: var(--plx-ref-control-size-28px); --plx-comp-button-height-md: var(--plx-ref-control-size-32px); --plx-comp-button-height-lg: var(--plx-ref-control-size-36px); --plx-comp-button-height-xl: var(--plx-ref-control-size-40px); --plx-comp-button-height-2xl: var(--plx-ref-control-size-44px); --plx-comp-button-height-3xl: var(--plx-ref-control-size-48px); --plx-comp-button-height-4xl: var(--plx-ref-control-size-52px); --plx-comp-nav-pane-background: var(--plx-sys-surface-default); --plx-comp-nav-pane-width: var(--plx-sys-shell-nav-width); --plx-comp-pane-footer-height: calc(var(--plx-sys-control-height-toolbar) + var(--plx-sys-space-inset-sm) * 2); --plx-comp-table-column-label-width: var(--plx-ref-size-240px); --plx-comp-table-column-visual-width: var(--plx-ref-size-64px); --plx-comp-secondary-pane-width-sm: var(--plx-ref-size-180px); --plx-comp-secondary-pane-width-md: var(--plx-ref-size-220px); --plx-comp-secondary-pane-width-lg: var(--plx-ref-size-280px); --plx-comp-secondary-pane-width-max: var(--plx-ref-size-400px); } :root, [data-plx-density=standard] { --plx-comp-button-icon-label-gap: var(--plx-ref-space-4px); --plx-comp-button-padding-inline: var(--plx-ref-space-12px); --plx-comp-button-cluster-gap: var(--plx-ref-space-8px); --plx-comp-field-label-control-gap: var(--plx-ref-space-8px); --plx-comp-field-control-helper-gap: var(--plx-ref-space-4px); --plx-comp-form-field-gap: var(--plx-ref-space-16px); --plx-comp-form-group-gap: var(--plx-ref-space-24px); --plx-comp-form-section-gap: var(--plx-ref-space-32px); --plx-comp-toolbar-control-gap: var(--plx-ref-space-8px); --plx-comp-toolbar-group-gap: var(--plx-ref-space-16px); --plx-comp-toolbar-padding-inline: var(--plx-ref-space-16px); --plx-comp-toolbar-padding-block: var(--plx-ref-space-12px); --plx-comp-toolbar-content-gap: var(--plx-ref-space-16px); --plx-comp-card-padding: var(--plx-ref-space-16px); --plx-comp-card-title-content-gap: var(--plx-ref-space-12px); --plx-comp-card-content-actions-gap: var(--plx-ref-space-16px); --plx-comp-card-stack-gap: var(--plx-ref-space-16px); --plx-comp-panel-padding: var(--plx-ref-space-16px); --plx-comp-dialog-padding: var(--plx-ref-space-24px); --plx-comp-dialog-title-body-gap: var(--plx-ref-space-16px); --plx-comp-dialog-body-footer-gap: var(--plx-ref-space-24px); --plx-comp-dialog-action-gap: var(--plx-ref-space-8px); --plx-comp-drawer-padding: var(--plx-ref-space-16px); --plx-comp-table-cell-padding-inline: var(--plx-ref-space-12px); --plx-comp-table-cell-padding-block: var(--plx-ref-space-4px); --plx-comp-table-cell-content-gap: var(--plx-ref-space-8px); --plx-comp-table-inline-action-gap: var(--plx-ref-space-8px); --plx-comp-table-title-metadata-gap: var(--plx-ref-space-4px); --plx-comp-metadata-item-gap: var(--plx-ref-space-8px); --plx-comp-metadata-icon-gap: var(--plx-ref-space-8px); --plx-comp-metadata-title-gap: var(--plx-ref-space-8px); --plx-comp-metadata-group-gap: var(--plx-ref-space-16px); } [data-plx-density=compact], :root[data-plx-density-policy=compact]:not([data-plx-density]) { --plx-comp-button-icon-label-gap: var(--plx-ref-space-4px); --plx-comp-button-padding-inline: var(--plx-ref-space-8px); --plx-comp-button-cluster-gap: var(--plx-ref-space-4px); --plx-comp-field-label-control-gap: var(--plx-ref-space-4px); --plx-comp-field-control-helper-gap: var(--plx-ref-space-4px); --plx-comp-form-field-gap: var(--plx-ref-space-12px); --plx-comp-form-group-gap: var(--plx-ref-space-16px); --plx-comp-form-section-gap: var(--plx-ref-space-24px); --plx-comp-toolbar-control-gap: var(--plx-ref-space-4px); --plx-comp-toolbar-group-gap: var(--plx-ref-space-12px); --plx-comp-toolbar-padding-inline: var(--plx-ref-space-12px); --plx-comp-toolbar-padding-block: var(--plx-ref-space-8px); --plx-comp-toolbar-content-gap: var(--plx-ref-space-8px); --plx-comp-card-padding: var(--plx-ref-space-12px); --plx-comp-card-title-content-gap: var(--plx-ref-space-8px); --plx-comp-card-content-actions-gap: var(--plx-ref-space-12px); --plx-comp-card-stack-gap: var(--plx-ref-space-12px); --plx-comp-panel-padding: var(--plx-ref-space-12px); --plx-comp-dialog-padding: var(--plx-ref-space-16px); --plx-comp-dialog-title-body-gap: var(--plx-ref-space-12px); --plx-comp-dialog-body-footer-gap: var(--plx-ref-space-16px); --plx-comp-dialog-action-gap: var(--plx-ref-space-8px); --plx-comp-drawer-padding: var(--plx-ref-space-12px); --plx-comp-table-cell-padding-inline: var(--plx-ref-space-8px); --plx-comp-table-cell-padding-block: var(--plx-ref-space-4px); --plx-comp-table-cell-content-gap: var(--plx-ref-space-4px); --plx-comp-table-inline-action-gap: var(--plx-ref-space-4px); --plx-comp-table-title-metadata-gap: var(--plx-ref-space-4px); --plx-comp-metadata-item-gap: var(--plx-ref-space-4px); --plx-comp-metadata-icon-gap: var(--plx-ref-space-4px); --plx-comp-metadata-title-gap: var(--plx-ref-space-4px); --plx-comp-metadata-group-gap: var(--plx-ref-space-8px); } [data-plx-density=comfortable], :root[data-plx-density-policy=comfortable]:not([data-plx-density]) { --plx-comp-button-icon-label-gap: var(--plx-ref-space-4px); --plx-comp-button-padding-inline: var(--plx-ref-space-16px); --plx-comp-button-cluster-gap: var(--plx-ref-space-8px); --plx-comp-field-label-control-gap: var(--plx-ref-space-8px); --plx-comp-field-control-helper-gap: var(--plx-ref-space-8px); --plx-comp-form-field-gap: var(--plx-ref-space-24px); --plx-comp-form-group-gap: var(--plx-ref-space-32px); --plx-comp-form-section-gap: var(--plx-ref-space-48px); --plx-comp-toolbar-control-gap: var(--plx-ref-space-12px); --plx-comp-toolbar-group-gap: var(--plx-ref-space-24px); --plx-comp-toolbar-padding-inline: var(--plx-ref-space-24px); --plx-comp-toolbar-padding-block: var(--plx-ref-space-16px); --plx-comp-toolbar-content-gap: var(--plx-ref-space-24px); --plx-comp-card-padding: var(--plx-ref-space-24px); --plx-comp-card-title-content-gap: var(--plx-ref-space-16px); --plx-comp-card-content-actions-gap: var(--plx-ref-space-24px); --plx-comp-card-stack-gap: var(--plx-ref-space-24px); --plx-comp-panel-padding: var(--plx-ref-space-24px); --plx-comp-dialog-padding: var(--plx-ref-space-32px); --plx-comp-dialog-title-body-gap: var(--plx-ref-space-24px); --plx-comp-dialog-body-footer-gap: var(--plx-ref-space-32px); --plx-comp-dialog-action-gap: var(--plx-ref-space-12px); --plx-comp-drawer-padding: var(--plx-ref-space-24px); --plx-comp-table-cell-padding-inline: var(--plx-ref-space-16px); --plx-comp-table-cell-padding-block: var(--plx-ref-space-8px); --plx-comp-table-cell-content-gap: var(--plx-ref-space-8px); --plx-comp-table-inline-action-gap: var(--plx-ref-space-8px); --plx-comp-table-title-metadata-gap: var(--plx-ref-space-8px); --plx-comp-metadata-item-gap: var(--plx-ref-space-8px); --plx-comp-metadata-icon-gap: var(--plx-ref-space-8px); --plx-comp-metadata-title-gap: var(--plx-ref-space-8px); --plx-comp-metadata-group-gap: var(--plx-ref-space-24px); } :root[data-plx-interaction=touch], :root[data-plx-interaction=touch] [data-plx-density] { --plx-comp-toolbar-control-gap: var(--plx-ref-space-12px); --plx-comp-button-cluster-gap: var(--plx-ref-space-12px); --plx-comp-dialog-action-gap: var(--plx-ref-space-12px); --plx-comp-card-padding: var(--plx-ref-space-16px); --plx-comp-panel-padding: var(--plx-ref-space-16px); } :root[data-plx-interaction=mobile], :root[data-plx-interaction=mobile] [data-plx-density] { --plx-comp-toolbar-control-gap: var(--plx-ref-space-8px); --plx-comp-button-cluster-gap: var(--plx-ref-space-12px); --plx-comp-dialog-action-gap: var(--plx-ref-space-12px); --plx-comp-card-padding: var(--plx-ref-space-16px); --plx-comp-panel-padding: var(--plx-ref-space-16px); --plx-comp-dialog-padding: var(--plx-ref-space-16px); } /* platform/system/themes/plenix.css */ :root, [data-plx-theme=plenix][data-plx-mode=light] { color-scheme: light; --plx-sys-surface-canvas: var(--plx-ref-color-gray-75); --plx-sys-surface-default: var(--plx-ref-color-white); --plx-sys-surface-raised: var(--plx-ref-color-white); --plx-sys-surface-overlay: var(--plx-ref-color-white); --plx-sys-surface-sunken: var(--plx-ref-color-gray-100); --plx-sys-surface-inverse: var(--plx-ref-color-gray-800); --plx-sys-surface-dialog-chrome: var(--plx-ref-color-gray-200); --plx-sys-state-hover: var(--plx-ref-color-gray-100); --plx-sys-scrollbar-thumb: var(--plx-ref-color-gray-300); --plx-sys-state-selected: var(--plx-ref-color-blue-100); --plx-sys-content-default: var(--plx-ref-color-black); --plx-sys-content-muted: var(--plx-ref-color-gray-700); --plx-sys-content-subtle: var(--plx-ref-color-gray-600); --plx-sys-content-disabled: var(--plx-ref-color-gray-500); --plx-sys-content-inverse: var(--plx-ref-color-white); --plx-sys-content-link: var(--plx-ref-color-blue-400); --plx-sys-border-default: var(--plx-ref-color-gray-300); --plx-sys-border-subtle: var(--plx-ref-color-gray-200); --plx-sys-border-strong: var(--plx-ref-color-gray-500); --plx-sys-action-primary-background: var(--plx-ref-color-blue-400); --plx-sys-action-primary-background-hover: var(--plx-ref-color-blue-600); --plx-sys-action-primary-content: var(--plx-ref-color-white); --plx-sys-action-danger-background: var(--plx-ref-color-red-500); --plx-sys-action-danger-content: var(--plx-ref-color-white); --plx-sys-focus-ring-color: var(--plx-ref-color-blue-400); --plx-sys-feedback-neutral-solid: var(--plx-ref-color-gray-600); --plx-sys-feedback-neutral-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-neutral-soft: var(--plx-ref-color-gray-100); --plx-sys-feedback-neutral-content: var(--plx-ref-color-gray-700); --plx-sys-feedback-info-solid: var(--plx-ref-color-blue-400); --plx-sys-feedback-info-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-info-soft: var(--plx-ref-color-blue-100); --plx-sys-feedback-info-content: var(--plx-ref-color-blue-700); --plx-sys-feedback-success-solid: var(--plx-ref-color-green-500); --plx-sys-feedback-success-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-success-soft: var(--plx-ref-color-green-100); --plx-sys-feedback-success-content: var(--plx-ref-color-green-800); --plx-sys-feedback-warning-solid: var(--plx-ref-color-brown-500); --plx-sys-feedback-warning-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-warning-soft: var(--plx-ref-color-brown-100); --plx-sys-feedback-warning-content: var(--plx-ref-color-brown-800); --plx-sys-feedback-danger-solid: var(--plx-ref-color-red-500); --plx-sys-feedback-danger-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-danger-soft: var(--plx-ref-color-red-100); --plx-sys-feedback-danger-content: var(--plx-ref-color-red-500); --plx-sys-shadow-sm: 0 0 2px var(--plx-ref-color-gray-100), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-md: 0 0 8px var(--plx-ref-color-gray-200), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-lg: 0 0 32px var(--plx-ref-color-gray-300), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-card: 0 0 4px var(--plx-ref-color-gray-200), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-raised: 0 0 16px var(--plx-ref-color-gray-300), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-menu: 0 0 40px var(--plx-ref-color-gray-300), 0 0 0 1px var(--plx-ref-color-gray-200); --plx-sys-shadow-modal: 0 0 40px var(--plx-ref-color-gray-800), 0 0 0 1px var(--plx-ref-color-gray-800); --plx-sys-shadow-ring: 0 0 0 2px var(--plx-ref-color-blue-400); --plx-sys-shadow-ring-subtle: 0 0 0 2px var(--plx-ref-color-blue-100); --plx-sys-shadow-underline-focus: 0 1px 0 var(--plx-ref-color-blue-400); --plx-sys-elevation-raised-shadow: var(--plx-sys-shadow-card); --plx-sys-elevation-overlay-shadow: var(--plx-sys-shadow-modal); --plx-sys-elevation-menu: none; --plx-sys-fill-neutral: var(--plx-ref-color-gray-100); --plx-sys-fill-neutral-hover: var(--plx-ref-color-gray-200); --plx-sys-fill-neutral-content: var(--plx-ref-color-gray-700); --plx-sys-border-divider: var(--plx-ref-color-gray-100); --plx-sys-control-background: var(--plx-ref-color-white); --plx-sys-control-border: var(--plx-ref-color-gray-300); --plx-sys-avatar-background: var(--plx-ref-color-blue-600); --plx-sys-avatar-content: var(--plx-ref-color-white); --plx-sys-accent-surface: var(--plx-ref-color-blue-400); --plx-sys-accent-surface-raised: var(--plx-ref-color-blue-400); --plx-sys-accent-border: var(--plx-ref-color-blue-350); --plx-sys-accent-content: var(--plx-ref-color-white); --plx-sys-accent-content-muted: var(--plx-ref-color-blue-200); --plx-sys-skeleton-base: var(--plx-ref-color-gray-300); --plx-sys-skeleton-highlight: var(--plx-ref-color-gray-75); --plx-sys-rating-active: var(--plx-ref-color-brown-500); --plx-sys-rating-inactive: var(--plx-ref-color-gray-600); --plx-sys-selected-border: var(--plx-ref-color-blue-200); --plx-sys-selected-content: var(--plx-ref-color-blue-700); --plx-sys-action-danger-background-hover: var(--plx-ref-color-red-700); --plx-sys-accent-field-background: var(--plx-ref-color-blue-600); --plx-sys-accent-field-border: var(--plx-ref-color-blue-350); --plx-sys-accent-field-placeholder: var(--plx-ref-color-blue-350); --plx-sys-field-placeholder: var(--plx-ref-color-gray-600); --plx-sys-tooltip-background: var(--plx-ref-color-black); --plx-sys-tooltip-content: var(--plx-ref-color-white); --plx-sys-border-dialog-chrome: var(--plx-ref-color-gray-300); --plx-sys-content-dialog-chrome: var(--plx-ref-color-black); --plx-sys-scrim: var(--plx-ref-color-black); --plx-sys-toast-background: var(--plx-ref-color-black); --plx-sys-toast-content: var(--plx-ref-color-white); --plx-sys-code-keyword: var(--plx-ref-color-blue-700); --plx-sys-code-string: var(--plx-ref-color-red-500); --plx-sys-code-comment: var(--plx-ref-color-green-500); --plx-sys-code-number: var(--plx-ref-color-green-800); --plx-sys-code-function: var(--plx-ref-color-brown-800); --plx-sys-code-tag: var(--plx-ref-color-red-700); --plx-sys-code-attribute: var(--plx-ref-color-purple-600); --plx-sys-code-variable: var(--plx-ref-color-blue-650); --plx-sys-code-selector: var(--plx-ref-color-brown-500); --plx-sys-table-header-background: var(--plx-ref-color-gray-100); --plx-sys-table-row-hover: var(--plx-ref-color-blue-100); --plx-sys-table-line: var(--plx-ref-color-gray-300); --plx-sys-table-header-line: var(--plx-ref-color-gray-500); --plx-sys-header-card-tint: var(--plx-ref-color-brown-100); --plx-sys-header-card-media-content: var(--plx-ref-color-blue-600); --plx-sys-surface-media: var(--plx-ref-color-black); --plx-sys-surface-media-raised: var(--plx-ref-color-gray-700); --plx-sys-border-media: var(--plx-ref-color-gray-700); --plx-sys-content-on-media: var(--plx-ref-color-white); --plx-sys-content-on-media-muted: var(--plx-ref-color-gray-500); --plx-sys-accent-edge: var(--plx-ref-color-blue-700); --plx-sys-accent-state-hover: var(--plx-ref-color-blue-600); --plx-sys-frost-surface: var(--plx-ref-color-blue-100); --plx-sys-frost-border: var(--plx-ref-color-blue-250); --plx-sys-frost-field-background: var(--plx-ref-color-blue-50); --plx-sys-frost-state-selected: var(--plx-ref-color-blue-200); --plx-sys-status-bar-background: var(--plx-ref-color-black); --plx-sys-status-bar-content: var(--plx-ref-color-gray-300); --plx-sys-status-bar-edge: var(--plx-ref-color-gray-300); } :root[data-plx-mode=dark], [data-plx-theme=plenix][data-plx-mode=dark] { color-scheme: dark; --plx-sys-surface-canvas: var(--plx-ref-color-black); --plx-sys-surface-default: var(--plx-ref-color-gray-800); --plx-sys-surface-raised: var(--plx-ref-color-gray-800); --plx-sys-surface-overlay: var(--plx-ref-color-gray-800); --plx-sys-surface-sunken: var(--plx-ref-color-black); --plx-sys-surface-inverse: var(--plx-ref-color-gray-200); --plx-sys-surface-dialog-chrome: var(--plx-ref-color-gray-200); --plx-sys-state-hover: var(--plx-ref-color-gray-700); --plx-sys-scrollbar-thumb: var(--plx-ref-color-gray-600); --plx-sys-state-selected: var(--plx-ref-color-gray-700); --plx-sys-content-default: var(--plx-ref-color-gray-200); --plx-sys-content-muted: var(--plx-ref-color-gray-300); --plx-sys-content-subtle: var(--plx-ref-color-gray-500); --plx-sys-content-disabled: var(--plx-ref-color-gray-700); --plx-sys-content-inverse: var(--plx-ref-color-black); --plx-sys-content-link: var(--plx-ref-color-blue-200); --plx-sys-border-default: var(--plx-ref-color-gray-700); --plx-sys-border-subtle: var(--plx-ref-color-gray-700); --plx-sys-border-strong: var(--plx-ref-color-gray-500); --plx-sys-action-primary-background: var(--plx-ref-color-blue-400); --plx-sys-action-primary-background-hover: var(--plx-ref-color-blue-600); --plx-sys-action-primary-content: var(--plx-ref-color-white); --plx-sys-action-danger-background: var(--plx-ref-color-red-500); --plx-sys-action-danger-content: var(--plx-ref-color-white); --plx-sys-focus-ring-color: var(--plx-ref-color-blue-400); --plx-sys-feedback-neutral-solid: var(--plx-ref-color-gray-600); --plx-sys-feedback-neutral-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-neutral-soft: var(--plx-ref-color-gray-700); --plx-sys-feedback-neutral-content: var(--plx-ref-color-gray-300); --plx-sys-feedback-info-solid: var(--plx-ref-color-blue-400); --plx-sys-feedback-info-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-info-soft: var(--plx-ref-color-gray-700); --plx-sys-feedback-info-content: var(--plx-ref-color-blue-200); --plx-sys-feedback-success-solid: var(--plx-ref-color-green-500); --plx-sys-feedback-success-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-success-soft: var(--plx-ref-color-gray-700); --plx-sys-feedback-success-content: var(--plx-ref-color-green-200); --plx-sys-feedback-warning-solid: var(--plx-ref-color-brown-500); --plx-sys-feedback-warning-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-warning-soft: var(--plx-ref-color-gray-700); --plx-sys-feedback-warning-content: var(--plx-ref-color-brown-200); --plx-sys-feedback-danger-solid: var(--plx-ref-color-red-500); --plx-sys-feedback-danger-on-solid: var(--plx-ref-color-white); --plx-sys-feedback-danger-soft: var(--plx-ref-color-gray-700); --plx-sys-feedback-danger-content: var(--plx-ref-color-red-200); --plx-sys-shadow-sm: 0 0 2px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-md: 0 0 8px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-lg: 0 0 32px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-card: 0 0 4px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-raised: 0 0 16px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-menu: 0 0 40px var(--plx-ref-color-black), 0 0 0 1px var(--plx-ref-color-gray-700); --plx-sys-shadow-modal: 0 0 40px var(--plx-ref-color-gray-800), 0 0 0 1px var(--plx-ref-color-gray-800); --plx-sys-shadow-ring: 0 0 0 2px var(--plx-ref-color-blue-400); --plx-sys-shadow-ring-subtle: 0 0 0 2px var(--plx-ref-color-black); --plx-sys-shadow-underline-focus: 0 1px 0 var(--plx-ref-color-blue-400); --plx-sys-elevation-raised-shadow: var(--plx-sys-shadow-card); --plx-sys-elevation-overlay-shadow: var(--plx-sys-shadow-modal); --plx-sys-elevation-menu: none; --plx-sys-fill-neutral: var(--plx-ref-color-gray-800); --plx-sys-fill-neutral-hover: var(--plx-ref-color-gray-700); --plx-sys-fill-neutral-content: var(--plx-ref-color-gray-200); --plx-sys-border-divider: var(--plx-ref-color-gray-700); --plx-sys-control-background: var(--plx-ref-color-gray-800); --plx-sys-control-border: var(--plx-ref-color-gray-700); --plx-sys-avatar-background: var(--plx-ref-color-blue-350); --plx-sys-avatar-content: var(--plx-ref-color-black); --plx-sys-accent-surface: var(--plx-ref-color-black); --plx-sys-accent-surface-raised: var(--plx-ref-color-gray-800); --plx-sys-accent-border: var(--plx-ref-color-gray-500); --plx-sys-accent-content: var(--plx-ref-color-gray-200); --plx-sys-accent-content-muted: var(--plx-ref-color-gray-300); --plx-sys-skeleton-base: var(--plx-ref-color-gray-700); --plx-sys-skeleton-highlight: var(--plx-ref-color-black); --plx-sys-rating-active: var(--plx-ref-color-brown-500); --plx-sys-rating-inactive: var(--plx-ref-color-gray-300); --plx-sys-selected-border: var(--plx-ref-color-blue-400); --plx-sys-selected-content: var(--plx-ref-color-blue-200); --plx-sys-action-danger-background-hover: var(--plx-ref-color-red-700); --plx-sys-accent-field-background: var(--plx-ref-color-gray-800); --plx-sys-accent-field-border: var(--plx-ref-color-gray-500); --plx-sys-accent-field-placeholder: var(--plx-ref-color-gray-300); --plx-sys-field-placeholder: var(--plx-ref-color-gray-300); --plx-sys-tooltip-background: var(--plx-ref-color-gray-200); --plx-sys-tooltip-content: var(--plx-ref-color-black); --plx-sys-border-dialog-chrome: var(--plx-ref-color-gray-300); --plx-sys-content-dialog-chrome: var(--plx-ref-color-black); --plx-sys-scrim: var(--plx-ref-color-black); --plx-sys-toast-background: var(--plx-ref-color-gray-700); --plx-sys-toast-content: var(--plx-ref-color-white); --plx-sys-code-keyword: var(--plx-ref-color-blue-350); --plx-sys-code-string: var(--plx-ref-color-red-300); --plx-sys-code-comment: var(--plx-ref-color-green-200); --plx-sys-code-number: var(--plx-ref-color-green-100); --plx-sys-code-function: var(--plx-ref-color-brown-200); --plx-sys-code-tag: var(--plx-ref-color-red-200); --plx-sys-code-attribute: var(--plx-ref-color-purple-200); --plx-sys-code-variable: var(--plx-ref-color-blue-200); --plx-sys-code-selector: var(--plx-ref-color-brown-200); --plx-sys-table-header-background: var(--plx-ref-color-black); --plx-sys-table-row-hover: var(--plx-ref-color-gray-700); --plx-sys-table-line: var(--plx-ref-color-gray-600); --plx-sys-table-header-line: var(--plx-ref-color-gray-600); --plx-sys-header-card-tint: var(--plx-ref-color-gray-700); --plx-sys-header-card-media-content: var(--plx-ref-color-blue-350); --plx-sys-surface-media: var(--plx-ref-color-black); --plx-sys-surface-media-raised: var(--plx-ref-color-gray-700); --plx-sys-border-media: var(--plx-ref-color-gray-700); --plx-sys-content-on-media: var(--plx-ref-color-white); --plx-sys-content-on-media-muted: var(--plx-ref-color-gray-500); --plx-sys-accent-edge: var(--plx-ref-color-gray-700); --plx-sys-accent-state-hover: var(--plx-ref-color-gray-800); --plx-sys-frost-surface: var(--plx-ref-color-gray-800); --plx-sys-frost-border: var(--plx-ref-color-gray-700); --plx-sys-frost-field-background: var(--plx-ref-color-black); --plx-sys-frost-state-selected: var(--plx-ref-color-gray-700); --plx-sys-status-bar-background: var(--plx-ref-color-black); --plx-sys-status-bar-content: var(--plx-ref-color-gray-300); --plx-sys-status-bar-edge: var(--plx-ref-color-gray-700); } /* platform/system/radius.css */ .plx-radius-concentric { border-bottom-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); } /* platform/system/controls.css */ .plx-control-inline-action { min-block-size: var(--plx-sys-control-height-inline); } .plx-control-toolbar { min-block-size: var(--plx-sys-control-height-toolbar); } .plx-control-standard { min-block-size: var(--plx-sys-control-height-standard); } .plx-control-dialog { min-block-size: var(--plx-sys-control-height-dialog); } /* platform/system/density.css */ :root[data-plx-density-changing] *, :root[data-plx-density-changing] *::before, :root[data-plx-density-changing] *::after { transition-duration: 0s !important; } /* platform/system/spacing.css */ /* platform/system/grid.css */ .plx-shell { display: grid; grid-template-areas: "header header header" "nav main inspector"; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); min-block-size: 100dvh; } .plx-shell-header { grid-area: header; } .plx-shell-nav { grid-area: nav; inline-size: var(--plx-sys-shell-nav-width); min-inline-size: 0; } .plx-shell-filters { inline-size: var(--plx-sys-panel-filter-width); min-inline-size: 0; } .plx-shell-inspector { grid-area: inspector; inline-size: var(--plx-sys-panel-inspector-width); min-inline-size: 0; } .plx-shell-main { container-name: main-region; container-type: inline-size; min-block-size: 0; min-inline-size: 0; } .plx-page-grid { --plx-comp-page-grid-columns:var(--plx-ref-grid-columns-4); --plx-comp-page-grid-gutter:var(--plx-ref-grid-gutter-12px); --plx-comp-page-grid-page-margin:var(--plx-ref-grid-margin-16px); box-sizing: border-box; column-gap: var(--plx-comp-page-grid-gutter); display: grid; grid-auto-rows: min-content; grid-template-columns: repeat(var(--plx-comp-page-grid-columns), minmax(0, 1fr)); inline-size: 100%; min-inline-size: 0; padding-inline-end: var(--plx-comp-page-grid-page-margin); padding-inline-start: var(--plx-comp-page-grid-page-margin); row-gap: 0; } .plx-page-grid > * { grid-column: 1 / -1; min-inline-size: 0; } @container main-region (min-width: 600px) { .plx-page-grid { --plx-comp-page-grid-columns:var(--plx-ref-grid-columns-8); --plx-comp-page-grid-gutter:var(--plx-sys-grid-gutter); --plx-comp-page-grid-page-margin:var(--plx-ref-grid-margin-24px); } } @container main-region (min-width: 1024px) { .plx-page-grid { --plx-comp-page-grid-columns:var(--plx-ref-grid-columns-12); --plx-comp-page-grid-gutter:var(--plx-sys-grid-gutter); --plx-comp-page-grid-page-margin:var(--plx-sys-page-margin-desktop); } } @container main-region (min-width: 1440px) { .plx-page-grid { --plx-comp-page-grid-columns:var(--plx-ref-grid-columns-16); --plx-comp-page-grid-gutter:var(--plx-sys-grid-gutter); --plx-comp-page-grid-page-margin:var(--plx-sys-page-margin-wide); } } @container main-region (min-width: 1920px) { .plx-page-grid[data-plx-ultra-wide=comfortable] { --plx-comp-page-grid-gutter:var(--plx-ref-grid-gutter-24px); } } .plx-span-full { grid-column: 1 / -1; } .plx-span-1 { grid-column: span 1; } .plx-span-2 { grid-column: span 2; } .plx-span-3 { grid-column: span 3; } .plx-span-4 { grid-column: span 4; } .plx-span-5 { grid-column: span 5; } .plx-span-6 { grid-column: span 6; } .plx-span-7 { grid-column: span 7; } .plx-span-8 { grid-column: span 8; } .plx-span-9 { grid-column: span 9; } .plx-span-10 { grid-column: span 10; } .plx-span-11 { grid-column: span 11; } .plx-span-12 { grid-column: span 12; } .plx-span-13 { grid-column: span 13; } .plx-span-14 { grid-column: span 14; } .plx-span-15 { grid-column: span 15; } .plx-span-16 { grid-column: span 16; } @container main-region (max-width: 1439px) { .plx-span-13, .plx-span-14, .plx-span-15, .plx-span-16 { grid-column: 1 / -1; } } @container main-region (max-width: 1023px) { .plx-span-tablet-full, .plx-span-9, .plx-span-10, .plx-span-11, .plx-span-12 { grid-column: 1 / -1; } } @container main-region (max-width: 599px) { .plx-span-mobile-full, .plx-span-5, .plx-span-6, .plx-span-7, .plx-span-8 { grid-column: 1 / -1; } } .plx-content-prose { grid-column: 1 / -1; inline-size: min(100%, var(--plx-ref-content-max-760px)); } .plx-content-form { grid-column: 1 / -1; inline-size: min(100%, var(--plx-ref-content-max-960px)); } .plx-content-detail { grid-column: 1 / -1; inline-size: min(100%, var(--plx-ref-content-max-1200px)); } .plx-content-editor { grid-column: 1 / -1; inline-size: min(100%, var(--plx-ref-content-max-1600px)); } .plx-content-workspace { grid-column: 1 / -1; inline-size: 100%; min-inline-size: 0; } .plx-workspace-4-8-4, .plx-workspace-4-12, .plx-workspace-12-4, .plx-workspace-8-8 { column-gap: var(--plx-comp-page-grid-gutter); display: grid; grid-column: 1 / -1; min-inline-size: 0; } .plx-workspace-4-8-4 { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr) minmax(0, 4fr); } .plx-workspace-4-12 { grid-template-columns: minmax(0, 4fr) minmax(0, 12fr); } .plx-workspace-12-4 { grid-template-columns: minmax(0, 12fr) minmax(0, 4fr); } .plx-workspace-8-8 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } @container main-region (max-width: 1439px) { .plx-workspace-4-8-4 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .plx-workspace-4-8-4 > :last-child { display: none; } } @container main-region (max-width: 1023px) { .plx-workspace-4-8-4, .plx-workspace-4-12, .plx-workspace-12-4, .plx-workspace-8-8 { grid-template-columns: minmax(0, 1fr); } .plx-workspace-4-8-4 > :first-child, .plx-workspace-4-8-4 > :last-child, .plx-workspace-4-12 > :first-child, .plx-workspace-12-4 > :last-child { display: none; } } /* platform/system/interaction.css */ :root[data-plx-interaction=touch] [data-plx-hover-reveal], :root[data-plx-interaction=mobile] [data-plx-hover-reveal] { opacity: 1; visibility: visible; } @media (max-width: 767px) { .plx-shell { grid-template-areas: "header" "main"; grid-template-columns: minmax(0, 1fr); } } /* platform/system/table.css */ .plx-table-scroll { max-inline-size: 100%; overflow-x: auto; } .plx-data-table tbody tr { block-size: var(--plx-sys-table-row-height); } .plx-data-table tbody tr.is-multiline { block-size: var(--plx-sys-table-row-height-multiline); } .plx-data-table th, .plx-data-table td { padding-block-end: var(--plx-comp-table-cell-padding-block); padding-block-start: var(--plx-comp-table-cell-padding-block); padding-inline-end: var(--plx-comp-table-cell-padding-inline); padding-inline-start: var(--plx-comp-table-cell-padding-inline); } .plx-data-table[data-plx-pin=first] th:first-child, .plx-data-table[data-plx-pin=first] td:first-child { background-color: inherit; inset-inline-start: 0; position: sticky; z-index: var(--plx-sys-layer-raised); } @container main-region (max-width: 599px) { [data-plx-table-strategy=priority-columns] [data-plx-priority=low] { display: none; } } .plx-data-table tbody tr:not(:last-child) td, .plx-data-table thead th { border-bottom-color: var(--plx-sys-table-line); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); } .plx-data-table thead th { background-color: var(--plx-sys-table-header-background); } :where(.plx-data-table th:not(:first-child), .plx-data-table td:not(:first-child)) { position: relative; } .plx-data-table th:not(:first-child), .plx-data-table td:not(:first-child) { border-inline-start-color: var(--plx-sys-table-line); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); } /* platform/system/scrolling.css */ * { scrollbar-color: transparent transparent; scrollbar-width: thin; } *:hover, *:focus-within { scrollbar-color: var(--plx-sys-scrollbar-thumb) transparent; } :root.is-scroll-locked { overflow-x: hidden; overflow-y: hidden; } /* platform/system/elements.css */ button, input, textarea, select { font-family: inherit; } code, pre, kbd, samp { font-family: var(--plx-sys-font-code); } h1, h2, h3, h4, h5, h6 { font-family: var(--plx-sys-font-heading); } label { font-family: var(--plx-sys-font-label); } .plx-font-data { font-family: var(--plx-sys-font-data); } .plx-font-code { font-family: var(--plx-sys-font-code); } /* platform/system/shadows.css */ .plx-shadow-sm { box-shadow: var(--plx-sys-shadow-sm); } .plx-shadow-md { box-shadow: var(--plx-sys-shadow-md); } .plx-shadow-lg { box-shadow: var(--plx-sys-shadow-lg); } .plx-shadow-card { box-shadow: var(--plx-sys-shadow-card); } .plx-shadow-raised { box-shadow: var(--plx-sys-shadow-raised); } .plx-shadow-menu { box-shadow: var(--plx-sys-shadow-menu); } .plx-shadow-ring { box-shadow: var(--plx-sys-shadow-ring); } .plx-shadow-ring-subtle { box-shadow: var(--plx-sys-shadow-ring-subtle); } .plx-shadow-underline-focus { box-shadow: var(--plx-sys-shadow-underline-focus); } .plx-shadow-modal { box-shadow: var(--plx-sys-shadow-modal); } .plx-shadow-card-ring { box-shadow: var(--plx-sys-shadow-ring), var(--plx-sys-shadow-card); } .plx-hover-shadow-card:hover { box-shadow: var(--plx-sys-shadow-card); } .plx-hover-shadow-raised:hover { box-shadow: var(--plx-sys-shadow-raised); } /* platform/system/motion.css */ @keyframes motion-fade-up { from { opacity: 0; transform: translateY(var(--plx-ref-space-8px)); } to { opacity: 1; transform: translateY(0); } } @keyframes motion-spin { to { transform: rotate(360deg); } } @keyframes motion-pulse { 0%, 80%, 100% { opacity: 0.2; transform: scale(0.7); } 40% { opacity: 1; transform: scale(1); } } @keyframes motion-shimmer-forward { from { background-position: -200% 0; } to { background-position: 200% 0; } } @keyframes motion-shimmer-reverse { from { background-position: 200% 0; } to { background-position: -200% 0; } } @keyframes motion-toast-in { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } } @keyframes motion-toast-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(100%); } } @media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation-duration: 0s !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0s !important; } } .plx-motion-enter { animation-duration: var(--plx-ref-motion-duration-fast); animation-fill-mode: both; animation-name: motion-fade-up; animation-timing-function: var(--plx-ref-motion-ease-standard); } /* platform/system/islands.css */ [data-plx-mount] { display: contents; } /* platform/plenix-system.css */ /* platform/system/base.css */ *, *::before, *::after { box-sizing: border-box; } * { margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } body { background-color: var(--plx-sys-surface-canvas); color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-13); line-height: var(--plx-ref-line-height-normal); } img { max-inline-size: 100%; } /* platform/components/Badge/badge.css */ .plx-badge { align-items: center; border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); display: inline-flex; font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-bold-700); line-height: var(--plx-ref-line-height-snug); min-height: var(--plx-sys-label-height-20px); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); white-space: nowrap; } .plx-badge--sm { font-size: var(--plx-ref-font-size-09); min-height: var(--plx-sys-label-height-16px); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-badge--neutral { background-color: var(--plx-sys-feedback-neutral-solid); color: var(--plx-sys-feedback-neutral-on-solid); } .plx-badge--info { background-color: var(--plx-sys-feedback-info-solid); color: var(--plx-sys-feedback-info-on-solid); } .plx-badge--success { background-color: var(--plx-sys-feedback-success-solid); color: var(--plx-sys-feedback-success-on-solid); } .plx-badge--warning { background-color: var(--plx-sys-feedback-warning-solid); color: var(--plx-sys-feedback-warning-on-solid); } .plx-badge--danger { background-color: var(--plx-sys-feedback-danger-solid); color: var(--plx-sys-feedback-danger-on-solid); } /* platform/components/VisuallyHidden/visually-hidden.css */ .plx-visually-hidden { border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; clip-path: inset(50%); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; max-inline-size: 100%; overflow-x: hidden; overflow-y: hidden; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: absolute; white-space: nowrap; } /* platform/components/Count/count.css */ .plx-count { font-variant-numeric: tabular-nums; white-space: nowrap; } .plx-count--plain { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); } .plx-count--pill { align-items: center; border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); box-sizing: border-box; display: inline-flex; font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-bold-700); justify-content: center; line-height: var(--plx-ref-line-height-none); min-block-size: var(--plx-sys-label-height-16px); min-inline-size: var(--plx-sys-label-height-16px); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-count--pill.plx-count--neutral { background-color: var(--plx-sys-feedback-neutral-solid); color: var(--plx-sys-feedback-neutral-on-solid); } .plx-count--pill.plx-count--info { background-color: var(--plx-sys-feedback-info-solid); color: var(--plx-sys-feedback-info-on-solid); } .plx-count--pill.plx-count--success { background-color: var(--plx-sys-feedback-success-solid); color: var(--plx-sys-feedback-success-on-solid); } .plx-count--pill.plx-count--warning { background-color: var(--plx-sys-feedback-warning-solid); color: var(--plx-sys-feedback-warning-on-solid); } .plx-count--pill.plx-count--danger { background-color: var(--plx-sys-feedback-danger-solid); color: var(--plx-sys-feedback-danger-on-solid); } /* platform/components/Metric/metric.css */ .plx-metric { display: grid; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-metric__figure { align-items: baseline; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-wrap: wrap; } .plx-metric__value { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-18); font-variant-numeric: tabular-nums; font-weight: var(--plx-ref-font-weight-semibold-600); line-height: var(--plx-ref-line-height-tight); } .plx-metric--lg .plx-metric__value { font-size: var(--plx-ref-font-size-20); } .plx-metric__unit { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); } .plx-metric__change { font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); font-variant-numeric: tabular-nums; } .plx-metric__change--neutral { color: var(--plx-sys-content-muted); } .plx-metric__change--success { color: var(--plx-sys-feedback-success-content); } .plx-metric__change--danger { color: var(--plx-sys-feedback-danger-content); } .plx-metric__label { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); } .plx-metric__description { color: var(--plx-sys-content-subtle); font-size: var(--plx-ref-font-size-11); } .plx-metric-group { display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-stack-md); } .plx-metric-group__item { min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-metric-group__item:first-child { padding-inline-start: 0; } .plx-metric-group__item + .plx-metric-group__item { border-inline-start-color: var(--plx-sys-border-divider); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); } /* platform/components/ProgressBar/progress-bar.css */ .plx-progress-bar { display: grid; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-progress-bar__head { align-items: baseline; column-gap: var(--plx-sys-space-inline-sm); display: flex; justify-content: space-between; min-inline-size: 0; } .plx-progress-bar__label { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-12); min-inline-size: 0; } .plx-progress-bar__value { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); font-variant-numeric: tabular-nums; } .plx-progress-bar__track { background-color: var(--plx-sys-fill-neutral); block-size: var(--plx-ref-size-8px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); overflow-x: hidden; overflow-y: hidden; position: relative; } .plx-progress-bar--sm .plx-progress-bar__track { block-size: var(--plx-ref-size-4px); } .plx-progress-bar__fill { background-color: var(--plx-comp-progress-bar-fill); block-size: 100%; border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); display: block; inline-size: var(--plx-comp-progress-bar-value, 0%); transition-duration: var(--plx-ref-motion-duration-base); transition-property: inline-size; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-progress-bar--info { --plx-comp-progress-bar-fill:var(--plx-sys-feedback-info-solid); } .plx-progress-bar--success { --plx-comp-progress-bar-fill:var(--plx-sys-feedback-success-solid); } .plx-progress-bar--warning { --plx-comp-progress-bar-fill:var(--plx-sys-feedback-warning-solid); } .plx-progress-bar--danger { --plx-comp-progress-bar-fill:var(--plx-sys-feedback-danger-solid); } .plx-progress-bar--neutral { --plx-comp-progress-bar-fill:var(--plx-sys-feedback-neutral-solid); } .plx-progress-bar--color { --plx-comp-progress-bar-fill:var(--plx-comp-progress-bar-color); } .plx-progress-bar.is-indeterminate .plx-progress-bar__fill { animation-duration: var(--plx-ref-motion-duration-loop-slow); animation-iteration-count: infinite; animation-name: plx-progress-bar-run; animation-timing-function: var(--plx-ref-motion-ease-standard); inline-size: 33%; } @keyframes plx-progress-bar-run { from { transform: translateX(-100%); } to { transform: translateX(300%); } } /* platform/components/DateBadge/date-badge.css */ .plx-date-badge { align-items: center; display: inline-flex; flex-direction: column; row-gap: var(--plx-sys-space-stack-xs); } .plx-date-badge__weekday { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-semibold-600); text-transform: uppercase; } .plx-date-badge__day { align-items: center; block-size: var(--plx-ref-size-28px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); color: var(--plx-sys-content-default); display: inline-flex; font-size: var(--plx-ref-font-size-14); font-variant-numeric: tabular-nums; justify-content: center; min-inline-size: var(--plx-ref-size-28px); } .plx-date-badge.is-today .plx-date-badge__day { background-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-content); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-date-badge.is-today .plx-date-badge__weekday { color: var(--plx-sys-content-link); } /* platform/components/EventChip/event-chip.css */ .plx-event-chip { appearance: none; background-color: var(--plx-sys-surface-sunken); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-bottom-style: none; border-bottom-width: 0; border-inline-end-style: none; border-inline-end-width: 0; border-inline-start-color: var(--plx-comp-event-chip-color, var(--plx-sys-action-primary-background)); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-3px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); border-top-style: none; border-top-width: 0; box-sizing: border-box; color: var(--plx-sys-content-default); column-gap: var(--plx-sys-space-inline-xs); display: flex; font-family: inherit; font-size: var(--plx-ref-font-size-11); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-align: start; } .plx-event-chip--fill { align-items: flex-start; block-size: 100%; flex-direction: column; inline-size: 100%; } .plx-event-chip__time { color: var(--plx-sys-content-muted); flex-shrink: 0; font-family: var(--plx-sys-font-data); font-variant-numeric: tabular-nums; } .plx-event-chip__title { font-weight: var(--plx-ref-font-weight-medium-500); min-inline-size: 0; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-event-chip--interactive { cursor: pointer; } .plx-event-chip--interactive:hover, .plx-event-chip--interactive.is-hover { background-color: var(--plx-sys-state-hover); } .plx-event-chip--interactive:focus-visible, .plx-event-chip--interactive.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } /* platform/components/RadioTiles/radio-tiles.css */ .plx-radio-tiles { border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-radio-tiles__legend { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-12); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: var(--plx-sys-space-stack-sm); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-radio-tiles__grid { column-gap: var(--plx-sys-space-inline-sm); display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--plx-comp-radio-tiles-min), 1fr)); row-gap: var(--plx-sys-space-inline-sm); } .plx-radio-tiles--sm { --plx-comp-radio-tiles-min:var(--plx-ref-size-120px); } .plx-radio-tiles--md { --plx-comp-radio-tiles-min:var(--plx-ref-size-160px); } .plx-radio-tiles--lg { --plx-comp-radio-tiles-min:var(--plx-ref-size-240px); } .plx-radio-tile { align-items: flex-start; background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) auto; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); position: relative; row-gap: var(--plx-sys-space-stack-sm); } .plx-radio-tile:hover, .plx-radio-tile.is-hover { border-bottom-color: var(--plx-sys-border-strong); border-left-color: var(--plx-sys-border-strong); border-right-color: var(--plx-sys-border-strong); border-top-color: var(--plx-sys-border-strong); } .plx-radio-tile.is-selected, .plx-radio-tile.is-selected:hover { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); } .plx-radio-tile:has(.plx-radio-tile__input:focus-visible), .plx-radio-tile.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-radio-tile.is-disabled { cursor: default; opacity: var(--plx-ref-opacity-50); } .plx-radio-tile__preview { display: block; grid-column: 1 / -1; min-inline-size: 0; } .plx-radio-tile__text { display: grid; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-radio-tile__label { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-radio-tile__description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); } .plx-radio-tile__check { block-size: var(--plx-ref-size-16px); color: var(--plx-sys-action-primary-background); inline-size: var(--plx-ref-size-16px); } /* platform/components/StatusDot/status-dot.css */ .plx-status-dot { block-size: var(--plx-ref-glyph-size-6px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); display: inline-block; flex-shrink: 0; inline-size: var(--plx-ref-glyph-size-6px); position: relative; } .plx-status-dot--neutral { background-color: var(--plx-sys-feedback-neutral-solid); } .plx-status-dot--info { background-color: var(--plx-sys-feedback-info-solid); } .plx-status-dot--success { background-color: var(--plx-sys-feedback-success-solid); } .plx-status-dot--warning { background-color: var(--plx-sys-feedback-warning-solid); } .plx-status-dot--danger { background-color: var(--plx-sys-feedback-danger-solid); } /* platform/components/Tag/tag.css */ .plx-tag { align-items: center; background-color: var(--plx-sys-fill-neutral); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); box-sizing: border-box; color: var(--plx-sys-fill-neutral-content); column-gap: var(--plx-sys-space-inline-xs); display: inline-flex; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-medium-500); line-height: var(--plx-ref-line-height-tight); min-block-size: var(--plx-sys-label-height-20px); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); white-space: nowrap; } .plx-chip__toggle { background-color: transparent; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } button.plx-chip, .plx-chip__toggle { appearance: none; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; cursor: pointer; } .plx-chip:hover, .plx-chip:has(.plx-chip__toggle:hover), .plx-chip.is-hover, .plx-chip:has(.plx-chip__toggle.is-hover) { background-color: var(--plx-sys-fill-neutral-hover); } .plx-chip.plx-chip--selected, .plx-chip.plx-chip--selected:hover, .plx-chip.plx-chip--selected:has(.plx-chip__toggle:hover), .plx-chip.plx-chip--selected.is-hover, .plx-chip.plx-chip--selected:has(.plx-chip__toggle.is-hover) { background-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-content); } .plx-tag__remove { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-ref-size-16px); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-subtle); cursor: pointer; display: inline-flex; font-family: inherit; font-size: var(--plx-ref-font-size-12); inline-size: var(--plx-ref-size-16px); justify-content: center; line-height: var(--plx-ref-line-height-none); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: relative; } .plx-tag__remove::before { content: ""; inset-block-end: calc(var(--plx-sys-space-inset-xs) * -1); inset-block-start: calc(var(--plx-sys-space-inset-xs) * -1); inset-inline-end: calc(var(--plx-sys-space-inset-xs) * -1); inset-inline-start: calc(var(--plx-sys-space-inset-xs) * -1); position: absolute; } .plx-tag__remove:hover, .plx-tag__remove.is-hover { color: var(--plx-sys-feedback-danger-content); } .plx-chip--selected .plx-tag__remove { color: inherit; opacity: var(--plx-ref-opacity-70); } .plx-chip--selected .plx-tag__remove:hover, .plx-chip--selected .plx-tag__remove.is-hover { color: inherit; opacity: 1; } .plx-tag-list { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-cluster-xs); } .plx-tag-input { background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-default); font-family: inherit; font-size: var(--plx-ref-font-size-10); inline-size: var(--plx-ref-size-60px); min-block-size: var(--plx-sys-control-height-inline); outline-style: none; padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-tag-input:focus-visible, .plx-tag-input.is-focus-visible { box-shadow: var(--plx-sys-shadow-underline-focus); } .plx-tag-input::placeholder { color: var(--plx-sys-content-subtle); } .plx-tag__rename { appearance: none; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; cursor: text; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-tag__rename:hover, .plx-tag__rename.is-hover { text-decoration-line: underline; } .plx-tag__rename:focus-visible, .plx-tag__rename.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-tag__input { background-color: var(--plx-sys-surface-default); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; box-shadow: var(--plx-sys-shadow-underline-focus); color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-tag__input:focus-visible, .plx-tag__input.is-focus-visible { outline-style: none; } /* platform/components/Kbd/kbd.css */ .plx-kbd { align-items: center; background-color: var(--plx-sys-fill-neutral); border-bottom-color: var(--plx-sys-fill-neutral); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-fill-neutral); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-fill-neutral); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-fill-neutral); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-sys-content-muted); display: inline-flex; font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-10); line-height: var(--plx-ref-line-height-none); min-block-size: var(--plx-sys-label-height-16px); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); white-space: nowrap; } .plx-kbd--on-accent { background-color: var(--plx-sys-accent-surface-raised); border-bottom-color: var(--plx-sys-accent-border); border-left-color: var(--plx-sys-accent-border); border-right-color: var(--plx-sys-accent-border); border-top-color: var(--plx-sys-accent-border); color: var(--plx-sys-accent-content-muted); } /* platform/components/Avatar/avatar.css */ .plx-avatar { align-items: center; background-color: var(--plx-comp-avatar-own-background, var(--plx-sys-avatar-background)); box-sizing: border-box; color: var(--plx-comp-avatar-own-content, var(--plx-sys-avatar-content)); display: inline-flex; flex-shrink: 0; font-weight: var(--plx-ref-font-weight-bold-700); justify-content: center; line-height: var(--plx-ref-line-height-none); text-transform: uppercase; } .plx-avatar--20 { block-size: var(--plx-ref-size-20px); border-bottom-left-radius: var(--plx-sys-radius-avatar-4px); border-bottom-right-radius: var(--plx-sys-radius-avatar-4px); border-top-left-radius: var(--plx-sys-radius-avatar-4px); border-top-right-radius: var(--plx-sys-radius-avatar-4px); font-size: var(--plx-ref-font-size-10); inline-size: var(--plx-ref-size-20px); } .plx-avatar--24 { block-size: var(--plx-ref-size-24px); border-bottom-left-radius: var(--plx-sys-radius-avatar-4px); border-bottom-right-radius: var(--plx-sys-radius-avatar-4px); border-top-left-radius: var(--plx-sys-radius-avatar-4px); border-top-right-radius: var(--plx-sys-radius-avatar-4px); font-size: var(--plx-ref-font-size-10); inline-size: var(--plx-ref-size-24px); } .plx-avatar--28 { block-size: var(--plx-ref-size-28px); border-bottom-left-radius: var(--plx-sys-radius-avatar-6px); border-bottom-right-radius: var(--plx-sys-radius-avatar-6px); border-top-left-radius: var(--plx-sys-radius-avatar-6px); border-top-right-radius: var(--plx-sys-radius-avatar-6px); font-size: var(--plx-ref-font-size-11); inline-size: var(--plx-ref-size-28px); } .plx-avatar--32 { block-size: var(--plx-ref-size-32px); border-bottom-left-radius: var(--plx-sys-radius-avatar-6px); border-bottom-right-radius: var(--plx-sys-radius-avatar-6px); border-top-left-radius: var(--plx-sys-radius-avatar-6px); border-top-right-radius: var(--plx-sys-radius-avatar-6px); font-size: var(--plx-ref-font-size-12); inline-size: var(--plx-ref-size-32px); } .plx-avatar--40 { block-size: var(--plx-ref-size-40px); border-bottom-left-radius: var(--plx-sys-radius-avatar-6px); border-bottom-right-radius: var(--plx-sys-radius-avatar-6px); border-top-left-radius: var(--plx-sys-radius-avatar-6px); border-top-right-radius: var(--plx-sys-radius-avatar-6px); font-size: var(--plx-ref-font-size-15); inline-size: var(--plx-ref-size-40px); } .plx-avatar--48 { block-size: var(--plx-ref-size-48px); border-bottom-left-radius: var(--plx-sys-radius-avatar-8px); border-bottom-right-radius: var(--plx-sys-radius-avatar-8px); border-top-left-radius: var(--plx-sys-radius-avatar-8px); border-top-right-radius: var(--plx-sys-radius-avatar-8px); font-size: var(--plx-ref-font-size-18); inline-size: var(--plx-ref-size-48px); } .plx-avatar--64 { block-size: var(--plx-ref-size-64px); border-bottom-left-radius: var(--plx-sys-radius-avatar-8px); border-bottom-right-radius: var(--plx-sys-radius-avatar-8px); border-top-left-radius: var(--plx-sys-radius-avatar-8px); border-top-right-radius: var(--plx-sys-radius-avatar-8px); font-size: var(--plx-ref-font-size-20); inline-size: var(--plx-ref-size-64px); } .plx-avatar__image { block-size: 100%; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-top-left-radius: inherit; border-top-right-radius: inherit; display: block; inline-size: 100%; object-fit: cover; } /* platform/components/Divider/divider.css */ .plx-divider { border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; flex-shrink: 0; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-divider--horizontal { block-size: 0; border-block-start-color: var(--plx-sys-border-divider); border-block-start-style: solid; border-block-start-width: var(--plx-ref-border-width-1px); inline-size: 100%; } .plx-divider--vertical { align-self: stretch; border-inline-start-color: var(--plx-sys-border-divider); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); inline-size: 0; } /* platform/components/Stack/stack.css */ .plx-stack { display: flex; flex-direction: column; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; } .plx-inline { display: flex; flex-direction: row; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; } .plx-stack--gap-none, .plx-inline--gap-none { column-gap: 0; row-gap: 0; } .plx-stack--gap-xs { row-gap: var(--plx-sys-space-stack-xs); } .plx-stack--gap-sm { row-gap: var(--plx-sys-space-stack-sm); } .plx-stack--gap-md { row-gap: var(--plx-sys-space-stack-md); } .plx-stack--gap-lg { row-gap: var(--plx-sys-space-stack-lg); } .plx-stack--gap-xl { row-gap: var(--plx-sys-space-stack-xl); } .plx-inline--gap-xs { column-gap: var(--plx-sys-space-inline-xs); } .plx-inline--gap-sm { column-gap: var(--plx-sys-space-inline-sm); } .plx-inline--gap-md { column-gap: var(--plx-sys-space-inline-md); } .plx-inline--gap-lg { column-gap: var(--plx-sys-space-inline-lg); } .plx-inline--gap-xl { column-gap: var(--plx-sys-space-layout-sm); } .plx-inline--wrap { flex-wrap: wrap; row-gap: var(--plx-sys-space-stack-xs); } .plx-layout--align-start { align-items: flex-start; } .plx-layout--align-center { align-items: center; } .plx-layout--align-end { align-items: flex-end; } .plx-layout--align-stretch { align-items: stretch; } .plx-layout--align-baseline { align-items: baseline; } .plx-layout--justify-start { justify-content: flex-start; } .plx-layout--justify-center { justify-content: center; } .plx-layout--justify-end { justify-content: flex-end; } .plx-layout--justify-between { justify-content: space-between; } .plx-layout--inset-xs { padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-layout--inset-sm { padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-layout--inset-md { padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-layout--inset-lg { padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-layout--inset-xl { padding-block-end: var(--plx-sys-space-inset-xl); padding-block-start: var(--plx-sys-space-inset-xl); padding-inline-end: var(--plx-sys-space-inset-xl); padding-inline-start: var(--plx-sys-space-inset-xl); } .plx-layout--scroll { min-block-size: 0; overflow-y: auto; } .plx-grow { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; } .plx-layout--width-xs { flex-shrink: 0; inline-size: var(--plx-sys-field-width-xs); } .plx-layout--width-sm { flex-shrink: 0; inline-size: var(--plx-sys-field-width-sm); } .plx-layout--width-md { flex-shrink: 0; inline-size: var(--plx-sys-field-width-md); } .plx-layout--width-lg { flex-shrink: 0; inline-size: var(--plx-sys-field-width-lg); } .plx-layout--max-sm { max-block-size: var(--plx-sys-scroll-max-sm); overflow-y: auto; } .plx-layout--max-md { max-block-size: var(--plx-sys-scroll-max-md); overflow-y: auto; } .plx-layout--max-lg { max-block-size: var(--plx-sys-scroll-max-lg); overflow-y: auto; } .plx-layout--indent { padding-inline-start: var(--plx-sys-space-inline-lg); } .plx-layout--push { margin-inline-start: auto; } ol.plx-inline, ol.plx-stack, ul.plx-inline, ul.plx-stack { list-style-type: none; } /* platform/components/Text/text.css */ .plx-text { margin-block-end: 0; margin-block-start: 0; } .plx-text--body { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-13); } .plx-text--secondary { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-12); } .plx-text--caption { color: var(--plx-sys-content-subtle); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-11); } .plx-text--data { font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); } .plx-text--label { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-12); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-text--strong { font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-text--title { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-20); font-weight: var(--plx-ref-font-weight-bold-700); } .plx-text--truncate { display: block; min-inline-size: 0; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-text--heading { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-text--eyebrow { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-bold-700); letter-spacing: var(--plx-ref-letter-spacing-widest); text-transform: uppercase; } .plx-text--danger { color: var(--plx-sys-feedback-danger-content); } .plx-text--success { color: var(--plx-sys-feedback-success-content); } .plx-text--accent { color: var(--plx-sys-content-link); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-text--link { color: var(--plx-sys-content-link); font-weight: var(--plx-ref-font-weight-regular-400); } /* platform/components/Thumbnail/thumbnail.css */ .plx-thumbnail { background-color: var(--plx-sys-surface-sunken); block-size: var(--plx-ref-size-28px); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); flex-shrink: 0; inline-size: var(--plx-ref-size-28px); object-fit: cover; } .plx-thumbnail--icon { align-items: center; color: var(--plx-sys-content-muted); display: inline-flex; justify-content: center; } /* platform/components/Notice/notice.css */ .plx-notice { align-items: flex-start; border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); column-gap: var(--plx-sys-space-cluster-sm); display: flex; font-size: var(--plx-ref-font-size-12); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-notice__text { flex-grow: 1; min-inline-size: 0; } .plx-notice--info { background-color: var(--plx-sys-feedback-info-soft); color: var(--plx-sys-feedback-info-content); } .plx-notice--success { background-color: var(--plx-sys-feedback-success-soft); color: var(--plx-sys-feedback-success-content); } .plx-notice--warning { background-color: var(--plx-sys-feedback-warning-soft); color: var(--plx-sys-feedback-warning-content); } .plx-notice--danger { background-color: var(--plx-sys-feedback-danger-soft); color: var(--plx-sys-feedback-danger-content); } /* platform/components/ColorSwatch/color-swatch.css */ .plx-color-swatch { background-color: var(--plx-comp-color-swatch-value); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: inline-block; flex-shrink: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-color-swatch--sm { block-size: var(--plx-ref-size-16px); inline-size: var(--plx-ref-size-16px); } .plx-color-swatch--md { block-size: var(--plx-ref-size-20px); inline-size: var(--plx-ref-size-20px); } button.plx-color-swatch { cursor: pointer; } .plx-color-swatch[aria-pressed=true] { box-shadow: 0 0 0 var(--plx-ref-border-width-2px) var(--plx-sys-content-default); } button.plx-color-swatch:focus-visible, button.plx-color-swatch.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-color-swatch--square { border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); border-top-style: none; } /* platform/components/DropZone/drop-zone.css */ .plx-drop-zone { align-items: center; background-color: var(--plx-sys-surface-sunken); border-bottom-color: var(--plx-sys-border-strong); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: dashed; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-strong); border-left-style: dashed; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-strong); border-right-style: dashed; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-strong); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: dashed; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: flex; flex-direction: column; font: inherit; inline-size: 100%; justify-content: center; padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); row-gap: var(--plx-sys-space-stack-xs); text-align: center; } .plx-drop-zone.is-active { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-selected-border); border-left-color: var(--plx-sys-selected-border); border-right-color: var(--plx-sys-selected-border); border-top-color: var(--plx-sys-selected-border); } button.plx-drop-zone { cursor: pointer; } .plx-drop-zone--overlay { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-selected-border); border-bottom-width: var(--plx-ref-border-width-2px); border-left-color: var(--plx-sys-selected-border); border-left-width: var(--plx-ref-border-width-2px); border-right-color: var(--plx-sys-selected-border); border-right-width: var(--plx-ref-border-width-2px); border-top-color: var(--plx-sys-selected-border); border-top-width: var(--plx-ref-border-width-2px); color: var(--plx-sys-content-default); inline-size: auto; inset: var(--plx-sys-space-inset-md); pointer-events: none; position: absolute; z-index: var(--plx-sys-layer-raised); } /* platform/components/Preview/preview.css */ .plx-preview { align-items: center; background-color: var(--plx-sys-surface-sunken); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: none; box-sizing: border-box; color: var(--plx-sys-content-subtle); display: flex; flex-direction: column; font: inherit; inline-size: 100%; justify-content: center; min-block-size: var(--plx-ref-size-140px); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: relative; row-gap: var(--plx-sys-space-stack-xs); } .plx-preview--button { cursor: zoom-in; } .plx-preview--button:focus-visible, .plx-preview--button.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-preview__corner { display: inline-flex; position: absolute; } .plx-preview__corner--top-start { inset-block-start: var(--plx-sys-space-inset-sm); inset-inline-start: var(--plx-sys-space-inset-sm); } .plx-preview__corner--bottom-end { inset-block-end: var(--plx-sys-space-inset-sm); inset-inline-end: var(--plx-sys-space-inset-sm); } .plx-preview__media { block-size: var(--plx-ref-size-48px); inline-size: var(--plx-ref-size-48px); object-fit: contain; } /* platform/components/Fieldset/fieldset.css */ .plx-fieldset { border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-fieldset__legend { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); margin-block-end: var(--plx-sys-space-stack-xs); padding-inline-end: 0; padding-inline-start: 0; } /* platform/components/Columns/columns.css */ .plx-columns { display: grid; } .plx-columns--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .plx-columns--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .plx-columns--gap-none { column-gap: 0; } .plx-columns--gap-md { column-gap: var(--plx-sys-space-layout-sm); } .plx-columns--gap-lg { column-gap: var(--plx-sys-space-layout-md); } .plx-columns--divided > * { min-inline-size: 0; padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-columns--divided > * + * { border-inline-start-color: var(--plx-sys-border-divider); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); } /* platform/components/Breadcrumbs/breadcrumbs.css */ .plx-breadcrumbs__list { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: flex; flex-wrap: wrap; font-size: var(--plx-ref-font-size-12); list-style-type: none; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-breadcrumbs__item { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: inline-flex; } .plx-breadcrumbs__item + .plx-breadcrumbs__item::before { color: var(--plx-sys-content-subtle); content: "\203a"; } .plx-breadcrumbs__link { color: var(--plx-sys-content-link); text-decoration-line: none; } .plx-breadcrumbs__link:hover, .plx-breadcrumbs__link.is-hover { text-decoration-line: underline; } .plx-breadcrumbs__link:focus-visible, .plx-breadcrumbs__link.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-breadcrumbs__text { color: var(--plx-sys-content-muted); } .plx-breadcrumbs__current { color: var(--plx-sys-content-default); } /* platform/components/List/list.css */ .plx-list { display: flex; flex-direction: column; list-style-type: none; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; row-gap: var(--plx-sys-space-stack-sm); } .plx-list__item { align-items: flex-start; color: var(--plx-sys-content-default); column-gap: var(--plx-sys-space-inline-sm); display: flex; font-size: var(--plx-ref-font-size-13); line-height: var(--plx-ref-size-20px); } .plx-list__icon { --plx-comp-icon-size:var(--plx-sys-icon-size-sm); align-items: center; block-size: var(--plx-ref-size-20px); display: inline-flex; flex-shrink: 0; } .plx-list__text { min-inline-size: 0; } .plx-list__item--neutral .plx-list__icon { color: var(--plx-sys-content-muted); } .plx-list__item--success .plx-list__icon { color: var(--plx-sys-feedback-success-content); } .plx-list__item--danger .plx-list__icon { color: var(--plx-sys-feedback-danger-content); } .plx-list__item--info .plx-list__icon { color: var(--plx-sys-feedback-info-content); } .plx-list__item--warning .plx-list__icon { color: var(--plx-sys-feedback-warning-content); } /* platform/components/CodeBlock/code-block.css */ .plx-code-block { border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-color: var(--plx-sys-border-default); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); display: flex; flex-direction: column; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; } .plx-code-block__head { align-items: center; background-color: var(--plx-sys-surface-raised); box-shadow: inset 0 calc(var(--plx-ref-border-width-1px) * -1) 0 var(--plx-sys-border-divider); column-gap: var(--plx-sys-space-inline-sm); display: flex; justify-content: space-between; min-block-size: var(--plx-sys-control-height-toolbar); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-code-block__title { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-12); min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-code-block__pre { background-color: var(--plx-sys-surface-default); color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-code); font-size: var(--plx-ref-font-size-12); line-height: var(--plx-ref-size-20px); margin-block-end: 0; margin-block-start: 0; overflow-x: auto; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); white-space: pre; } .plx-code-block--tall .plx-code-block__pre { max-block-size: var(--plx-ref-size-500px); } .plx-code-block__pre:focus-visible, .plx-code-block__pre.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-code-block__pre code { background-color: transparent; font-family: inherit; font-size: inherit; } .plx-code-block__tok--keyword { color: var(--plx-sys-code-keyword); } .plx-code-block__tok--string { color: var(--plx-sys-code-string); } .plx-code-block__tok--comment { color: var(--plx-sys-code-comment); font-style: italic; } .plx-code-block__tok--number { color: var(--plx-sys-code-number); } .plx-code-block__tok--function { color: var(--plx-sys-code-function); } .plx-code-block__tok--tag { color: var(--plx-sys-code-tag); } .plx-code-block__tok--attribute { color: var(--plx-sys-code-attribute); } .plx-code-block__tok--variable { color: var(--plx-sys-code-variable); } .plx-code-block__tok--selector { color: var(--plx-sys-code-selector); } /* platform/components/SectionHeading/section-heading.css */ .plx-section-heading { align-items: center; color: var(--plx-sys-content-muted); column-gap: var(--plx-sys-space-inline-sm); display: flex; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-bold-700); letter-spacing: var(--plx-ref-letter-spacing-widest); line-height: var(--plx-ref-line-height-tight); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; text-transform: uppercase; } .plx-section-heading__label { flex-grow: 1; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-section-heading__toggle { align-items: center; appearance: none; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: flex; flex-grow: 1; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; min-block-size: var(--plx-sys-control-height-standard); min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-align: start; text-transform: inherit; } .plx-section-heading__toggle:hover, .plx-section-heading__toggle.is-hover { color: var(--plx-sys-content-default); } .plx-section-heading__chevron { block-size: var(--plx-ref-glyph-size-6px); border-block-end-color: currentcolor; border-block-end-style: solid; border-block-end-width: var(--plx-ref-border-width-2px); border-inline-end-color: currentcolor; border-inline-end-style: solid; border-inline-end-width: var(--plx-ref-border-width-2px); flex-shrink: 0; inline-size: var(--plx-ref-glyph-size-6px); transform: rotate(45deg); transition-duration: var(--plx-ref-motion-duration-fast); transition-property: transform; } .plx-section-heading__toggle[aria-expanded=false] .plx-section-heading__chevron { transform: rotate(-45deg); } .plx-section-heading__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: inline-flex; flex-shrink: 0; letter-spacing: normal; text-transform: none; } /* platform/components/CollapsibleSection/collapsible-section.css */ .plx-collapsible-section { display: flex; flex-direction: column; min-inline-size: 0; } .plx-collapsible-section__heading { align-items: center; box-shadow: inset 0 calc(var(--plx-ref-border-width-1px) * -1) 0 var(--plx-sys-border-default); column-gap: var(--plx-sys-space-inline-sm); display: flex; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-collapsible-section__toggle { align-items: center; appearance: none; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-link); column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-semibold-600); letter-spacing: var(--plx-ref-letter-spacing-caps); line-height: var(--plx-ref-line-height-tight); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-height-prominent); min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-align: start; text-transform: uppercase; } .plx-collapsible-section__toggle:focus-visible, .plx-collapsible-section__toggle.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-collapsible-section__icon { --plx-comp-icon-size:var(--plx-sys-control-icon-prominent); display: inline-flex; flex-shrink: 0; } .plx-collapsible-section__title { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-collapsible-section__chevron { --plx-comp-icon-size:var(--plx-sys-control-icon-prominent); display: inline-flex; flex-shrink: 0; transform: rotate(180deg); transition-duration: var(--plx-ref-motion-duration-base); transition-property: transform; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-collapsible-section.is-expanded > .plx-collapsible-section__heading .plx-collapsible-section__chevron { transform: rotate(0deg); } .plx-collapsible-section__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: inline-flex; flex-shrink: 0; } .plx-collapsible-section__body { padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-sm); } .plx-collapsible-section__body[hidden] { display: none; } .plx-collapsible-section__chevron .plx-icon { -webkit-mask-size: var(--plx-sys-icon-size-sm); mask-size: var(--plx-sys-icon-size-sm); } /* platform/components/Loading/loading.css */ .plx-skeleton { animation-duration: var(--plx-ref-motion-duration-loop-slow); animation-iteration-count: infinite; animation-name: motion-shimmer-forward; animation-timing-function: var(--plx-ref-motion-ease-standard); background-color: var(--plx-sys-skeleton-base); background-image: linear-gradient( 90deg, var(--plx-sys-skeleton-base) 25%, var(--plx-sys-skeleton-highlight) 50%, var(--plx-sys-skeleton-base) 75%); background-size: 200% 100%; block-size: var(--plx-comp-skeleton-block-size, auto); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); display: block; inline-size: var(--plx-comp-skeleton-inline-size, auto); } .plx-spinner { animation-duration: var(--plx-ref-motion-duration-loop-fast); animation-iteration-count: infinite; animation-name: motion-spin; animation-timing-function: linear; border-bottom-color: var(--plx-sys-action-primary-background); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-bottom-style: solid; border-left-color: var(--plx-sys-action-primary-background); border-left-style: solid; border-right-color: var(--plx-sys-action-primary-background); border-right-style: solid; border-top-color: transparent; border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); border-top-style: solid; box-sizing: border-box; display: inline-block; flex-shrink: 0; position: relative; } .plx-spinner--sm { block-size: var(--plx-ref-size-12px); border-bottom-width: var(--plx-ref-border-width-2px); border-left-width: var(--plx-ref-border-width-2px); border-right-width: var(--plx-ref-border-width-2px); border-top-width: var(--plx-ref-border-width-2px); inline-size: var(--plx-ref-size-12px); } .plx-spinner--md { block-size: var(--plx-ref-size-16px); border-bottom-width: var(--plx-ref-border-width-2px); border-left-width: var(--plx-ref-border-width-2px); border-right-width: var(--plx-ref-border-width-2px); border-top-width: var(--plx-ref-border-width-2px); inline-size: var(--plx-ref-size-16px); } .plx-spinner--lg { block-size: var(--plx-ref-size-24px); border-bottom-width: var(--plx-ref-border-width-3px); border-left-width: var(--plx-ref-border-width-3px); border-right-width: var(--plx-ref-border-width-3px); border-top-width: var(--plx-ref-border-width-3px); inline-size: var(--plx-ref-size-24px); } /* platform/components/Chat/chat.css */ .plx-chat__typing { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: inline-flex; position: relative; } .plx-chat__typing > span[aria-hidden] { animation-duration: var(--plx-ref-motion-duration-loop-base); animation-iteration-count: infinite; animation-name: motion-pulse; animation-timing-function: ease-in-out; background-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-4px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); display: inline-block; inline-size: var(--plx-ref-size-4px); } .plx-chat__typing > span[aria-hidden]:nth-child(2) { animation-delay: var(--plx-ref-motion-delay-stagger); } .plx-chat__typing > span[aria-hidden]:nth-child(3) { animation-delay: calc(var(--plx-ref-motion-delay-stagger) * 2); } .plx-chat__header { align-items: center; border-block-end-color: var(--plx-sys-border-divider); border-block-end-style: solid; border-block-end-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; min-inline-size: 0; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-chat__header-text { flex-basis: 0%; flex-grow: 1; min-inline-size: 0; } .plx-chat__header-title { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-chat__header-meta { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); } .plx-chat__header-actions { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; } .plx-chat__thread { background-color: var(--plx-sys-surface-sunken); display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; min-block-size: 0; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); row-gap: var(--plx-sys-space-stack-sm); } .plx-chat__message { align-items: flex-end; column-gap: var(--plx-sys-space-inline-xs); display: flex; max-inline-size: 80%; } .plx-chat__message--mine { align-self: flex-end; flex-direction: row-reverse; } .plx-chat__bubble { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-subtle); border-bottom-left-radius: var(--plx-sys-radius-card-12px); border-bottom-right-radius: var(--plx-sys-radius-card-12px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-subtle); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-subtle); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-subtle); border-top-left-radius: var(--plx-sys-radius-card-12px); border-top-right-radius: var(--plx-sys-radius-card-12px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-default); display: grid; font-size: var(--plx-ref-font-size-13); min-inline-size: 0; overflow-wrap: anywhere; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); row-gap: var(--plx-sys-space-stack-xs); } .plx-chat__message--mine .plx-chat__bubble { background-color: var(--plx-sys-action-primary-background); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-content); } .plx-chat__meta { align-items: baseline; column-gap: var(--plx-sys-space-inline-xs); display: flex; font-size: var(--plx-ref-font-size-11); } .plx-chat__author { font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-chat__time { font-family: var(--plx-sys-font-data); font-variant-numeric: tabular-nums; opacity: var(--plx-ref-opacity-70); } .plx-chat__composer { align-items: flex-end; border-block-start-color: var(--plx-sys-border-divider); border-block-start-style: solid; border-block-start-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-chat__field { flex-basis: 0%; flex-grow: 1; min-inline-size: 0; resize: none; } /* platform/components/EmptyState/empty-state.css */ .plx-empty-state { align-items: center; color: var(--plx-sys-content-subtle); display: flex; flex-direction: column; justify-content: center; row-gap: var(--plx-sys-space-stack-sm); text-align: center; } .plx-empty-state--inline { font-size: var(--plx-ref-font-size-11); padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-empty-state--page { font-size: var(--plx-ref-font-size-12); padding-block-end: var(--plx-sys-space-layout-xl); padding-block-start: var(--plx-sys-space-layout-xl); padding-inline-end: var(--plx-sys-space-layout-md); padding-inline-start: var(--plx-sys-space-layout-md); } .plx-empty-state__icon { color: var(--plx-sys-content-disabled); font-size: var(--plx-ref-symbol-size); line-height: var(--plx-ref-line-height-none); } .plx-empty-state__title { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-empty-state__text { max-inline-size: var(--plx-ref-size-400px); } .plx-empty-state__action { margin-block-start: var(--plx-sys-space-stack-xs); } .plx-empty-state__icon .plx-icon { --plx-comp-icon-size:var(--plx-ref-size-24px); } /* platform/components/Pagination/pagination.css */ .plx-pagination { align-items: center; color: var(--plx-sys-content-muted); column-gap: var(--plx-sys-space-cluster-md); display: flex; flex-wrap: wrap; font-size: var(--plx-ref-font-size-12); justify-content: space-between; row-gap: var(--plx-sys-space-cluster-md); } .plx-pagination__info { font-size: var(--plx-ref-font-size-11); font-variant-numeric: tabular-nums; } .plx-pagination__pages { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-cluster-xs); } .plx-pagination__page { align-items: center; appearance: none; background-color: var(--plx-sys-control-background); border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-sys-content-default); cursor: pointer; display: inline-flex; font-family: inherit; font-size: var(--plx-ref-font-size-12); font-variant-numeric: tabular-nums; justify-content: center; min-block-size: var(--plx-sys-control-height-toolbar); min-inline-size: var(--plx-sys-control-height-toolbar); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-pagination__step { font-size: var(--plx-ref-font-size-15); line-height: var(--plx-ref-line-height-none); } .plx-pagination__page:hover:not(:disabled):not([aria-current]), .plx-pagination__page.is-hover:not(:disabled):not([aria-current]) { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-content-link); } .plx-pagination__page[aria-current=page] { background-color: var(--plx-sys-action-primary-background); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-content); } .plx-pagination__page:disabled { cursor: default; opacity: var(--plx-ref-opacity-50); } .plx-pagination__gap { color: var(--plx-sys-content-subtle); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-pagination__per-page { align-items: center; color: var(--plx-sys-content-subtle); column-gap: var(--plx-sys-space-inline-sm); display: flex; font-size: var(--plx-ref-font-size-11); } .plx-pagination__select { background-color: var(--plx-sys-control-background); border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-default); font-family: inherit; font-size: var(--plx-ref-font-size-12); min-block-size: var(--plx-sys-control-height-toolbar); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/components/Rating/rating.css */ .plx-rating { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: inline-flex; } .plx-rating__star { align-items: center; appearance: none; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: var(--plx-sys-rating-inactive); display: inline-flex; font-family: inherit; font-size: var(--plx-ref-font-size-15); justify-content: center; line-height: var(--plx-ref-line-height-none); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } button.plx-rating__star { cursor: pointer; min-block-size: var(--plx-sys-control-height-inline); min-inline-size: var(--plx-sys-control-height-inline); } .plx-rating__star--on { color: var(--plx-sys-rating-active); } /* platform/components/Icon/icon.css */ :root { --plx-comp-icon-glyph-account-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M243.92-277.31q54-36.84 112.62-54.77Q415.15-350 480-350t123.46 17.92q58.62 17.93 112.62 54.77 37.3-41 56.61-92.92Q792-422.15 792-480q0-129.67-91.23-220.84-91.23-91.16-221-91.16Q350-792 259-700.84 168-609.67 168-480q0 57.85 19.31 109.77 19.31 51.92 56.61 92.92ZM480.01-418q-55.78 0-94.89-39.1Q346-496.21 346-551.99t39.1-94.89Q424.21-686 479.99-686t94.89 39.1Q614-607.79 614-552.01t-39.1 94.89Q535.79-418 480.01-418Zm.27 302q-75.43 0-141.78-28.27t-116.15-78.08q-49.81-49.8-78.08-116.11-28.27-66.3-28.27-142 0-75.69 28.27-141.54t78.08-115.65q49.8-49.81 116.11-78.08 66.3-28.27 142-28.27 75.69 0 141.54 28.27t115.65 78.08q49.81 49.8 78.08 115.87Q844-555.7 844-480.28q0 75.43-28.27 141.78t-78.08 116.15q-49.8 49.81-115.87 78.08Q555.7-116 480.28-116Zm-.28-52q53.15 0 104.42-18.42 51.27-18.43 93.27-52.73-43-28.16-93.11-43.5Q534.46-298 480-298t-105.27 14.65q-50.81 14.66-92.42 44.2 42 34.3 93.27 52.73Q426.85-168 480-168Zm0-302q33.85 0 57.92-24.08Q562-518.15 562-552t-24.08-57.92Q513.85-634 480-634t-57.92 24.08Q398-585.85 398-552t24.08 57.92Q446.15-470 480-470Zm0-82Zm0 314Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-account-circle-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M243.92-277.31q54-36.84 112.62-54.77Q415.15-350 480-350t123.46 17.92q58.62 17.93 112.62 54.77 37.3-41 56.61-92.92Q792-422.15 792-480q0-129.67-91.23-220.84-91.23-91.16-221-91.16Q350-792 259-700.84 168-609.67 168-480q0 57.85 19.31 109.77 19.31 51.92 56.61 92.92ZM480-418q-55.77 0-94.88-39.12Q346-496.23 346-552q0-55.77 39.12-94.88Q424.23-686 480-686q55.77 0 94.88 39.12Q614-607.77 614-552q0 55.77-39.12 94.88Q535.77-418 480-418Zm.28 302q-75.43 0-141.78-28.27t-116.15-78.08q-49.81-49.8-78.08-116.11-28.27-66.3-28.27-142 0-75.69 28.27-141.54t78.08-115.65q49.8-49.81 116.11-78.08 66.3-28.27 142-28.27 75.69 0 141.54 28.27t115.65 78.08q49.81 49.8 78.08 115.87Q844-555.7 844-480.28q0 75.43-28.27 141.78t-78.08 116.15q-49.8 49.81-115.87 78.08Q555.7-116 480.28-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-account-circle-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M240.92-268.31q51-37.84 111.12-59.77Q412.15-350 480-350t127.96 21.92q60.12 21.93 111.12 59.77 37.3-41 59.11-94.92Q800-417.15 800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 62.85 21.81 116.77 21.81 53.92 59.11 94.92ZM480.01-450q-54.78 0-92.39-37.6Q350-525.21 350-579.99t37.6-92.39Q425.21-710 479.99-710t92.39 37.6Q610-634.79 610-580.01t-37.6 92.39Q534.79-450 480.01-450ZM480-100q-79.15 0-148.5-29.77t-120.65-81.08q-51.31-51.3-81.08-120.65Q100-400.85 100-480t29.77-148.5q29.77-69.35 81.08-120.65 51.3-51.31 120.65-81.08Q400.85-860 480-860t148.5 29.77q69.35 29.77 120.65 81.08 51.31 51.3 81.08 120.65Q860-559.15 860-480t-29.77 148.5q-29.77 69.35-81.08 120.65-51.3 51.31-120.65 81.08Q559.15-100 480-100Zm0-60q54.15 0 104.42-17.42 50.27-17.43 89.27-48.73-39-30.16-88.11-47Q536.46-290 480-290t-105.77 16.65q-49.31 16.66-87.92 47.2 39 31.3 89.27 48.73Q425.85-160 480-160Zm0-350q29.85 0 49.92-20.08Q550-550.15 550-580t-20.08-49.92Q509.85-650 480-650t-49.92 20.08Q410-609.85 410-580t20.08 49.92Q450.15-510 480-510Zm0-70Zm0 355Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-account-circle-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M240.92-268.31q51-37.84 111.12-59.77Q412.15-350 480-350t127.96 21.92q60.12 21.93 111.12 59.77 37.3-41 59.11-94.92Q800-417.15 800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 62.85 21.81 116.77 21.81 53.92 59.11 94.92ZM480-450q-54.77 0-92.38-37.62Q350-525.23 350-580q0-54.77 37.62-92.38Q425.23-710 480-710q54.77 0 92.38 37.62Q610-634.77 610-580q0 54.77-37.62 92.38Q534.77-450 480-450Zm0 350q-79.15 0-148.5-29.77t-120.65-81.08q-51.31-51.3-81.08-120.65Q100-400.85 100-480t29.77-148.5q29.77-69.35 81.08-120.65 51.3-51.31 120.65-81.08Q400.85-860 480-860t148.5 29.77q69.35 29.77 120.65 81.08 51.31 51.3 81.08 120.65Q860-559.15 860-480t-29.77 148.5q-29.77 69.35-81.08 120.65-51.3 51.31-120.65 81.08Q559.15-100 480-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-454H260v-52h194v-194h52v194h194v52H506v194h-52v-194Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-454H260v-52h194v-194h52v194h194v52H506v194h-52v-194Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-450H220v-60h230v-230h60v230h230v60H510v230h-60v-230Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-450H220v-60h230v-230h60v230h230v60H510v230h-60v-230Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-298h52v-156h156v-52H506v-156h-52v156H298v52h156v156Zm26.34 182q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Zm-.34-52q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-circle-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-298h52v-156h156v-52H506v-156h-52v156H298v52h156v156Zm26.34 182q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-circle-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-290h60v-160h160v-60H510v-160h-60v160H290v60h160v160Zm30.07 190q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-add-circle-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-290h60v-160h160v-60H510v-160h-60v160H290v60h160v160Zm30.07 190q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-admin-panel-settings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M672-288q30 0 51-21t21-51q0-30-21-51t-51-21q-30 0-51 21t-21 51q0 30 21 51t51 21Zm0 144q38.38 0 70.69-18.96 32.31-18.96 52.69-50.66Q767-232 736.23-242t-64-10Q639-252 608-242q-31 10-59.38 28.38 20.38 31.7 52.69 50.66Q633.62-144 672-144Zm-192 27.23q-123.77-30.39-207.88-143.77Q188-373.92 188-515v-215.15l292-112.31 292 112.31v220.61q-17-7.69-29.39-11.77-12.38-4.07-22.61-5.69v-168.38L480-787l-240 91.62V-515q0 55.15 15 105.81 15 50.65 42.85 93.69 27.84 43.04 66.96 76.58 39.11 33.54 85.96 56.46l1.16-.39q4.92 13 17.03 29.66 12.12 16.65 26.19 32.11-1.53.77-7.57 2.16-6.04 1.38-7.58 2.15Zm191.77.77q-71.69 0-121.73-50.27Q500-216.53 500-288.23q0-71.69 50.27-121.73Q600.53-460 672.23-460q71.69 0 121.73 50.27Q844-359.47 844-287.77q0 71.69-50.27 121.73Q743.47-116 671.77-116ZM480-474.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-admin-panel-settings-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M672-288q25 0 48.5-23.5T744-360q0-24-20.5-32.5T678-401q-24 0-41.5 17T619-343q0 25 14.5 40t38.5 15Zm6 121q31.38 0 65.69-11.31t51.69-35.31Q772-228 735-240q-37-12-63-12t-47.5 10q-21.5 10-44.88 24.38 17.38 24 42.19 37.31Q646.62-167 678-167Zm-6 51q-71.92 0-121.96-50.04Q500-216.08 500-288q0-71.92 50.04-121.96Q600.08-460 672-460q71.92 0 121.96 50.04Q844-359.92 844-288q0 71.92-50.04 121.96Q743.92-116 672-116Zm-192-.77q-133.77-34.39-212.88-145.77Q188-373.92 188-515v-215.15l292-112.31 292 112.31v220.61q-24.39-9.92-48.5-16.19Q699.38-532 672-532q-101.92 0-172.96 71.04T428-288q0 43.61 16.69 87.23 16.7 43.61 50.46 79.69-1.53.77-7.07 2.16-5.54 1.38-8.08 2.15Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-admin-panel-settings-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M680-280q25 0 42.5-17.5T740-340q0-25-17.5-42.5T680-400q-25 0-42.5 17.5T620-340q0 25 17.5 42.5T680-280Zm0 120q31.38 0 57.19-14.31t42.19-38.31Q757-226 732-233q-25-7-52-7t-52 7q-25 7-47.38 20.38 16.38 24 42.19 38.31Q648.62-160 680-160Zm-200 59.23q-129.77-35.39-214.88-152.77Q180-370.92 180-516v-230.15l300-112.31 300 112.31v226.61q-14-5.69-29.39-10.27-15.38-4.57-30.61-7.19v-167.38L480-794l-240 89.62V-516q0 53.15 15 103.81 15 50.65 41.35 94.69 26.34 44.04 62.96 79.08 36.61 35.04 79.46 55.96l1.16-.39q7.92 22 20.53 42.16 12.62 20.15 28.69 36.61-2.53.77-4.57 1.66-2.04.88-4.58 1.65Zm200 .77q-74.92 0-127.46-52.54Q500-205.08 500-280q0-74.92 52.54-127.46Q605.08-460 680-460q74.92 0 127.46 52.54Q860-354.92 860-280q0 74.92-52.54 127.46Q754.92-100 680-100ZM480-488.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-admin-panel-settings-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M680-280q25 0 42.5-17.5T740-340q0-25-17.5-42.5T680-400q-25 0-42.5 17.5T620-340q0 25 17.5 42.5T680-280Zm0 120q31.38 0 57.19-14.31t42.19-38.31Q757-226 732-233q-25-7-52-7t-52 7q-25 7-47.38 20.38 16.38 24 42.19 38.31Q648.62-160 680-160Zm0 60q-74.92 0-127.46-52.54Q500-205.08 500-280q0-74.92 52.54-127.46Q605.08-460 680-460q74.92 0 127.46 52.54Q860-354.92 860-280q0 74.92-52.54 127.46Q754.92-100 680-100Zm-200-.77q-129.77-35.39-214.88-152.77Q180-370.92 180-516v-230.15l300-112.31 300 112.31v226.61q-21.39-9.92-48.5-15.19Q704.38-540 680-540q-107.92 0-183.96 76.04T420-280q0 51.61 18.69 96.23 18.7 44.61 50.46 79.69-2.53.77-4.57 1.66-2.04.88-4.58 1.65Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-apps:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M263.79-207.39q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm-432-216q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm-432-216q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-apps-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M263.79-207.39q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm-432-216q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm-432-216q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Zm216 0q-23.44 0-39.92-16.69t-16.48-40.13q0-23.44 16.69-39.92t40.13-16.48q23.44 0 39.92 16.69t16.48 40.13q0 23.44-16.69 39.92t-40.13 16.48Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-apps-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M240-175.39q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-480-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-480-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-apps-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M240-175.39q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-480-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-480-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m311.92-454 204.85 204.85L480-212 212-480l268-268 36.77 37.15L311.92-506H748v52H311.92Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-back-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m311.92-454 204.85 204.85L480-212 212-480l268-268 36.77 37.15L311.92-506H748v52H311.92Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-back-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-back-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-drop-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-397.85 311.85-566h336.3L480-397.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-drop-down-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-397.85 311.85-566h336.3L480-397.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-drop-down-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-373.85 303.85-550h352.3L480-373.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-drop-down-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-373.85 303.85-550h352.3L480-373.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M394-311.85v-336.3L562.15-480 394-311.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-right-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M394-311.85v-336.3L562.15-480 394-311.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-right-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M410-303.85v-352.3L586.15-480 410-303.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-arrow-right-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M410-303.85v-352.3L586.15-480 410-303.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-article:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M298-298h268v-52H298v52Zm0-156h364v-52H298v52Zm0-156h364v-52H298v52ZM164-164v-632h632v632H164Zm52-52h528v-528H216v528Zm0 0v-528 528Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-article-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M298-298h268v-52H298v52Zm0-156h364v-52H298v52Zm0-156h364v-52H298v52ZM164-164v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-article-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M290-290h260v-60H290v60Zm0-160h380v-60H290v60Zm0-160h380v-60H290v60ZM140-140v-680h680v680H140Zm60-60h560v-560H200v560Zm0 0v-560 560Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-article-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M290-290h260v-60H290v60Zm0-160h380v-60H290v60Zm0-160h380v-60H290v60ZM140-140v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-auto-awesome:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='m15.375 7.333-.917-2.021-1.979-.895 1.979-.917.917-2 .917 2 1.979.917-1.979.895Zm0 11.167-.917-1.979-1.979-.917 1.979-.896.917-2.02.917 2.02 1.979.896-1.979.917Zm-7.854-2.667-1.771-4-4-1.833 4-1.812 1.771-4 1.812 4L13.312 10l-3.979 1.833Zm0-3.271.812-1.729L10.042 10l-1.709-.812-.812-1.73-.792 1.73L5 10l1.729.833Zm0-2.562Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-auto-awesome-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='m15.375 7.333-.917-2.021-1.979-.895 1.979-.917.917-2 .917 2 1.979.917-1.979.895Zm0 11.167-.917-1.979-1.979-.917 1.979-.896.917-2.02.917 2.02 1.979.896-1.979.917Zm-7.854-2.667-1.771-4-4-1.833 4-1.812 1.771-4 1.812 4L13.312 10l-3.979 1.833Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-auto-awesome-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m18.5 8.6-1.05-2.35L15.1 5.2l2.35-1.075L18.5 1.8l1.05 2.325L21.9 5.2l-2.35 1.05Zm0 13.6-1.05-2.325L15.1 18.8l2.35-1.05 1.05-2.35 1.05 2.35 2.35 1.05-2.35 1.075Zm-9.625-3.4-2.1-4.675L2.1 12l4.675-2.125 2.1-4.675L11 9.875 15.675 12 11 14.125Zm0-3.65 1-2.15 2.15-1-2.15-1-1-2.15-1 2.15-2.15 1 2.15 1Zm0-3.15Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-auto-awesome-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m18.5 8.6-1.05-2.35L15.1 5.2l2.35-1.075L18.5 1.8l1.05 2.325L21.9 5.2l-2.35 1.05Zm0 13.6-1.05-2.325L15.1 18.8l2.35-1.05 1.05-2.35 1.05 2.35 2.35 1.05-2.35 1.075Zm-9.625-3.4-2.1-4.675L2.1 12l4.675-2.125 2.1-4.675L11 9.875 15.675 12 11 14.125Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-bookmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M260-174v-622h440v622l-220-87.67L260-174Zm52-77 168-67 168 67v-493H312v493Zm0-493h336-336Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-bookmark-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M260-174v-622h440v622l-220-87.67L260-174Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-bookmark-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M220-150v-670h520v670L480-261.67 220-150Zm60-92 200-86 200 86v-518H280v518Zm0-518h400-400Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-bookmark-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M220-150v-670h520v670L480-261.67 220-150Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-build:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M709.62-136.31 478.08-367.08q-21.16 9.16-46 14.62-24.85 5.46-50.39 5.46-94.77 0-162.38-67.12-67.62-67.11-67.62-161.88 0-33 7.39-62.77 7.38-29.77 22.92-55.31l141.69 140.93L407.54-637 267.39-777.92q25.53-13.54 54.42-20.81 28.88-7.27 59.88-7.27 95.77 0 162.89 68.12 67.11 68.11 67.11 162.88 0 25.31-5.27 46.15-5.27 20.85-14.81 41.24l235.77 235.53-117.76 115.77Zm0-73.53 44.61-43.62-225.38-223.39q18.84-24.77 24.84-53.27 6-28.5 6-44.88 0-73.54-56.54-129.77Q446.61-761 363.84-754l118 117-158.15 157.15-120-120q-8.85 89 47.77 144.93Q308.08-399 381.69-399q17.39 0 47.58-6.81 30.19-6.8 56.96-27.42l223.39 223.39ZM476-486.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-build-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M709.62-136.31 478.08-367.08q-21.16 9.16-46 14.62-24.85 5.46-50.39 5.46-94.77 0-162.38-67.12-67.62-67.11-67.62-161.88 0-33 7.39-62.77 7.38-29.77 22.92-55.31l141.69 140.93L407.54-637 267.39-777.92q25.53-13.54 54.42-20.81 28.88-7.27 59.88-7.27 95.77 0 162.89 68.12 67.11 68.11 67.11 162.88 0 25.31-5.27 46.15-5.27 20.85-14.81 41.24l235.77 235.53-117.76 115.77Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-build-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M724.62-110.31 447.08-389.08q-21.16 9.16-43 14.12-21.85 4.96-46.39 4.96-95.77 0-162.88-67.12-67.12-67.11-67.12-162.88 0-31 7.89-59.27 7.88-28.27 22.42-53.81l143.69 142.93L387.54-656 245.39-798.92q25.53-14.54 53.42-22.81 27.88-8.27 58.88-8.27 95.77 0 162.89 67.12 67.11 67.11 67.11 162.88 0 25.31-4.77 47.15-4.77 21.85-14.31 42.24l278.77 277.53-122.76 122.77Zm0-85.53 36.61-36.62-266.38-266.39q16.84-20.77 24.84-47.27 8-26.5 8-53.88 0-66.54-47.54-117.77Q432.61-769 359.84-768l112 112-170.15 170.15-112-112q.15 77 51.77 122.43Q293.08-430 357.69-430q26.39 0 52.58-7.81 26.19-7.8 47.96-24.42l266.39 266.39ZM472-486.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-build-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M724.62-110.31 447.08-389.08q-21.16 9.16-43 14.12-21.85 4.96-46.39 4.96-95.77 0-162.88-67.12-67.12-67.11-67.12-162.88 0-31 7.89-59.27 7.88-28.27 22.42-53.81l143.69 142.93L387.54-656 245.39-798.92q25.53-14.54 53.42-22.81 27.88-8.27 58.88-8.27 95.77 0 162.89 67.12 67.11 67.11 67.11 162.88 0 25.31-4.77 47.15-4.77 21.85-14.31 42.24l278.77 277.53-122.76 122.77Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-calendar-month:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M448.62-380.92v-62.77h62.76v62.77h-62.76Zm-156 0v-62.77h62.76v62.77h-62.76Zm312 0v-62.77h62.76v62.77h-62.76ZM448.62-240v-62.77h62.76V-240h-62.76Zm-156 0v-62.77h62.76V-240h-62.76Zm312 0v-62.77h62.76V-240h-62.76ZM164-116v-632h151.69v-100.61h53.54V-748h223.08v-100.61h52V-748H796v632H164Zm52-52h528v-347.69H216V-168Zm0-399.69h528V-696H216v128.31Zm0 0V-696v128.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-calendar-month-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M448.62-380.92v-62.77h62.76v62.77h-62.76Zm-156 0v-62.77h62.76v62.77h-62.76Zm312 0v-62.77h62.76v62.77h-62.76ZM448.62-240v-62.77h62.76V-240h-62.76Zm-156 0v-62.77h62.76V-240h-62.76Zm312 0v-62.77h62.76V-240h-62.76ZM164-116v-632h151.69v-100.61h53.54V-748h223.08v-100.61h52V-748H796v632H164Zm52-52h528v-347.69H216V-168Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-calendar-month-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M444.62-396.92v-70.77h70.76v70.77h-70.76Zm-160 0v-70.77h70.76v70.77h-70.76Zm320 0v-70.77h70.76v70.77h-70.76ZM444.62-240v-70.77h70.76V-240h-70.76Zm-160 0v-70.77h70.76V-240h-70.76Zm320 0v-70.77h70.76V-240h-70.76ZM140-100v-680h127.69v-84.61h61.54V-780h303.08v-84.61h60V-780H820v680H140Zm60-60h560v-387.69H200V-160Zm0-447.69h560V-720H200v112.31Zm0 0V-720v112.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-calendar-month-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M444.62-396.92v-70.77h70.76v70.77h-70.76Zm-160 0v-70.77h70.76v70.77h-70.76Zm320 0v-70.77h70.76v70.77h-70.76ZM444.62-240v-70.77h70.76V-240h-70.76Zm-160 0v-70.77h70.76V-240h-70.76Zm320 0v-70.77h70.76V-240h-70.76ZM140-100v-680h127.69v-84.61h61.54V-780h303.08v-84.61h60V-780H820v680H140Zm60-60h560v-387.69H200V-160Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-call:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M753-164q-101.54 0-206.62-48.89-105.07-48.88-194.84-138.65-89.38-89.77-138.46-195.42Q164-652.61 164-754v-43h191.77l36.46 151.15-113.92 110.7q25.69 43.23 53.34 80.34 27.66 37.12 57.49 66.87 29.09 30.33 64.98 57.17 35.88 26.85 82.65 54.54L651-389.38l145 30.61V-164h-43ZM254.92-583.92l80.85-78.39L315.21-745h-99.59q2.07 38.38 11.65 79.35 9.58 40.96 27.65 81.73Zm335 327.69q28.46 14.77 70.04 25.96 41.58 11.19 84.04 15.04v-102.08l-75.77-16-78.31 77.08Zm-335-327.69Zm335 327.69Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-call-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M753-164q-101.54 0-206.62-48.89-105.07-48.88-194.84-138.65-89.38-89.77-138.46-195.42Q164-652.61 164-754v-43h191.77l36.46 151.15-113.92 110.7q25.69 43.23 53.34 80.34 27.66 37.12 57.04 66.89 29.54 30.31 65.43 57.15 35.88 26.85 82.65 54.54L651-389.38l145 30.61V-164h-43Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-call-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M783-140q-116.54 0-232.12-51.89-115.57-51.88-211.34-147.65-95.38-95.77-147.46-211.42Q140-666.61 140-783v-37h206.77l35.46 182.15-110.92 107.7q24.69 43.23 52.84 80.34 28.16 37.12 59.54 67.89 30.54 31.31 67.93 59.15 37.38 27.85 83.15 53.54L645-381.38l175 35.61V-140h-37ZM242.92-586.92l74.85-71.39L297.69-760h-97.07q3.07 45.38 13.65 88.35 10.58 42.96 28.65 84.73Zm348 345.69q38.46 17.77 82.04 27.96 43.58 10.19 87.04 12.04v-96.08l-94.77-19-74.31 75.08Zm-348-345.69Zm348 345.69Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-call-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M783-140q-116.54 0-232.12-51.89-115.57-51.88-211.34-147.65-95.38-95.77-147.46-211.42Q140-666.61 140-783v-37h206.77l35.46 182.15-110.92 107.7q24.69 43.23 52.84 80.34 28.16 37.12 59.54 67.89 30.54 31.31 67.93 59.15 37.38 27.85 83.15 53.54L645-381.38l175 35.61V-140h-37Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-category:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M303.69-543.39 480-834.77l176.31 291.38H303.69Zm392.31 432q-63.85 0-108.23-44.38T543.39-264q0-63.85 44.38-108.23T696-416.61q63.85 0 108.23 44.38T848.61-264q0 63.85-44.38 108.23T696-111.39Zm-536.61-24v-257.22h257.22v257.22H159.39Zm536.37-27.99q42.16 0 71.51-29.11 29.35-29.11 29.35-71.27t-29.11-71.51q-29.11-29.35-71.27-29.35t-71.51 29.11q-29.35 29.11-29.35 71.27t29.11 71.51q29.11 29.35 71.27 29.35Zm-484.38-24h153.24v-153.24H211.38v153.24Zm184.16-408h168.92L480-733.46l-84.46 138.08Zm84.46 0ZM364.62-340.62ZM691-269Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-category-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M303.69-543.39 480-834.77l176.31 291.38H303.69Zm392.13 432q-63.67 0-108.05-44.38-44.38-44.38-44.38-108.05 0-62.66 44.38-107.73 44.38-45.06 108.05-45.06 62.66 0 107.73 45.06 45.06 45.07 45.06 107.73 0 63.67-45.06 108.05-45.07 44.38-107.73 44.38Zm-536.43-24v-257.22h257.22v257.22H159.39Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-category-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M287.69-535.39 480-850.77l192.31 315.38H287.69ZM700-95.39q-68.85 0-116.73-47.88-47.88-47.88-47.88-116.73t47.88-116.73q47.88-47.88 116.73-47.88t116.73 47.88q47.88 47.88 47.88 116.73t-47.88 116.73Q768.85-95.39 700-95.39Zm-564.61-20v-289.22h289.22v289.22H135.39Zm564.6-39.99q43.93 0 74.28-30.34t30.35-74.27q0-43.93-30.34-74.28t-74.27-30.35q-43.93 0-74.28 30.34t-30.35 74.27q0 43.93 30.34 74.28t74.27 30.35Zm-504.61-20h169.24v-169.24H195.38v169.24Zm198.16-420h172.92L480-734.46l-86.46 139.08Zm86.46 0ZM364.62-344.62ZM700-260Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-category-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M287.69-535.39 480-850.77l192.31 315.38H287.69Zm412.13 440q-68.67 0-116.55-47.88-47.88-47.88-47.88-116.55 0-68.66 47.88-116.73 47.88-48.06 116.55-48.06 68.66 0 116.73 48.06 48.06 48.07 48.06 116.73 0 68.67-48.06 116.55-48.07 47.88-116.73 47.88Zm-564.43-20v-289.22h289.22v289.22H135.39Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-center-focus-weak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-220h52v168h168v52H164Zm412 0v-52h168v-168h52v220H576ZM164-576v-220h220v52H216v168h-52Zm580 0v-168H576v-52h220v220h-52ZM480-356q-51.75 0-87.87-36.13Q356-428.25 356-480q0-51.75 36.13-87.87Q428.25-604 480-604q51.75 0 87.87 36.13Q604-531.75 604-480q0 51.75-36.13 87.87Q531.75-356 480-356Zm.21-52Q510-408 531-429.21t21-51Q552-510 530.79-531t-51-21Q450-552 429-530.79t-21 51Q408-450 429.21-429t51 21Zm-.21-72Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-center-focus-weak-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-356q-51.75 0-87.87-36.13Q356-428.25 356-480q0-51.75 36.13-87.87Q428.25-604 480-604q51.75 0 87.87 36.13Q604-531.75 604-480q0 51.75-36.13 87.87Q531.75-356 480-356ZM164-164v-220h52v168h168v52H164Zm412 0v-52h168v-168h52v220H576ZM164-576v-220h220v52H216v168h-52Zm580 0v-168H576v-52h220v220h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-center-focus-weak-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-220h60v160h160v60H140Zm460 0v-60h160v-160h60v220H600ZM140-600v-220h220v60H200v160h-60Zm620 0v-160H600v-60h220v220h-60ZM480-340q-57.75 0-98.87-41.13Q340-422.25 340-480q0-57.75 41.13-98.87Q422.25-620 480-620q57.75 0 98.87 41.13Q620-537.75 620-480q0 57.75-41.13 98.87Q537.75-340 480-340Zm0-60q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-center-focus-weak-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-340q-57.75 0-98.87-41.13Q340-422.25 340-480q0-57.75 41.13-98.87Q422.25-620 480-620q57.75 0 98.87 41.13Q620-537.75 620-480q0 57.75-41.13 98.87Q537.75-340 480-340ZM140-140v-220h60v160h160v60H140Zm460 0v-60h160v-160h60v220H600ZM140-600v-220h220v60H200v160h-60Zm620 0v-160H600v-60h220v220h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chat-bubble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-134.46V-844h728v584H241.54L116-134.46ZM220-312h572v-480H168v532.39L220-312Zm-52 0v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chat-bubble-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-134.46V-844h728v584H241.54L116-134.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chat-bubble-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-118.46V-860h760v600H241.54L100-118.46ZM216-320h584v-480H160v535.39L216-320Zm-56 0v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chat-bubble-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-118.46V-860h760v600H241.54L100-118.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m428.23-349.85 224.92-223.92L616-610.92 428.23-424.15l-85-84L306.08-471l122.15 121.15ZM480.07-116q-74.84 0-141.21-28.42t-116.18-78.21q-49.81-49.79-78.25-116.13Q116-405.1 116-479.93q0-75.84 28.42-141.71t78.21-115.68q49.79-49.81 116.13-78.25Q405.1-844 479.93-844q75.84 0 141.71 28.42t115.68 78.21q49.81 49.79 78.25 115.63Q844-555.9 844-480.07q0 74.84-28.42 141.21t-78.21 116.18q-49.79 49.81-115.63 78.25Q555.9-116 480.07-116Zm-.07-52q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-circle-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m428.23-349.85 224.92-223.92L616-610.92 428.23-424.15l-85-84L306.08-471l122.15 121.15ZM480.07-116q-74.84 0-141.21-28.42t-116.18-78.21q-49.81-49.79-78.25-116.13Q116-405.1 116-479.93q0-75.84 28.42-141.71t78.21-115.68q49.79-49.81 116.13-78.25Q405.1-844 479.93-844q75.84 0 141.71 28.42t115.68 78.21q49.81 49.79 78.25 115.63Q844-555.9 844-480.07q0 74.84-28.42 141.21t-78.21 116.18q-49.79 49.81-115.63 78.25Q555.9-116 480.07-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-circle-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m423.23-309.85 268.92-268.92L650-620.92 423.23-394.15l-114-114L267.08-466l156.15 156.15ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-circle-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m423.23-309.85 268.92-268.92L650-620.92 423.23-394.15l-114-114L267.08-466l156.15 156.15ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-small:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M400-315.23 254.23-461 291-497.77l109 109 269-269L705.77-621 400-315.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-small-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M400-315.23 254.23-461 291-497.77l109 109 269-269L705.77-621 400-315.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-small-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M400-318.23 254.23-464 296-505.77l104 104 264-264L705.77-624 400-318.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-check-small-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M400-318.23 254.23-464 296-505.77l104 104 264-264L705.77-624 400-318.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M576-253.85 349.85-480 576-706.15 613.15-669l-189 189 189 189L576-253.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-left-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M576-253.85 349.85-480 576-706.15 613.15-669l-189 189 189 189L576-253.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-left-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M560-253.85 333.85-480 560-706.15 602.15-664l-184 184 184 184L560-253.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-left-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M560-253.85 333.85-480 560-706.15 602.15-664l-184 184 184 184L560-253.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m535.85-480-189-189L384-706.15 610.15-480 384-253.85 346.85-291l189-189Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-right-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m535.85-480-189-189L384-706.15 610.15-480 384-253.85 346.85-291l189-189Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-right-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m517.85-480-184-184L376-706.15 602.15-480 376-253.85 333.85-296l184-184Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-chevron-right-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m517.85-480-184-184L376-706.15 602.15-480 376-253.85 333.85-296l184-184Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M291-253.85 253.85-291l189-189-189-189L291-706.15l189 189 189-189L706.15-669l-189 189 189 189L669-253.85l-189-189-189 189Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M291-253.85 253.85-291l189-189-189-189L291-706.15l189 189 189-189L706.15-669l-189 189 189 189L669-253.85l-189-189-189 189Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M256-213.85 213.85-256l224-224-224-224L256-746.15l224 224 224-224L746.15-704l-224 224 224 224L704-213.85l-224-224-224 224Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M256-213.85 213.85-256l224-224-224-224L256-746.15l224 224 224-224L746.15-704l-224 224 224 224L704-213.85l-224-224-224 224Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-small:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m331.08-294.54-36.54-36.54L442.46-480 294.54-627.92l36.54-36.54L480-516.54l147.92-147.92 36.54 36.54L516.54-480l147.92 148.92-36.54 36.54L480-442.46 331.08-294.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-small-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m371.67-332.85-38.82-38.53L441.18-480 332.85-587.62l38.82-38.53L480-517.92l107.33-108.23 38.82 38.53L517.82-480l108.33 108.62-38.82 38.53L480-441.08 371.67-332.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-small-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m329.08-286.54-42.54-42.54L437.46-480 286.54-629.92l42.54-42.54L480-521.54l149.92-150.92 42.54 42.54L521.54-480l150.92 150.92-42.54 42.54L480-437.46 329.08-286.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-close-small-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m335.67-292.85-42.82-42.53L437.18-480 292.85-623.62l42.82-42.53L480-521.92l143.33-144.23 42.82 42.53L521.82-480l144.33 144.62-42.82 42.53L480-437.08 335.67-292.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-content-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M298-260v-584h488v584H298Zm52-52h384v-480H350v480ZM174-136v-571.69h52V-188h423.69v52H174Zm176-176v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-content-copy-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M298-260v-584h488v584H298ZM174-136v-571.69h52V-188h423.69v52H174Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-content-copy-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M290-260v-600h480v600H290Zm60-60h360v-480H350v480ZM150-120v-587.69h60V-180h407.69v60H150Zm200-200v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-content-copy-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M290-260v-600h480v600H290ZM150-120v-587.69h60V-180h407.69v60H150Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-create-new-folder:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm52-52h624v-336H450.31l-95.93-96H168v432Zm0 0v-432 432Zm418-70h52v-72h72v-52h-72v-72h-52v72h-72v52h72v72Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-create-new-folder-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm470-122h52v-72h72v-52h-72v-72h-52v72h-72v52h72v72Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-create-new-folder-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm60-60h640v-400H447.31l-79.93-80H160v480Zm0 0v-480 480Zm410-90h60v-80h80v-60h-80v-80h-60v80h-80v60h80v80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-create-new-folder-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm470-150h60v-80h80v-60h-80v-80h-60v80h-80v60h80v80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-crop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M706-58v-144H202v-504H58v-52h144v-144h52v648h648v52H758v144h-52Zm0-248v-400H306v-52h452v452h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-crop-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M706-58v-144H202v-504H58v-52h144v-144h52v648h648v52H758v144h-52Zm0-248v-400H306v-52h452v452h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-crop-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M690-50v-160H210v-480H50v-60h160v-160h60v640h640v60H750v160h-60Zm0-280v-360H330v-60h420v420h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-crop-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M690-50v-160H210v-480H50v-60h160v-160h60v640h640v60H750v160h-60Zm0-280v-360H330v-60h420v420h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-database:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M479.5-164q-135.11 0-225.31-36.47Q164-236.93 164-291.85V-672q0-51.92 92.04-87.96Q348.08-796 479.5-796q131.42 0 223.96 36.04Q796-723.92 796-672v380.15q0 54.92-90.69 91.38Q614.61-164 479.5-164Zm.47-438.69q84.49 0 163.15-20.73 78.65-20.73 99.73-49.35-20.7-28.38-99.66-49.81Q564.23-744 479.97-744q-84.05 0-164.55 21.23-80.5 21.23-99.04 48.46 18.16 29 97.27 50.31 79.12 21.31 166.32 21.31Zm.03 193.15q41.62 0 80-4.5t72.27-12.69q33.88-8.19 62.19-21.08 28.31-12.88 49.54-29.27V-608q-23.48 13.61-52.66 24.38-29.19 10.77-63.4 17.81-34.22 7.04-71.77 10.69-37.55 3.66-76.67 3.66-39.88 0-77.69-3.85-37.81-3.84-71.39-10.88-33.57-7.04-62.88-17.73Q238.23-594.62 216-608v130.92q21.64 16.33 49.25 29.05 27.6 12.72 61.29 20.91 33.69 8.2 72.38 12.89 38.7 4.69 81.08 4.69Zm.32 193.54q46.01 0 90.17-5.82 44.15-5.82 80.28-15.94t60.98-23.56q24.85-13.44 32.25-28.3v-124.46q-23.48 13.61-52.66 24.38-29.19 10.78-63.4 17.82-34.22 7.04-71.77 10.69-37.55 3.65-76.67 3.65-39.88 0-77.69-3.84-37.81-3.85-71.39-10.89-33.57-7.04-62.88-17.73-29.31-10.69-51.54-24.08V-288q7.69 14.54 32.81 27.73 25.11 13.19 61.07 22.81 35.97 9.61 80.2 15.54 44.23 5.92 90.24 5.92Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-database-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480.38-527.62q138.93 0 227.47-37.42 88.53-37.42 88.53-96.57 0-55.16-93.03-94.58-93.04-39.42-222.97-39.42-129.92 0-223.15 39.42Q164-716.77 164-661.61q0 59.15 88.73 96.57 88.73 37.42 227.65 37.42Zm-.38 76.77q71.85 0 127.27-11.11 55.42-11.12 95.08-29.2 39.65-18.07 62.99-40.03 23.35-21.96 31.04-43.66v105.24q-7.69 21.69-31.04 43.65Q742-404 702.35-385.92q-39.66 18.07-95.08 29.19-55.42 11.11-127.27 11.11t-127.27-11.11q-55.42-11.12-94.88-29.19-39.46-18.08-62.81-40.04T164-469.61v-105.24q7.69 21.7 31.04 43.66 23.35 21.96 62.81 40.03 39.46 18.08 94.88 29.2 55.42 11.11 127.27 11.11Zm0 182q71.85 0 127.27-11.11 55.42-11.12 95.08-29.2 39.65-18.07 62.99-40.03 23.35-21.97 31.04-43.66V-288q-7.69 21.69-31.04 43.65-23.34 21.96-62.99 40.04-39.66 18.08-95.08 29.19Q551.85-164 480-164t-127.27-11.12q-55.42-11.11-94.88-29.19-39.46-18.08-62.81-40.04T164-288v-104.85q7.69 21.69 31.04 43.66 23.35 21.96 62.81 40.03 39.46 18.08 94.88 29.2 55.42 11.11 127.27 11.11Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-database-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-140q-145.61 0-242.81-41.12Q140-222.23 140-283.85V-680q0-57.92 99.54-98.96Q339.08-820 480-820q140.92 0 240.46 41.04Q820-737.92 820-680v396.15q0 61.62-97.19 102.73Q625.61-140 480-140Zm0-461.69q87.46 0 176.12-24.73 88.65-24.73 102.73-53.35-13.7-29.38-101.66-54.81Q569.23-760 480-760q-89.08 0-176.58 24.73-87.5 24.73-103.04 53.96 15.16 30 102.27 54.81 87.12 24.81 177.35 24.81Zm0 200.15q41.62 0 81-4t75.27-11.69q35.88-7.69 67.19-19.08 31.31-11.38 56.54-25.77V-604q-25.23 14.38-56.54 25.77-31.31 11.38-67.19 19.07-35.89 7.7-75.27 11.7-39.38 4-81 4-42.38 0-82.58-4.2-40.19-4.19-75.88-11.88t-66.5-18.88Q224.23-589.62 200-604v141.92q24.23 14.39 55.04 25.58 30.81 11.19 66.5 18.88 35.69 7.7 75.88 11.89 40.2 4.19 82.58 4.19ZM480-200q48.69 0 95.62-6.42 46.92-6.43 85.38-17.54 38.46-11.12 64.88-25.81 26.43-14.69 34.12-30.85v-121.46q-25.23 14.39-56.54 25.77-31.31 11.39-67.19 19.08-35.89 7.69-75.27 11.69-39.38 4-81 4-42.38 0-82.58-4.19-40.19-4.19-75.88-11.89-35.69-7.69-66.5-18.88-30.81-11.19-55.04-25.58V-280q7.69 16.54 33.81 30.73 26.11 14.19 64.57 25.31 38.47 11.11 85.7 17.54Q431.31-200 480-200Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-database-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480.38-519.62q141.93 0 240.97-43.92 99.03-43.92 99.03-106.07 0-62.16-99.03-106.08-99.04-43.92-240.97-43.92-141.92 0-241.15 43.92Q140-731.77 140-669.61q0 62.15 99.23 106.07 99.23 43.92 241.15 43.92Zm-.38 80.77q44.85 0 100.77-8.11 55.92-8.12 106.58-25.2 50.65-17.07 87.99-43.53 37.35-26.46 45.04-63.16v109.24q-7.69 36.69-45.04 63.15Q738-380 687.35-362.92q-50.66 17.07-106.58 25.19-55.92 8.11-100.77 8.11-44.85 0-100.77-8.11-55.92-8.12-106.38-25.19-50.46-17.08-87.81-43.54T140-469.61v-109.24q7.69 36.7 45.04 63.16 37.35 26.46 87.81 43.53 50.46 17.08 106.38 25.2 55.92 8.11 100.77 8.11Zm0 190q44.85 0 100.77-8.11 55.92-8.12 106.58-25.2 50.65-17.07 87.99-43.53 37.35-26.47 45.04-63.16V-280q-7.69 36.69-45.04 63.15-37.34 26.46-87.99 43.54-50.66 17.08-106.58 25.19Q524.85-140 480-140q-44.85 0-100.77-8.12-55.92-8.11-106.38-25.19-50.46-17.08-87.81-43.54T140-280v-108.85q7.69 36.69 45.04 63.16 37.35 26.46 87.81 43.53 50.46 17.08 106.38 25.2 55.92 8.11 100.77 8.11Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-dataset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-632h632v632H164Zm52-52h528v-528H216v528Zm0 0v-528 528Zm82-322h124v-124H298v124Zm240 0h124v-124H538v124ZM298-298h124v-124H298v124Zm240 0h124v-124H538v124Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-dataset-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-632h632v632H164Zm134-374h124v-124H298v124Zm240 0h124v-124H538v124ZM298-298h124v-124H298v124Zm240 0h124v-124H538v124Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-dataset-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-680h680v680H140Zm60-60h560v-560H200v560Zm0 0v-560 560Zm90-330h140v-140H290v140Zm240 0h140v-140H530v140ZM290-290h140v-140H290v140Zm240 0h140v-140H530v140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-dataset-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-680h680v680H140Zm150-390h140v-140H290v140Zm240 0h140v-140H530v140ZM290-290h140v-140H290v140Zm240 0h140v-140H530v140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-delete:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M260-164v-532h-48v-52h172v-43.38h192V-748h172v52h-48v532H260Zm52-52h336v-480H312v480Zm88.16-72h51.99v-336h-51.99v336Zm107.69 0h51.99v-336h-51.99v336ZM312-696v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-delete-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M400.16-288h51.99v-336h-51.99v336Zm107.69 0h51.99v-336h-51.99v336ZM260-164v-532h-48v-52h172v-43.38h192V-748h172v52h-48v532H260Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-delete-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M220-140v-580h-40v-60h180v-35.38h240V-780h180v60h-40v580H220Zm60-60h400v-520H280v520Zm96.16-80h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-delete-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM220-140v-580h-40v-60h180v-35.38h240V-780h180v60h-40v580H220Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-large:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-580v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-large-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-580v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-large-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-620v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-large-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-620v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-medium:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-290v-52h632v52H164Zm0-290v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-medium-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-290v-52h632v52H164Zm0-290v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-medium-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-310v-60h680v60H140Zm0-310v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-medium-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-310v-60h680v60H140Zm0-310v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-small:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-140v-52h632v52H164Zm0-209.46v-52h632v52H164Zm0-209.08v-52h632v52H164ZM164-768v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-small-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-140v-52h632v52H164Zm0-206v-52h632v52H164Zm0-216v-52h632v52H164Zm0-206v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-small-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-100v-60h680v60H140Zm0-233.46v-60h680v60H140Zm0-233.08v-60h680v60H140ZM140-800v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-density-small-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-100v-60h680v60H140Zm0-230v-60h680v60H140Zm0-240v-60h680v60H140Zm0-230v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-description:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M346-250h268v-52H346v52Zm0-144h268v-52H346v52ZM212-116v-728h374l162 162v566H212Zm336-528v-148H264v624h432v-476H548ZM264-792v169-169 624-624Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-description-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M346-250h268v-52H346v52Zm0-144h268v-52H346v52ZM212-116v-728h374l162 162v566H212Zm336-528h148L548-792v148Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-description-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M330-250h300v-60H330v60Zm0-160h300v-60H330v60ZM180-100v-760h390l210 210v550H180Zm360-520v-180H240v640h480v-460H540ZM240-800v180-180 640-640Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-description-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M330-250h300v-60H330v60Zm0-160h300v-60H330v60ZM180-100v-760h390l210 210v550H180Zm360-520h180L540-800v180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-download:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-344.46 317.23-507.23l37.16-36.38L454-444v-352h52v352l99.61-99.61 37.16 36.38L480-344.46ZM212-212v-124.77h52V-264h432v-72.77h52V-212H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-download-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-344.46 317.23-507.23l37.16-36.38L454-444v-352h52v352l99.61-99.61 37.16 36.38L480-344.46ZM212-212v-124.77h52V-264h432v-72.77h52V-212H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-download-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-328.46 309.23-499.23l42.16-43.38L450-444v-336h60v336l98.61-98.61 42.16 43.38L480-328.46ZM180-180v-180.77h60V-240h480v-120.77h60V-180H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-download-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-328.46 309.23-499.23l42.16-43.38L450-444v-336h60v336l98.61-98.61 42.16 43.38L480-328.46ZM180-180v-180.77h60V-240h480v-120.77h60V-180H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-draft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-116v-728h374l162 162v566H212Zm336-528v-148H264v624h432v-476H548ZM264-792v169-169 624-624Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-draft-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-116v-728h374l162 162v566H212Zm336-528h148L548-792v148Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-draft-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-100v-760h390l210 210v550H180Zm360-520v-180H240v640h480v-460H540ZM240-800v180-180 640-640Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-draft-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-100v-760h390l210 210v550H180Zm360-520h180L540-800v180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-move:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm52-52h624v-336H450.38l-96-96H168v432Zm0 0v-432 432Zm341.85-142-62.77 62.77 37.15 37.15L610.15-432 484.23-557.92l-37.15 37.15L509.85-458h-160v52h160Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-move-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm393.85-194-62.77 62.77 37.15 37.15L610.15-432 484.23-557.92l-37.15 37.15L509.85-458h-160v52h160Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-move-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm60-60h640v-400H447.38l-80-80H160v480Zm0 0v-480 480Zm351.85-170-70.77 70.77 42.15 42.15L626.15-440 483.23-582.92l-42.15 42.15L511.85-470h-178v60h178Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-move-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm411.85-230-70.77 70.77 42.15 42.15L626.15-440 483.23-582.92l-42.15 42.15L511.85-470h-178v60h178Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-rename-outline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='m7.708 17.083 2.584-2.583h7.625v2.583ZM3.417 15.75H4.5l7.542-7.521-1.104-1.104-7.521 7.542Zm11.437-8.438-3-3.02 1.896-1.896 3.021 3.021ZM2.083 17.083v-3l8.855-8.854 3 3-8.855 8.854ZM11.5 7.688l-.562-.563 1.104 1.104Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-rename-outline-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='M7.667 17.083 10.25 14.5h7.708v2.583Zm7.145-9.771-3-3.02 1.896-1.896 3.021 3.021Zm-12.77 9.771v-3l8.854-8.854 3 3-8.854 8.854Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-rename-outline-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.3 20.5 3.025-3H21.5v3ZM4 19h1.225L14.5 9.75 13.25 8.5 4 17.775ZM17.7 8.65 14.325 5.3 16.7 2.925 20.075 6.3ZM2.5 20.5v-3.375l10.75-10.75 3.375 3.375L5.875 20.5ZM13.875 9.125 13.25 8.5l1.25 1.25Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-drive-file-rename-outline-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.3 20.5 3.025-3H21.5v3Zm8.4-11.85L14.325 5.3 16.7 2.925 20.075 6.3ZM2.5 20.5v-3.375l10.75-10.75 3.375 3.375L5.875 20.5Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-edit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M216-216h44.46l393.46-393.46-44.46-44.46L216-260.46V-216Zm-52 52v-118.38l534-535.54 120.31 118.77L282.38-164H164Zm580-534.77L698.77-744 744-698.77ZM631.3-631.3l-21.84-22.62 44.46 44.46-22.62-21.84Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-edit-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-118.38l534-535.54 120.31 118.77L282.38-164H164Zm527.08-482.23L744-698.77 698.77-744l-52.54 52.92 44.85 44.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-edit-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M200-200h50.46l409.46-409.46-50.46-50.46L200-250.46V-200Zm-60 60v-135.38l570-569.54 134.31 136.77L275.38-140H140Zm620-569.77L709.77-760 760-709.77Zm-125.75 75.52-24.79-25.67 50.46 50.46-25.67-24.79Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-edit-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-135.38l570-569.54 134.31 136.77L275.38-140H140Zm562.08-512.23L760-709.77 709.77-760l-57.54 57.92 49.85 49.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-error:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M479.79-298.77q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.28-20.02-8.28t-20.23 8.07q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29ZM454-428.92h52v-240h-52v240ZM480.34-116q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Zm-.34-52q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-error-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M479.79-298.77q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.28-20.02-8.28t-20.23 8.07q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29ZM454-428.92h52v-240h-52v240ZM480.34-116q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-error-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-290.77q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm-30-146.15h60v-240h-60v240ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-error-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-290.77q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm-30-146.15h60v-240h-60v240ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-event-repeat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-116v-632h151.69v-100.61h53.54V-748h223.08v-100.61h52V-748H796v298.15h-52v-65.84H216V-168h293.77v52H164ZM768-6.15q-68.38 0-120.38-44.54t-62.54-111.16h36.69q14.54 57.39 53.85 88.7 39.31 31.3 92.38 31.3 62.21 0 106.18-44.04 43.97-44.05 43.97-106.35 0-62.31-43.97-106.11T768-342.15q-34.85 0-66.58 16.65-31.73 16.65-56.42 43.65h68.85v35.7h-131.7v-131.7h35.7v73.47q28.76-34.47 67.64-53.97 38.88-19.5 82.51-19.5 77.13 0 131.49 54.43 54.36 54.43 54.36 131.65T899.49-60.35Q845.13-6.15 768-6.15ZM216-567.69h528V-696H216v128.31Zm0 0V-696v128.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-event-repeat-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-116v-632h151.69v-100.61h53.54V-748h223.08v-100.61h52V-748H796v298.15h-52v-65.84H216V-168h293.77v52H164ZM768-6.15q-68.38 0-120.38-44.54t-62.54-111.16h36.69q14.54 57.39 53.85 88.7 39.31 31.3 92.38 31.3 62.21 0 106.18-44.04 43.97-44.05 43.97-106.35 0-62.31-43.97-106.11T768-342.15q-34.85 0-66.58 16.65-31.73 16.65-56.42 43.65h68.85v35.7h-131.7v-131.7h35.7v73.47q28.76-34.47 67.64-53.97 38.88-19.5 82.51-19.5 77.13 0 131.49 54.43 54.36 54.43 54.36 131.65T899.49-60.35Q845.13-6.15 768-6.15Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-event-repeat-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-100v-680h127.69v-84.61h61.54V-780h303.08v-84.61h60V-780H820v306.15h-60v-73.84H200V-160h285.77v60H140ZM760-6.15q-68.38 0-120.38-42.04t-67.54-105.66h49.69q14.54 44.39 51.85 72.2 37.31 27.8 86.38 27.8 60.55 0 103.35-42.8T906.15-200q0-60.55-42.8-103.35T760-346.15q-32.85 0-62.08 14.15-29.23 14.15-50.92 38.15h66.85v47.7h-147.7v-147.7h47.7v65.47q27.76-29.47 65.69-47.47 37.92-18 80.46-18 80.45 0 137.15 56.7T953.85-200q0 80.45-56.7 137.15T760-6.15ZM200-607.69h560V-720H200v112.31Zm0 0V-720v112.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-event-repeat-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-100v-680h127.69v-84.61h61.54V-780h303.08v-84.61h60V-780H820v306.15h-60v-73.84H200V-160h285.77v60H140ZM760-6.15q-68.38 0-120.38-42.04t-67.54-105.66h49.69q14.54 44.39 51.85 72.2 37.31 27.8 86.38 27.8 60.55 0 103.35-42.8T906.15-200q0-60.55-42.8-103.35T760-346.15q-32.85 0-62.08 14.15-29.23 14.15-50.92 38.15h66.85v47.7h-147.7v-147.7h47.7v65.47q27.76-29.47 65.69-47.47 37.92-18 80.46-18 80.45 0 137.15 56.7T953.85-200q0 80.45-56.7 137.15T760-6.15Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-expand-more:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-346.46 253.85-572.62 291-609.77l189 189 189-189 37.15 37.15L480-346.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-expand-more-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-346.46 253.85-572.62 291-609.77l189 189 189-189 37.15 37.15L480-346.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-expand-more-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-358.46 253.85-584.62 296-626.77l184 184 184-184 42.15 42.15L480-358.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-expand-more-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-358.46 253.85-584.62 296-626.77l184 184 184-184 42.15 42.15L480-358.46Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-filter-alt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M452-212v-237.92L205-748h550L508-449.92V-212h-56Zm28-286 162-198H317l163 198Zm0 0Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-filter-alt-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M452-212v-237.92L205-748h550L508-449.92V-212h-56Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-filter-alt-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M420-180v-266.92L158-780h644L540-446.92V-180H420Zm60-288 198-252H282l198 252Zm0 0Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-filter-alt-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M420-180v-266.92L158-780h644L540-446.92V-180H420Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-find-in-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m605.85-168 52 52H212v-728h354.77L748-665.08v541.39h4.15L547.61-329q-15 10.38-32.29 14.69Q498.03-310 480-310q-51.75 0-87.87-36.13Q356-382.25 356-434q0-51.75 36.13-87.87Q428.25-558 480-558q51.75 0 87.87 36.13Q604-485.75 604-434q0 18.85-5 36.62-5 17.76-15 31.99l112 112.01V-642L546-792H264v624h341.85ZM480-362q30 0 51-21t21-51q0-30-21-51t-51-21q-30 0-51 21t-21 51q0 30 21 51t51 21Zm0-118Zm0 0Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-find-in-page-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-116v-728h354.77L748-665.08v462.93L584-365.39q10-14.23 15-31.99 5-17.77 5-36.62 0-51.75-36.13-87.87Q531.75-558 480-558q-51.75 0-87.87 36.13Q356-485.75 356-434q0 51.75 36.13 87.87Q428.25-310 480-310q18.03 0 35.32-4.31T547.61-329l204.54 204.92v8.08H212Zm267.79-246Q450-362 429-383.21t-21-51Q408-464 429.21-485t51-21Q510-506 531-484.79t21 51Q552-404 530.79-383t-51 21Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-find-in-page-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m603.85-160 60 60H180v-760h410.77L780-633.08v525.39h-9.85L554.61-322q-17 11.38-35.29 16.69Q501.03-300 480-300q-57.75 0-98.87-41.13Q340-382.25 340-440q0-57.75 41.13-98.87Q422.25-580 480-580q57.75 0 98.87 41.13Q620-497.75 620-440q0 21.85-5.5 40.12-5.5 18.26-16.5 34.49l122 124.01V-612L562-800H240v640h363.85ZM480-360q33 0 56.5-23.5T560-440q0-33-23.5-56.5T480-520q-33 0-56.5 23.5T400-440q0 33 23.5 56.5T480-360Zm0-120Zm0 0Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-find-in-page-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-100v-760h410.77L780-633.08v452.93L598-365.39q11-16.23 16.5-34.49Q620-418.15 620-440q0-57.75-41.13-98.87Q537.75-580 480-580q-57.75 0-98.87 41.13Q340-497.75 340-440q0 57.75 41.13 98.87Q422.25-300 480-300q21.03 0 39.32-5.31T554.61-322l215.54 213.92v8.08H180Zm300-260q-33 0-56.5-23.5T400-440q0-33 23.5-56.5T480-520q33 0 56.5 23.5T560-440q0 33-23.5 56.5T480-360Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-flip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M595.54-739.38V-796h56.61v56.62h-56.61Zm0 575.38v-56.62h56.61V-164h-56.61Zm143.84-575.38V-796H796v56.62h-56.62Zm0 575.38v-56.62H796V-164h-56.62Zm0-143.85v-56.61H796v56.61h-56.62Zm0-143.84v-56.62H796v56.62h-56.62Zm0-143.85v-56.61H796v56.61h-56.62ZM383.46-164H164v-632h219.46v52H216v528h167.46v52ZM454-48v-856.31h52V-48h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-flip-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M595.54-739.38V-796h56.61v56.62h-56.61Zm0 575.38v-56.62h56.61V-164h-56.61Zm143.84-575.38V-796H796v56.62h-56.62Zm0 575.38v-56.62H796V-164h-56.62Zm0-143.85v-56.61H796v56.61h-56.62Zm0-143.84v-56.62H796v56.62h-56.62Zm0-143.85v-56.61H796v56.61h-56.62ZM383.46-164H164v-632h219.46v52H216v528h167.46v52ZM454-48v-856.31h52V-48h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-flip-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M601.54-755.38V-820h64.61v64.62h-64.61Zm0 615.38v-64.62h64.61V-140h-64.61Zm153.84-615.38V-820H820v64.62h-64.62Zm0 615.38v-64.62H820V-140h-64.62Zm0-153.85v-64.61H820v64.61h-64.62Zm0-153.84v-64.62H820v64.62h-64.62Zm0-153.85v-64.61H820v64.61h-64.62ZM358.46-140H140v-680h218.46v60H200v560h158.46v60ZM450-40v-872.31h60V-40h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-flip-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M601.54-755.38V-820h64.61v64.62h-64.61Zm0 615.38v-64.62h64.61V-140h-64.61Zm153.84-615.38V-820H820v64.62h-64.62Zm0 615.38v-64.62H820V-140h-64.62Zm0-153.85v-64.61H820v64.61h-64.62Zm0-153.84v-64.62H820v64.62h-64.62Zm0-153.85v-64.61H820v64.61h-64.62ZM358.46-140H140v-680h218.46v60H200v560h158.46v60ZM450-40v-872.31h60V-40h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm52-52h624v-336H450.38l-96-96H168v432Zm0 0v-432 432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm60-60h640v-400H447.38l-80-80H160v480Zm0 0v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-open:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96h369.62v52H451.38l-96-96H168v431.23l75.31-255.54h680L831.77-212H116Zm105.84-52h569.93l62.46-204.31H282.31L221.84-264Zm0 0 60.47-204.31L221.84-264ZM168-600v-96 96Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-open-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96h369.62v52H168v335.23l75.31-255.54h680L831.77-212H116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-open-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80h384.62v60H447.38l-80-80H160v479.23l93.31-311.54h674L815.77-180H100Zm122.84-60h547.93l75.46-252.31H298.31L222.84-240Zm0 0 75.47-252.31L222.84-240ZM160-640v-80 80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-open-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80h384.62v60H160v399.23l93.31-311.54h674L815.77-180H100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-zip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M648-456v-72h72v72h-72Zm0 72h-72v-72h72v72Zm0 72v-72h72v72h-72ZM450.38-600l-96-96H168v432h408v-48h72v48h144v-336H648v72h-72v-72H450.38ZM116-212v-536h259.92l96 96H844v440H116Zm52-52v-432 432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-zip-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h259.92l96 96H844v440H116Zm460-40h72v-72h72v-72h-72v-72h72v-72h-72v-72h-72v72h72v72h-72v72h72v72h-72v72Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-zip-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M640-480v-80h80v80h-80Zm0 80h-80v-80h80v80Zm0 80v-80h80v80h-80ZM447.38-640l-80-80H160v480h400v-80h80v80h160v-400H640v80h-80v-80H447.38ZM100-180v-600h291.92l80 80H860v520H100Zm60-60v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-folder-zip-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h291.92l80 80H860v520H100Zm460-60h80v-80h80v-80h-80v-80h80v-80h-80v-80h-80v80h80v80h-80v80h80v80h-80v80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-center:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm144-145v-52h344v52H308ZM164-454v-52h632v52H164Zm144-145v-52h344v52H308ZM164-744v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-center-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm144-145v-52h344v52H308ZM164-454v-52h632v52H164Zm144-145v-52h344v52H308ZM164-744v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-center-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm160-155v-60h360v60H300ZM140-450v-60h680v60H140Zm160-155v-60h360v60H300ZM140-760v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-center-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm160-155v-60h360v60H300ZM140-450v-60h680v60H140Zm160-155v-60h360v60H300ZM140-760v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-145v-52h440v52H164Zm0-145v-52h632v52H164Zm0-145v-52h440v52H164Zm0-145v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-left-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-52h632v52H164Zm0-145v-52h440v52H164Zm0-145v-52h632v52H164Zm0-145v-52h440v52H164Zm0-145v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-left-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-155v-60h440v60H140Zm0-155v-60h680v60H140Zm0-155v-60h440v60H140Zm0-155v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-left-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-60h680v60H140Zm0-155v-60h440v60H140Zm0-155v-60h680v60H140Zm0-155v-60h440v60H140Zm0-155v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-744v-52h632v52H164Zm192 145v-52h440v52H356ZM164-454v-52h632v52H164Zm192 145v-52h440v52H356ZM164-164v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-right-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-744v-52h632v52H164Zm192 145v-52h440v52H356ZM164-454v-52h632v52H164Zm192 145v-52h440v52H356ZM164-164v-52h632v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-right-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-760v-60h680v60H140Zm240 155v-60h440v60H380ZM140-450v-60h680v60H140Zm240 155v-60h440v60H380ZM140-140v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-align-right-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-760v-60h680v60H140Zm240 155v-60h440v60H380ZM140-450v-60h680v60H140Zm240 155v-60h440v60H380ZM140-140v-60h680v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-list-bulleted:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M372.31-250v-52H796v52H372.31Zm0-204v-52H796v52H372.31Zm0-204v-52H796v52H372.31ZM222.33-217.46q-24.24 0-41.28-17.26Q164-251.98 164-276.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Zm0-204q-24.24 0-41.28-17.26Q164-455.98 164-480.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Zm0-204q-24.24 0-41.28-17.26Q164-659.98 164-684.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-list-bulleted-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M372.31-250v-52H796v52H372.31Zm0-204v-52H796v52H372.31Zm0-204v-52H796v52H372.31ZM222.33-217.46q-24.24 0-41.28-17.26Q164-251.98 164-276.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Zm0-204q-24.24 0-41.28-17.26Q164-455.98 164-480.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Zm0-204q-24.24 0-41.28-17.26Q164-659.98 164-684.21q0-24.24 17.26-41.28 17.26-17.05 41.49-17.05 24.24 0 41.28 17.26 17.05 17.26 17.05 41.49 0 24.24-17.26 41.28-17.26 17.05-41.49 17.05Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-list-bulleted-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M372.31-210v-60H820v60H372.31Zm0-240v-60H820v60H372.31Zm0-240v-60H820v60H372.31ZM206.54-173.46q-27.45 0-46.99-19.55Q140-212.55 140-240q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Zm0-240q-27.45 0-46.99-19.55Q140-452.55 140-480q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Zm0-240q-27.45 0-46.99-19.55Q140-692.55 140-720q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-format-list-bulleted-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M372.31-210v-60H820v60H372.31Zm0-240v-60H820v60H372.31Zm0-240v-60H820v60H372.31ZM206.54-173.46q-27.45 0-46.99-19.55Q140-212.55 140-240q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Zm0-240q-27.45 0-46.99-19.55Q140-452.55 140-480q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Zm0-240q-27.45 0-46.99-19.55Q140-692.55 140-720q0-27.45 19.55-46.99 19.54-19.55 46.99-19.55 27.45 0 46.99 19.55 19.55 19.54 19.55 46.99 0 27.45-19.55 46.99-19.54 19.55-46.99 19.55Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-grid-view:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-528v-268h268v268H164Zm0 364v-268h268v268H164Zm364-364v-268h268v268H528Zm0 364v-268h268v268H528ZM216-580h164v-164H216v164Zm364 0h164v-164H580v164Zm0 364h164v-164H580v164Zm-364 0h164v-164H216v164Zm364-364Zm0 200Zm-200 0Zm0-200Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-grid-view-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-528v-268h268v268H164Zm0 364v-268h268v268H164Zm364-364v-268h268v268H528Zm0 364v-268h268v268H528Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-grid-view-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-520v-300h300v300H140Zm0 380v-300h300v300H140Zm380-380v-300h300v300H520Zm0 380v-300h300v300H520ZM200-580h180v-180H200v180Zm380 0h180v-180H580v180Zm0 380h180v-180H580v180Zm-380 0h180v-180H200v180Zm380-380Zm0 200Zm-200 0Zm0-200Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-grid-view-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-520v-300h300v300H140Zm0 380v-300h300v300H140Zm380-380v-300h300v300H520Zm0 380v-300h300v300H520Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-group:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M127.93-219.69v-68.93q0-22.7 10.96-40.08t30.63-28.87q49.02-28.89 103.17-45.51 54.16-16.61 123.23-16.61 69.08 0 123.23 16.61 54.16 16.62 103.18 45.51 19.67 11.49 30.63 28.87 10.96 17.38 10.96 40.08v68.93H127.93Zm607.99 0v-65.85q0-37.38-14.28-68.57-14.29-31.18-37.72-50.73 28.23 8 55.89 19.57 27.65 11.58 54.5 27.73 17 9.54 27.38 29.16 10.38 19.62 10.38 42.84v65.85h-96.15Zm-340-272.62q-51.75 0-87.87-36.12-36.12-36.13-36.12-87.88 0-51.75 36.12-87.87 36.12-36.13 87.87-36.13 51.75 0 87.88 36.13 36.12 36.12 36.12 87.87 0 51.75-36.12 87.88-36.13 36.12-87.88 36.12Zm281.38-124q0 51.75-36.12 87.88-36.12 36.12-87.87 36.12-3.77 0-4.23.46-.47.46-4.23-.38 21.66-25.45 34.37-56.62 12.7-31.17 12.7-67.5 0-36.34-12.96-67.23-12.96-30.88-34.11-56.8 2.61-.08 4.23 0 1.61.07 4.23.07 51.75 0 87.87 36.13 36.12 36.12 36.12 87.87ZM179.92-271.69h432v-16.93q0-8-3.79-14.07-3.79-6.06-13.36-11.31-42.38-25.46-91.69-39.58-49.31-14.11-107.16-14.11-57.84 0-107.15 13.61-49.31 13.62-91.69 40.08-9.57 5.13-13.36 10.99-3.8 5.86-3.8 14.3v17.02Zm216.22-272.62q29.78 0 50.78-21.21t21-51q0-29.79-21.21-50.79t-51-21q-29.79 0-50.79 21.22-21 21.21-21 51 0 29.78 21.22 50.78 21.21 21 51 21Zm-.22 272.62Zm0-344.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-group-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M127.93-219.69v-68.93q0-22.92 10.96-40.19 10.96-17.27 30.63-28.76 49.02-28.89 103.17-45.51 54.16-16.61 123.23-16.61 69.08 0 123.23 16.61 54.16 16.62 103.18 45.51 19.67 11.49 30.63 28.76 10.96 17.27 10.96 40.19v68.93H127.93Zm607.99 0v-65.85q0-37.38-14.28-68.57-14.29-31.18-37.72-50.73 28.23 8 55.89 19.57 27.65 11.58 54.5 27.73 17 9.54 27.38 28.99 10.38 19.44 10.38 43.01v65.85h-96.15Zm-340-272.62q-51.75 0-87.87-36.12-36.12-36.13-36.12-87.88 0-51.75 36.12-87.87 36.12-36.13 87.87-36.13 51.75 0 87.88 36.13 36.12 36.12 36.12 87.87 0 51.75-36.12 87.88-36.13 36.12-87.88 36.12Zm281.38-124q0 51.75-36.12 87.88-36.12 36.12-87.87 36.12-3.77 0-4.23.46-.47.46-4.23-.38 21.66-25.45 34.37-56.62 12.7-31.17 12.7-67.5 0-36.34-12.96-67.23-12.96-30.88-34.11-56.8 2.61-.08 4.23 0 1.61.07 4.23.07 51.75 0 87.87 36.13 36.12 36.12 36.12 87.87Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-group-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M71.93-187.69v-88.93q0-30.92 15.96-55.19 15.96-24.27 42.63-37.76 57.02-27.89 114.67-43.01 57.66-15.11 126.73-15.11 69.08 0 126.73 15.11 57.66 15.12 114.68 43.01 26.67 13.49 42.63 37.76 15.96 24.27 15.96 55.19v88.93H71.93Zm679.99 0v-93.85q0-39.38-19.28-75.07-19.29-35.68-54.72-61.23 40.23 6 76.39 18.57 36.15 12.58 69 29.73 31 16.54 47.88 38.99 16.88 22.44 16.88 49.01v93.85H751.92Zm-380-304.62q-57.75 0-98.87-41.12-41.12-41.13-41.12-98.88 0-57.75 41.12-98.87 41.12-41.13 98.87-41.13 57.75 0 98.88 41.13 41.12 41.12 41.12 98.87 0 57.75-41.12 98.88-41.13 41.12-98.88 41.12Zm345.38-140q0 57.75-41.12 98.88-41.12 41.12-98.87 41.12-6.77 0-17.23-1.54-10.47-1.54-17.23-3.38 23.66-28.45 36.37-63.12 12.7-34.67 12.7-72 0-37.34-12.96-71.73-12.96-34.38-36.11-63.3 8.61-3.08 17.23-4 8.61-.93 17.23-.93 57.75 0 98.87 41.13 41.12 41.12 41.12 98.87ZM131.92-247.69h480v-28.93q0-12.53-6.27-22.3-6.26-9.77-19.88-17.08-49.38-25.46-101.69-38.58-52.31-13.11-112.16-13.11-59.84 0-112.15 13.11-52.31 13.12-101.69 38.58-13.62 7.31-19.89 17.08-6.27 9.77-6.27 22.3v28.93Zm240-304.62q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0 304.62Zm0-384.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-group-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M71.93-187.69v-88.93q0-30.92 15.96-55.19 15.96-24.27 42.63-37.76 57.02-27.89 114.67-43.01 57.66-15.11 126.73-15.11 69.08 0 126.73 15.11 57.66 15.12 114.68 43.01 26.67 13.49 42.63 37.76 15.96 24.27 15.96 55.19v88.93H71.93Zm679.99 0v-93.85q0-39.38-19.28-75.07-19.29-35.68-54.72-61.23 40.23 6 76.39 18.57 36.15 12.58 69 29.73 31 16.54 47.88 38.99 16.88 22.44 16.88 49.01v93.85H751.92Zm-380-304.62q-57.75 0-98.87-41.12-41.12-41.13-41.12-98.88 0-57.75 41.12-98.87 41.12-41.13 98.87-41.13 57.75 0 98.88 41.13 41.12 41.12 41.12 98.87 0 57.75-41.12 98.88-41.13 41.12-98.88 41.12Zm345.38-140q0 57.75-41.12 98.88-41.12 41.12-98.87 41.12-6.77 0-17.23-1.54-10.47-1.54-17.23-3.38 23.66-28.45 36.37-63.12 12.7-34.67 12.7-72 0-37.34-12.96-71.73-12.96-34.38-36.11-63.3 8.61-3.08 17.23-4 8.61-.93 17.23-.93 57.75 0 98.87 41.13 41.12 41.12 41.12 98.87Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M264-216h109.85v-237.69h212.3V-216H696v-348L480-726.77 264-564v348Zm-52 52v-426l268-201.77L748-590v426H534.15v-237.69h-108.3V-164H212Zm268-307.38Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-home-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-164v-426l268-201.77L748-590v426H548.15v-251.69h-136.3V-164H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-home-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M240-200h133.85v-237.69h212.3V-200H720v-360L480-740.77 240-560v360Zm-60 60v-450l300-225.77L780-590v450H526.15v-237.69h-92.3V-140H180Zm300-330.38Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-home-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-140v-450l300-225.77L780-590v450H556.15v-267.69h-152.3V-140H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M294-298h375.07L543.54-465.38 443.23-335.23l-62-78.31L294-298ZM164-164v-632h632v632H164Zm52-52h528v-528H216v528Zm0 0v-528 528Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-image-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M294-298h375.07L543.54-465.38 443.23-335.23l-62-78.31L294-298ZM164-164v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-image-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M270-290h423.07L561.54-465.38 449.23-319.23l-80-102.31L270-290ZM140-140v-680h680v680H140Zm60-60h560v-560H200v560Zm0 0v-560 560Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-image-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M270-290h423.07L561.54-465.38 449.23-319.23l-80-102.31L270-290ZM140-140v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-298h52v-230h-52v230Zm25.79-290.46q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.28-20.02-8.28T459.98-637q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29Zm.55 472.46q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Zm-.34-52q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-info-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-298h52v-230h-52v230Zm25.79-290.46q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.28-20.02-8.28T459.98-637q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29Zm.55 472.46q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-info-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-290h60v-230h-60v230Zm30-298.46q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.07 488.46q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-info-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-290h60v-230h-60v230Zm30-298.46q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.07 488.46q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-input:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-166.61h52V-264h624v-432H168v114.61h-52V-748h728v536H116Zm299.69-121.54-37.15-36.38L462.23-454H116v-52h346.23l-83.69-84.08 37.15-36.38L562.15-480 415.69-333.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-input-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-166.61h52V-264h624v-432H168v114.61h-52V-748h728v536H116Zm299.69-121.54-37.15-36.38L462.23-454H116v-52h346.23l-83.69-84.08 37.15-36.38L562.15-480 415.69-333.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-input-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-174.61h60V-240h640v-480H160v114.61h-60V-780h760v600H100Zm367.69-141.54-42.15-43.38L511.23-450H100v-60h411.23l-85.69-85.08 42.15-43.38L626.15-480 467.69-321.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-input-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-174.61h60V-240h640v-480H160v114.61h-60V-780h760v600H100Zm367.69-141.54-42.15-43.38L511.23-450H100v-60h411.23l-85.69-85.08 42.15-43.38L626.15-480 467.69-321.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-keyboard-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-346.85 253.85-573 291-610.15l189 189 189-189L706.15-573 480-346.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-keyboard-arrow-down-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-346.85 253.85-573 291-610.15l189 189 189-189L706.15-573 480-346.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-keyboard-arrow-down-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-357.85 253.85-584 296-626.15l184 184 184-184L706.15-584 480-357.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-keyboard-arrow-down-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-357.85 253.85-584 296-626.15l184 184 184-184L706.15-584 480-357.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M629.92-340.54v-278.92L478.08-480l151.84 139.46ZM216-216h120v-528H216v528Zm172 0h356v-528H388v528Zm-52 0H216h120Zm-172 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-close-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M629.92-340.54v-278.92L478.08-480l151.84 139.46ZM388-216h356v-528H388v528Zm-224 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-close-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M641.92-336.54v-286.92L498.08-480l143.84 143.46ZM200-200h120v-560H200v560Zm180 0h380v-560H380v560Zm-60 0H200h120Zm-180 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-close-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M641.92-336.54v-286.92L498.08-480l143.84 143.46ZM380-200h380v-560H380v560Zm-240 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-open:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M502.08-619.46v278.92L653.92-480 502.08-619.46ZM216-216h120v-528H216v528Zm172 0h356v-528H388v528Zm-52 0H216h120Zm-172 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-open-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M502.08-619.46v278.92L653.92-480 502.08-619.46ZM388-216h356v-528H388v528Zm-224 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-open-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M498.08-623.46v286.92L641.92-480 498.08-623.46ZM200-200h120v-560H200v560Zm180 0h380v-560H380v560Zm-60 0H200h120Zm-180 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-left-panel-open-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M498.08-623.46v286.92L641.92-480 498.08-623.46ZM380-200h380v-560H380v560Zm-240 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-library-add:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M516-394h52v-132h132v-52H568v-132h-52v132H384v52h132v132ZM250-260v-584h584v584H250Zm52-52h480v-480H302v480ZM126-136v-571.69h52V-188h519.69v52H126Zm176-656v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-library-add-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M516-394h52v-132h132v-52H568v-132h-52v132H384v52h132v132ZM250-260v-584h584v584H250ZM126-136v-571.69h52V-188h519.69v52H126Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-library-add-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M520-410h60v-120h120v-60H580v-120h-60v120H400v60h120v120ZM250-260v-600h600v600H250Zm60-60h480v-480H310v480ZM110-120v-587.69h60V-180h527.69v60H110Zm200-680v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-library-add-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M520-410h60v-120h120v-60H580v-120h-60v120H400v60h120v120ZM250-260v-600h600v600H250ZM110-120v-587.69h60V-180h527.69v60H110Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M301.08-597.69v-52H796v52H301.08Zm0 143.69v-52H796v52H301.08Zm0 143.69v-52H796v52H301.08ZM192.31-595.38q-10.73 0-19.52-8.9t-8.79-20.3q0-11.06 8.79-19.24 8.79-8.18 20.02-8.18t19.52 8.03q8.29 8.03 8.29 19.89 0 10.9-8.14 19.8t-20.17 8.9Zm0 143.3q-10.73 0-19.52-8.68-8.79-8.67-8.79-19.74 0-11.81 8.79-20t20.02-8.19q11.23 0 19.52 8.04t8.29 20.65q0 10.57-8.14 19.24-8.14 8.68-20.17 8.68Zm0 144.08q-10.73 0-19.52-8.9T164-337.19q0-11.07 8.79-19.25t20.02-8.18q11.23 0 19.52 8.03t8.29 19.9q0 10.89-8.14 19.79-8.14 8.9-20.17 8.9Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M301.08-597.69v-52H796v52H301.08Zm0 143.69v-52H796v52H301.08Zm0 143.69v-52H796v52H301.08ZM192.31-595.38q-10.73 0-19.52-8.9t-8.79-20.3q0-11.06 8.79-19.24 8.79-8.18 20.02-8.18t19.52 8.03q8.29 8.03 8.29 19.89 0 10.9-8.14 19.8t-20.17 8.9Zm0 143.3q-10.73 0-19.52-8.68-8.79-8.67-8.79-19.74 0-11.81 8.79-20t20.02-8.19q11.23 0 19.52 8.04t8.29 20.65q0 10.57-8.14 19.24-8.14 8.68-20.17 8.68Zm0 144.08q-10.73 0-19.52-8.9T164-337.19q0-11.07 8.79-19.25t20.02-8.18q11.23 0 19.52 8.03t8.29 19.9q0 10.89-8.14 19.79-8.14 8.9-20.17 8.9Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M293.08-597.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08ZM172.31-595.38q-13.73 0-23.02-9.4t-9.29-23.3q0-13.56 9.29-22.74 9.29-9.18 23.02-9.18t23.02 9.18q9.29 9.18 9.29 22.74 0 13.9-9.29 23.3t-23.02 9.4Zm0 147.3q-13.73 0-23.02-9.18Q140-466.43 140-480q0-14.31 9.29-23.5t23.02-9.19q13.73 0 23.02 9.19t9.29 23.5q0 13.57-9.29 22.74-9.29 9.18-23.02 9.18Zm0 148.08q-13.73 0-23.02-9.4T140-332.69q0-13.57 9.29-22.75t23.02-9.18q13.73 0 23.02 9.18t9.29 22.75q0 13.89-9.29 23.29-9.29 9.4-23.02 9.4Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M293.08-597.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08ZM172.31-595.38q-13.73 0-23.02-9.4t-9.29-23.3q0-13.56 9.29-22.74 9.29-9.18 23.02-9.18t23.02 9.18q9.29 9.18 9.29 22.74 0 13.9-9.29 23.3t-23.02 9.4Zm0 147.3q-13.73 0-23.02-9.18Q140-466.43 140-480q0-14.31 9.29-23.5t23.02-9.19q13.73 0 23.02 9.19t9.29 23.5q0 13.57-9.29 22.74-9.29 9.18-23.02 9.18Zm0 148.08q-13.73 0-23.02-9.4T140-332.69q0-13.57 9.29-22.75t23.02-9.18q13.73 0 23.02 9.18t9.29 22.75q0 13.89-9.29 23.29-9.29 9.4-23.02 9.4Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-alt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M294.92-297.23h62.77V-360h-62.77v62.77Zm0-151.39h62.77v-62.76h-62.77v62.76Zm0-151.38h62.77v-62.77h-62.77V-600Zm140.93 297.38h227.69v-51.99H435.85v51.99Zm0-151.38h227.69v-52H435.85v52Zm0-151.39h227.69v-51.99H435.85v51.99ZM164-164v-632h632v632H164Zm52-52h528v-528H216v528Zm0 0v-528 528Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-alt-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M294.92-297.23h62.77V-360h-62.77v62.77Zm0-151.39h62.77v-62.76h-62.77v62.76Zm0-151.38h62.77v-62.77h-62.77V-600Zm140.93 297.38h227.69v-51.99H435.85v51.99Zm0-151.38h227.69v-52H435.85v52Zm0-151.39h227.69v-51.99H435.85v51.99ZM164-164v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-alt-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M286.92-289.23h70.77V-360h-70.77v70.77Zm0-155.39h70.77v-70.76h-70.77v70.76Zm0-155.38h70.77v-70.77h-70.77V-600Zm156.93 305.38h227.69v-59.99H443.85v59.99Zm0-155.38h227.69v-60H443.85v60Zm0-155.39h227.69v-59.99H443.85v59.99ZM140-140v-680h680v680H140Zm60-60h560v-560H200v560Zm0 0v-560 560Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-list-alt-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M286.92-289.23h70.77V-360h-70.77v70.77Zm0-155.39h70.77v-70.76h-70.77v70.76Zm0-155.38h70.77v-70.77h-70.77V-600Zm156.93 305.38h227.69v-59.99H443.85v59.99Zm0-155.38h227.69v-60H443.85v60Zm0-155.39h227.69v-59.99H443.85v59.99ZM140-140v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-116v-488h96v-96q0-71.6 50.27-121.8Q408.53-872 480.23-872q71.69 0 121.73 50.2Q652-771.6 652-700v96h96v488H212Zm52-52h432v-384H264v384Zm216.21-130q25.94 0 43.87-18.14Q542-334.27 542-360.21t-18.14-43.87Q505.73-422 479.79-422t-43.87 18.14Q418-385.73 418-359.79t18.14 43.87Q454.27-298 480.21-298ZM360-604h240v-96q0-50-35-85t-85-35q-50 0-85 35t-35 85v96Zm-96 436v-384 384Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-lock-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-116v-488h96v-96q0-71.6 50.27-121.8Q408.53-872 480.23-872q71.69 0 121.73 50.2Q652-771.6 652-700v96h96v488H212Zm268.21-182q25.94 0 43.87-18.14Q542-334.27 542-360.21t-18.14-43.87Q505.73-422 479.79-422t-43.87 18.14Q418-385.73 418-359.79t18.14 43.87Q454.27-298 480.21-298ZM360-604h240v-96q0-50-35-85t-85-35q-50 0-85 35t-35 85v96Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-lock-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-100v-520h120v-80q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h120v520H180Zm60-60h480v-400H240v400Zm240-130q29.15 0 49.58-20.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290ZM360-620h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-lock-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-100v-520h120v-80q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h120v520H180Zm300-190q29.15 0 49.58-20.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290ZM360-620h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h728v536H116Zm364-237.69L168-633.31V-264h624v-369.31L480-449.69Zm0-66.31 304.85-180h-608.7L480-516ZM168-633.31V-696v432-369.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-mail-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h728v536H116Zm364-237.69 312-183.62V-696L480-517 168-696v62.69l312 183.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-mail-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h760v600H100Zm380-277.69L160-662.31V-240h640v-422.31L480-457.69Zm0-62.31 313.85-200h-627.7L480-520ZM160-662.31V-720v480-422.31Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-mail-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h760v600H100Zm380-277.69 320-204.62V-720L480-520 160-720v57.69l320 204.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-278.62v-51.99h632v51.99H164ZM164-454v-52h632v52H164Zm0-175.39v-51.99h632v51.99H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-278.62v-51.99h632v51.99H164ZM164-454v-52h632v52H164Zm0-175.39v-51.99h632v51.99H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-254.62v-59.99h680v59.99H140ZM140-450v-60h680v60H140Zm0-195.39v-59.99h680v59.99H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-254.62v-59.99h680v59.99H140ZM140-450v-60h680v60H140Zm0-195.39v-59.99h680v59.99H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M264-287.23q43.69 0 90.19 10.77T454-240.61v-453.24q-43.15-25.46-91.23-38.19-48.08-12.73-98.77-12.73-44.92 0-81.31 6.81-36.38 6.81-62.69 21.58v453.92q25.54-11 61.77-17.89 36.23-6.88 82.23-6.88Zm242 46.62q53.31-25.08 99.81-35.85 46.5-10.77 90.19-10.77 47 0 83.23 6.88 36.23 6.89 60.77 17.89v-453.92q-35.31-14.77-71.19-21.58-35.89-6.81-72.81-6.81-50.69 0-98.77 12.73T506-693.85v453.24Zm-26 71.99q-57.38-33.69-110.88-50.15-53.5-16.46-105.12-16.46-55.08 0-102.38 12.42Q114.31-210.39 68-201v-546.61q36-24.39 83.54-36.77 47.54-12.39 112.46-12.39 60.38 0 114.58 14.96 54.19 14.97 101.42 42.12 50.23-27.15 104.42-42.12 54.2-14.96 111.58-14.96 65.92 0 113.27 12.39Q856.61-772 893-747.61V-201q-46.69-9.39-94.31-21.81-47.61-12.42-102.69-12.42-51.62 0-105.12 16.46-53.5 16.46-110.88 50.15ZM288-494.69Zm273.69-89.46v-60.62q30.62-11.15 64.77-16.23 34.16-5.08 69.54-5.08 21.08 0 42.27 1.93 21.19 1.92 46.04 6.54v60.15q-28.46-5.85-49.16-7.89-20.69-2.04-39.15-2.04-34.38 0-68.35 5.62-33.96 5.62-65.96 17.62Zm0 235.23v-61.39q26.85-10.15 60.58-16.23 33.73-6.07 73.73-6.07 25.08 0 46.27 2.42 21.19 2.42 42.04 7.04V-363q-28.46-5.85-49.16-7.89-20.69-2.03-39.15-2.03-34.38 0-68.35 6.19-33.96 6.19-65.96 17.81Zm0-117.23v-61.39q31.62-11.15 66.27-16.73 34.66-5.58 68.04-5.58 25.08 0 46.27 2.43 21.19 2.42 42.04 7.04v60.15q-24.46-5.85-45.66-7.89-21.19-2.03-42.65-2.03-32.38 0-65.85 6-33.46 6-68.46 18Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-book-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M506-240.61q53.31-25.08 99.81-35.85 46.5-10.77 90.19-10.77 47 0 83.23 6.88 36.23 6.89 60.77 17.89v-453.92q-35.31-14.77-71.19-21.58-35.89-6.81-72.81-6.81-50.69 0-98.77 12.73T506-693.85v453.24Zm-26 71.99q-57.38-33.69-110.88-50.15-53.5-16.46-105.12-16.46-55.08 0-102.38 12.42Q114.31-210.39 68-201v-546.61q36-24.39 83.54-36.77 47.54-12.39 112.46-12.39 60.38 0 114.58 14.96 54.19 14.97 101.42 42.12 50.23-27.15 104.42-42.12 54.2-14.96 111.58-14.96 65.92 0 113.27 12.39Q856.61-772 893-747.61V-201q-46.69-9.39-94.31-21.81-47.61-12.42-102.69-12.42-51.62 0-105.12 16.46-53.5 16.46-110.88 50.15Zm81.69-415.53v-60.62q30.62-11.15 64.77-16.23 34.16-5.08 69.54-5.08 21.08 0 42.27 1.93 21.19 1.92 46.04 6.54v60.15q-28.46-5.85-49.16-7.89-20.69-2.04-39.15-2.04-34.38 0-68.35 5.62-33.96 5.62-65.96 17.62Zm0 235.23v-61.39q26.85-10.15 60.58-16.23 33.73-6.07 73.73-6.07 25.08 0 46.27 2.42 21.19 2.42 42.04 7.04V-363q-28.46-5.85-49.16-7.89-20.69-2.03-39.15-2.03-34.38 0-68.35 6.19-33.96 6.19-65.96 17.81Zm0-117.23v-61.39q31.62-11.15 66.27-16.73 34.66-5.58 68.04-5.58 25.08 0 46.27 2.43 21.19 2.42 42.04 7.04v60.15q-24.46-5.85-45.66-7.89-21.19-2.03-42.65-2.03-32.38 0-65.85 6-33.46 6-68.46 18Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-book-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M260-319.23q49.69 0 96.69 11.27T450-272.61v-393.24q-42.15-27.46-91.23-41.19-49.08-13.73-98.77-13.73-37.92 0-73.81 6.81-35.88 6.81-66.19 21.58v397.92q31.54-12 67.77-18.39 36.23-6.38 72.23-6.38Zm250 46.62q46.31-24.08 93.31-35.35 47-11.27 96.69-11.27 36 0 72.23 6.38 36.23 6.39 67.77 18.39v-397.92q-30.31-14.77-66.19-21.58-35.89-6.81-73.81-6.81-49.69 0-98.77 13.73T510-665.85v393.24Zm-30 87.99q-48.38-35.69-104.38-55.15-56-19.46-115.62-19.46-51.08 0-103.88 16.92Q103.31-225.39 60-193v-534.61q39-25.39 92.54-39.27 53.54-13.89 107.46-13.89 58.38 0 114.08 15.96 55.69 15.97 105.92 47.12 50.23-31.15 105.92-47.12 55.7-15.96 114.08-15.96 53.92 0 107.27 13.89Q860.61-753 900-727.61V-193q-42.69-32.39-95.81-49.31-53.11-16.92-104.19-16.92-59.62 0-115.62 19.46-56 19.46-104.38 55.15ZM285-496.69Zm272.69-73.46v-52.62q32.62-15.15 68.27-22.73 35.66-7.58 74.04-7.58 24.08 0 46.77 3.43 22.69 3.42 45.54 9.04v50.15q-22.46-7.85-44.66-11.39-22.19-3.54-47.65-3.54-38.38 0-74.35 9.12-35.96 9.12-67.96 26.12Zm0 219.23v-53.39q31.85-15.15 68.08-22.73 36.23-7.57 74.23-7.57 24.08 0 46.77 3.42 22.69 3.42 45.54 9.04V-372q-22.46-7.85-44.66-11.39-22.19-3.53-47.65-3.53-38.38 0-74.35 9.19-35.96 9.19-67.96 26.81Zm0-109.23v-53.39q32.62-15.15 68.27-22.73 35.66-7.58 74.04-7.58 24.08 0 46.77 3.43 22.69 3.42 45.54 9.04v50.15q-22.46-7.85-44.66-11.39-22.19-3.53-47.65-3.53-38.38 0-74.35 9.5-35.96 9.5-67.96 26.5Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-menu-book-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M510-272.61q46.31-24.08 93.31-35.35 47-11.27 96.69-11.27 36 0 72.23 6.38 36.23 6.39 67.77 18.39v-397.92q-30.31-14.77-66.19-21.58-35.89-6.81-73.81-6.81-49.69 0-98.77 13.73T510-665.85v393.24Zm-30 87.99q-48.38-35.69-104.38-55.15-56-19.46-115.62-19.46-51.08 0-103.88 16.92Q103.31-225.39 60-193v-534.61q39-25.39 92.54-39.27 53.54-13.89 107.46-13.89 58.38 0 114.08 15.96 55.69 15.97 105.92 47.12 50.23-31.15 105.92-47.12 55.7-15.96 114.08-15.96 53.92 0 107.27 13.89Q860.61-753 900-727.61V-193q-42.69-32.39-95.81-49.31-53.11-16.92-104.19-16.92-59.62 0-115.62 19.46-56 19.46-104.38 55.15Zm77.69-385.53v-52.62q32.62-15.15 68.27-22.73 35.66-7.58 74.04-7.58 24.08 0 46.77 3.43 22.69 3.42 45.54 9.04v50.15q-22.46-7.85-44.66-11.39-22.19-3.54-47.65-3.54-38.38 0-74.35 9.12-35.96 9.12-67.96 26.12Zm0 219.23v-53.39q31.85-15.15 68.08-22.73 36.23-7.57 74.23-7.57 24.08 0 46.77 3.42 22.69 3.42 45.54 9.04V-372q-22.46-7.85-44.66-11.39-22.19-3.53-47.65-3.53-38.38 0-74.35 9.19-35.96 9.19-67.96 26.81Zm0-109.23v-53.39q32.62-15.15 68.27-22.73 35.66-7.58 74.04-7.58 24.08 0 46.77 3.43 22.69 3.42 45.54 9.04v50.15q-22.46-7.85-44.66-11.39-22.19-3.53-47.65-3.53-38.38 0-74.35 9.5-35.96 9.5-67.96 26.5Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-merge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m291-164-36.77-36.77L454-400.15v-296.7l-67.38 67.77-36.77-36.77L480-796l130.15 130.15-36.77 36.77L506-696.85v296.7l199.77 199.38L669-164 480-353 291-164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-merge-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m291-164-36.77-36.77L454-400.15v-296.7l-67.38 67.77-36.77-36.77L480-796l130.15 130.15-36.77 36.77L506-696.85v296.7l199.77 199.38L669-164 480-353 291-164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-merge-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m256-140-41.77-41.77L450-418.15v-287.7l-74.38 73.77-41.77-41.77L480-820l146.15 146.15-41.77 41.77L510-705.85v287.7l235.77 236.38L704-140 480-364 256-140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-merge-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m256-140-41.77-41.77L450-418.15v-287.7l-74.38 73.77-41.77-41.77L480-820l146.15 146.15-41.77 41.77L510-705.85v287.7l235.77 236.38L704-140 480-364 256-140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-notifications:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-220.62v-51.99h40.31v-258.47q0-84.69 53.31-148.19 53.3-63.5 136.38-76.81V-844h76v87.92q83.08 13.31 136.38 76.81 53.31 63.5 53.31 148.19v258.47H748v51.99H212Zm268-269.07Zm-.28 381.38q-26.64 0-45.33-18.89-18.7-18.89-18.7-45.42h128.62q0 26.93-18.98 45.62-18.97 18.69-45.61 18.69Zm-175.41-164.3h351.38v-258.47q0-73.46-51.11-124.57-51.12-51.12-124.58-51.12-73.46 0-124.58 51.12-51.11 51.11-51.11 124.57v258.47Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-notifications-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M212-220.62v-51.99h40.31v-258.47q0-84.69 53.31-148.19 53.3-63.5 136.38-76.81V-844h76v87.92q83.08 13.31 136.38 76.81 53.31 63.5 53.31 148.19v258.47H748v51.99H212Zm267.72 112.31q-26.64 0-45.33-18.89-18.7-18.89-18.7-45.42h128.62q0 26.93-18.98 45.62-18.97 18.69-45.61 18.69Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-notifications-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-204.62v-59.99h72.31v-298.47q0-80.69 49.81-142.69 49.8-62 127.88-79.31V-860h100v74.92q78.08 17.31 127.88 79.31 49.81 62 49.81 142.69v298.47H780v59.99H180Zm300-293.07Zm-.07 405.38q-29.85 0-51.04-21.24-21.2-21.24-21.2-51.07h144.62q0 29.93-21.26 51.12-21.26 21.19-51.12 21.19Zm-167.62-172.3h335.38v-298.47q0-69.46-49.11-118.57-49.12-49.12-118.58-49.12-69.46 0-118.58 49.12-49.11 49.11-49.11 118.57v298.47Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-notifications-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M180-204.62v-59.99h72.31v-298.47q0-80.69 49.81-142.69 49.8-62 127.88-79.31V-860h100v74.92q78.08 17.31 127.88 79.31 49.81 62 49.81 142.69v298.47H780v59.99H180ZM479.93-92.31q-29.85 0-51.04-21.24-21.2-21.24-21.2-51.07h144.62q0 29.93-21.26 51.12-21.26 21.19-51.12 21.19Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-open-in-full:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-268h52v179.23L707.23-744H528v-52h268v268h-52v-179.23L252.77-216H432v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-open-in-full-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-268h52v179.23L707.23-744H528v-52h268v268h-52v-179.23L252.77-216H432v52H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-open-in-full-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-300h60v198.23L718.23-760H520v-60h300v300h-60v-198.23L241.77-200H440v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-open-in-full-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-300h60v198.23L718.23-760H520v-60h300v300h-60v-198.23L241.77-200H440v60H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-output:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-632h632v124h-52v-72H216v528h528v-72h52v124H164Zm502.23-138.23L629.46-339l114.62-115H391.69v-52h352.39L629.46-621l36.77-36.77L844-480 666.23-302.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-output-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-632h632v124h-52v-72H216v528h528v-72h52v124H164Zm502.23-138.23L629.46-339l114.62-115H391.69v-52h352.39L629.46-621l36.77-36.77L844-480 666.23-302.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-output-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-680h680v140h-60v-80H200v560h560v-80h60v140H140Zm534.23-154.23L632.46-336l112.62-114H367.69v-60h377.39L632.46-624l41.77-41.77L860-480 674.23-294.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-output-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-680h680v140h-60v-80H200v560h560v-80h60v140H140Zm534.23-154.23L632.46-336l112.62-114H367.69v-60h377.39L632.46-624l41.77-41.77L860-480 674.23-294.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-perm-media:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M68-168.62v-505.84h52v453.84h628v52H68Zm124-124V-844h232.54l96 96H844v455.38H192Zm52-51.99h548V-696H500l-96-96H244v447.39Zm0 0V-792v447.39ZM345.23-432h357.85L590.92-583.08l-93.07 121.54-66.77-85.69L345.23-432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-perm-media-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M68-168.62v-505.84h52v453.84h628v52H68Zm124-124V-844h232.54l96 96H844v455.38H192ZM345.23-432h357.85L590.92-583.08l-93.07 121.54-66.77-85.69L345.23-432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-perm-media-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M60-144.62v-553.84h60v493.84h660v60H60Zm140-140V-860h271.54l80 80H900v495.38H200Zm60-59.99h580V-720H527l-80-80H260v455.39Zm0 0V-800v455.39ZM369.23-440h373.85L618.92-603.08l-95.07 121.54-62.77-77.69L369.23-440Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-perm-media-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M60-144.62v-553.84h60v493.84h660v60H60Zm140-140V-860h271.54l80 80H900v495.38H200ZM369.23-440h373.85L618.92-603.08l-95.07 121.54-62.77-77.69L369.23-440Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-492.31q-51.75 0-87.87-36.12Q356-564.56 356-616.31q0-51.75 36.13-87.87 36.12-36.13 87.87-36.13 51.75 0 87.87 36.13Q604-668.06 604-616.31q0 51.75-36.13 87.88-36.12 36.12-87.87 36.12ZM212-219.69v-72.93q0-18.38 10.96-35.42 10.96-17.04 30.66-29.5 52.3-30.07 109.94-46.11t116.23-16.04q58.59 0 116.44 16.04 57.85 16.04 110.15 46.11 19.7 11.46 30.66 29T748-292.62v72.93H212Zm52-52h432v-20.93q0-6.33-4.56-11.91-4.57-5.58-12.59-9.47-43.7-26.46-94.42-40.08Q533.7-367.69 480-367.69q-53.7 0-104.43 13.61-50.72 13.62-94.42 40.08-8.07 5.54-12.61 10.61-4.54 5.07-4.54 10.77v20.93Zm216.21-272.62q29.79 0 50.79-21.21t21-51q0-29.79-21.21-50.79t-51-21q-29.79 0-50.79 21.22-21 21.21-21 51 0 29.78 21.21 50.78t51 21Zm-.21-72Zm0 344.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-person-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-492.31q-51.75 0-87.87-36.12Q356-564.56 356-616.31q0-51.75 36.13-87.87 36.12-36.13 87.87-36.13 51.75 0 87.87 36.13Q604-668.06 604-616.31q0 51.75-36.13 87.88-36.12 36.12-87.87 36.12ZM212-219.69v-72.93q0-18.38 10.96-35.42 10.96-17.04 30.66-29.5 52.3-30.07 110.15-46.11 57.85-16.04 116.23-16.04t116.23 16.04q57.85 16.04 110.15 46.11 19.7 11.46 30.66 29T748-292.62v72.93H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-person-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-492.31q-57.75 0-98.87-41.12Q340-574.56 340-632.31q0-57.75 41.13-98.87 41.12-41.13 98.87-41.13 57.75 0 98.87 41.13Q620-690.06 620-632.31q0 57.75-41.13 98.88-41.12 41.12-98.87 41.12ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q534.7-367.69 480-367.69q-54.7 0-108.43 13.11-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88-7.04 10.35-7.04 22.5v28.93Zm240-304.62q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0-80Zm0 384.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-person-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-492.31q-57.75 0-98.87-41.12Q340-574.56 340-632.31q0-57.75 41.13-98.87 41.12-41.13 98.87-41.13 57.75 0 98.87 41.13Q620-690.06 620-632.31q0 57.75-41.13 98.88-41.12 41.12-98.87 41.12ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-279.39q65.85 0 109.23-44.38 43.38-44.38 43.38-108.23 0-62.85-43.38-107.73T480-584.61q-65.85 0-109.23 44.88-43.38 44.88-43.38 108.23t43.38 107.73q43.38 44.38 109.23 44.38Zm0-51.99q-44.31 0-72.46-29.29-28.16-29.28-28.16-72.33 0-42.21 28.16-70.91 28.15-28.71 72.46-28.71 44.31 0 72.46 28.71 28.16 28.7 28.16 70.91 0 43.05-28.16 72.33-28.15 29.29-72.46 29.29ZM116-164v-536h180.46l72-96h223.08l72 96H844v536H116Zm52-52h624v-432H636.77l-72.48-96H395.62l-72.39 96H168v432Zm312-217Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-camera-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-279.39q65.85 0 109.23-44.38 43.38-44.38 43.38-108.23 0-62.85-43.38-107.73T480-584.61q-65.85 0-109.23 44.88-43.38 44.88-43.38 107.73 0 63.85 43.38 108.23T480-279.39Zm0-51.99q-44.31 0-72.46-28.16-28.16-28.15-28.16-71.46 0-42.31 28.16-71.96 28.15-29.66 72.46-29.66 44.31 0 72.46 29.66 28.16 29.65 28.16 71.96 0 43.31-28.16 71.46-28.15 28.16-72.46 28.16ZM116-164v-536h180.46l72-96h223.08l72 96H844v536H116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-camera-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-275.39q68.85 0 116.73-47.88 47.88-47.88 47.88-116.73t-47.88-116.73Q548.85-604.61 480-604.61t-116.73 47.88Q315.39-508.85 315.39-440t47.88 116.73q47.88 47.88 116.73 47.88Zm0-59.99q-44.31 0-74.46-30.16-30.16-30.15-30.16-74.46 0-44.31 30.16-74.46 30.15-30.16 74.46-30.16 44.31 0 74.46 30.16 30.16 30.15 30.16 74.46 0 44.31-30.16 74.46-30.15 30.16-74.46 30.16ZM100-140v-600h194.46l74-80h223.08l74 80H860v600H100Zm60-60h640v-480H638.77l-73.39-80H394.62l-73.39 80H160v480Zm320-240Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-camera-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-275.39q68.85 0 116.73-47.88 47.88-47.88 47.88-116.73t-47.88-116.73Q548.85-604.61 480-604.61t-116.73 47.88Q315.39-508.85 315.39-440t47.88 116.73q47.88 47.88 116.73 47.88Zm0-59.99q-44.31 0-74.46-30.16-30.16-30.15-30.16-74.46 0-44.31 30.16-74.46 30.15-30.16 74.46-30.16 44.31 0 74.46 30.16 30.16 30.15 30.16 74.46 0 44.31-30.16 74.46-30.15 30.16-74.46 30.16ZM100-140v-600h194.46l74-80h223.08l74 80H860v600H100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='M2.917 17.083V2.917h9.104V4.25H4.25v11.5h11.5V8.021h1.333v9.062ZM10 13.062l-.938-2.124L6.938 10l2.124-.938L10 6.938l.938 2.124 2.124.938-2.124.938Zm4.188-5-.709-1.52-1.521-.709 1.521-.708.709-1.521.708 1.521 1.521.708-1.521.709Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-filter-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='M2.917 17.083V2.917h9.104V4.25H4.25v11.5h11.5V8.021h1.333v9.062ZM10 13.062l-.938-2.124L6.938 10l2.124-.938L10 6.938l.938 2.124 2.124.938-2.124.938Zm4.188-5-.709-1.52-1.521-.709 1.521-.708.709-1.521.708 1.521 1.521.708-1.521.709Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-filter-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.5 20.5v-17h10.95V5H5v14h14V9.55h1.5V20.5Zm8.5-4.875-1.125-2.5L8.375 12l2.5-1.125L12 8.375l1.125 2.5 2.5 1.125-2.5 1.125ZM17.075 9.6l-.85-1.825-1.825-.85 1.825-.85.85-1.825.85 1.825 1.825.85-1.825.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-filter-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.5 20.5v-17h10.95V5H5v14h14V9.55h1.5V20.5Zm8.5-4.875-1.125-2.5L8.375 12l2.5-1.125L12 8.375l1.125 2.5 2.5 1.125-2.5 1.125ZM17.075 9.6l-.85-1.825-1.825-.85 1.825-.85.85-1.825.85 1.825 1.825.85-1.825.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-library:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M363.08-390.15h357.84L608.77-541.23l-93.08 121.54-66.77-85.69-85.84 115.23ZM250-260v-584h584v584H250Zm52-52h480v-480H302v480ZM126-136v-571.69h52V-188h519.69v52H126Zm176-656v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-library-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M363.08-390.15h357.84L608.77-541.23l-93.08 121.54-66.77-85.69-85.84 115.23ZM314.31-260q-27.01 0-45.66-18.65Q250-297.3 250-324.31v-455.38q0-27.01 18.65-45.66Q287.3-844 314.31-844h455.38q27.01 0 45.66 18.65Q834-806.7 834-779.69v455.38q0 27.01-18.65 45.66Q796.7-260 769.69-260H314.31Zm0-52h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H314.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm-124 176q-27.01 0-45.66-18.65Q126-173.3 126-200.31v-507.38h52v507.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h507.38v52H190.31Zm124-656h455.38q4.62 0 8.46 3.85 3.85 3.84 3.85 8.46v455.38q0 4.62-3.85 8.46-3.84 3.85-8.46 3.85H314.31q-4.62 0-8.46-3.85-3.85-3.84-3.85-8.46v-455.38q0-4.62 3.85-8.46 3.84-3.85 8.46-3.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-library-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M363.08-406.15h373.84L612.77-569.23l-95.08 121.54-62.77-77.69-91.84 119.23ZM250-260v-600h600v600H250Zm60-60h480v-480H310v480ZM110-120v-587.69h60V-180h527.69v60H110Zm200-680v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-photo-library-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M363.08-406.15h373.84L612.77-569.23l-95.08 121.54-62.77-77.69-91.84 119.23ZM322.31-260Q292-260 271-281q-21-21-21-51.31v-455.38Q250-818 271-839q21-21 51.31-21h455.38Q808-860 829-839q21 21 21 51.31v455.38Q850-302 829-281q-21 21-51.31 21H322.31Zm0-60h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H322.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm-140 200Q152-120 131-141q-21-21-21-51.31v-515.38h60v515.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h515.38v60H182.31Zm140-680h455.38q4.62 0 8.46 3.85 3.85 3.84 3.85 8.46v455.38q0 4.62-3.85 8.46-3.84 3.85-8.46 3.85H322.31q-4.62 0-8.46-3.85-3.85-3.84-3.85-8.46v-455.38q0-4.62 3.85-8.46 3.84-3.85 8.46-3.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-picture-as-pdf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M353.08-458.31h43.38v-72h55.92l16.08-16.07v-83.24l-16.08-16.07h-99.3v187.38Zm43.38-115.38v-28.62h28.62v28.62h-28.62Zm96.77 115.38H591l16.08-16.07v-155.24L591-645.69h-97.77v187.38Zm43.38-43.38v-100.62h27.08v100.62h-27.08Zm99.08 43.38h43.39v-72h55.69v-43.38h-55.69v-28.62h55.69v-43.38h-99.08v187.38ZM250-260v-584h584v584H250Zm52-52h480v-480H302v480ZM126-136v-571.69h52V-188h519.69v52H126Zm176-656v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-picture-as-pdf-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M353.08-458.31h43.38v-72h55.92l16.08-16.07v-83.24l-16.08-16.07h-99.3v187.38Zm43.38-115.38v-28.62h28.62v28.62h-28.62Zm96.77 115.38H591l16.08-16.07v-155.24L591-645.69h-97.77v187.38Zm43.38-43.38v-100.62h27.08v100.62h-27.08Zm99.08 43.38h43.39v-72h55.69v-43.38h-55.69v-28.62h55.69v-43.38h-99.08v187.38ZM250-260v-584h584v584H250ZM126-136v-571.69h52V-188h519.69v52H126Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-picture-as-pdf-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M353.08-462.31h35.38v-80h61.92l18.08-18.07v-79.24l-18.08-18.07h-97.3v195.38Zm35.38-115.38v-44.62h44.62v44.62h-44.62Zm120.77 115.38H605l18.08-18.07v-159.24L605-657.69h-95.77v195.38Zm35.38-35.38v-124.62h43.08v124.62h-43.08Zm123.08 35.38h35.39v-80h47.69v-35.38h-47.69v-44.62h47.69v-35.38h-83.08v195.38ZM250-260v-600h600v600H250Zm60-60h480v-480H310v480ZM110-120v-587.69h60V-180h527.69v60H110Zm200-680v480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-picture-as-pdf-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M353.08-462.31h35.38v-80h61.92l18.08-18.07v-79.24l-18.08-18.07h-97.3v195.38Zm35.38-115.38v-44.62h44.62v44.62h-44.62Zm120.77 115.38H605l18.08-18.07v-159.24L605-657.69h-95.77v195.38Zm35.38-35.38v-124.62h43.08v124.62h-43.08Zm123.08 35.38h35.39v-80h47.69v-35.38h-47.69v-44.62h47.69v-35.38h-83.08v195.38ZM250-260v-600h600v600H250ZM110-120v-587.69h60V-180h527.69v60H110Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-push-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='m12.875 10.021 1.5 1.521v1.333h-3.729v4.583l-.667.667-.667-.667v-4.583H5.583v-1.333l1.5-1.521V4.25H6.25V2.917h7.458V4.25h-.833Zm-5.396 1.521h5l-.937-.917V4.25H8.417v6.375Zm2.5 0Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-push-pin-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='m12.896 10.021 1.5 1.521v1.333h-3.75v4.583l-.667.667-.667-.667v-4.583H5.583v-1.333l1.5-1.521V4.25H6.25V2.917h7.479V4.25h-.833Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-push-pin-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m15.5 12.2 1.8 1.8v1.5h-4.55V21l-.75.75-.75-.75v-5.5H6.7V14l1.8-1.8V5h-1V3.5h9V5h-1ZM8.85 14h6.3L14 12.85V5h-4v7.85ZM12 14Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-push-pin-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m15.5 12.2 1.8 1.8v1.5h-4.55V21l-.75.75-.75-.75v-5.5H6.7V14l1.8-1.8V5h-1V3.5h9V5h-1Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-redo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M372.85-212q-70.77 0-119.85-51.77t-49.08-123.69q0-71.92 49.08-123.5t119.85-51.58h274.84l-100.3-100.31L584.54-700 748-536.54 584.54-373.08l-37.15-37.15 100.3-100.31H372.85q-49.62 0-83.27 36.15-33.66 36.16-33.66 86.93 0 50.77 33.66 87.11Q323.23-264 372.85-264h291.07v52H372.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-redo-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M372.85-212q-70.77 0-119.85-51.77t-49.08-123.69q0-71.92 49.08-123.5t119.85-51.58h274.84l-100.3-100.31L584.54-700 748-536.54 584.54-373.08l-37.15-37.15 100.3-100.31H372.85q-49.62 0-83.27 36.15-33.66 36.16-33.66 86.93 0 50.77 33.66 87.11Q323.23-264 372.85-264h291.07v52H372.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-redo-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M384.85-220q-87.77 0-150.35-58.77t-62.58-144.69q0-85.92 62.58-144.5t150.35-58.58h280.84l-111.3-111.31L596.54-780 780-596.54 596.54-413.08l-42.15-42.15 111.3-111.31H384.85q-62.62 0-107.77 41.15-45.16 41.16-45.16 101.93 0 60.77 45.16 102.11Q322.23-280 384.85-280h287.07v60H384.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-redo-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M384.85-220q-87.77 0-150.35-58.77t-62.58-144.69q0-85.92 62.58-144.5t150.35-58.58h280.84l-111.3-111.31L596.54-780 780-596.54 596.54-413.08l-42.15-42.15 111.3-111.31H384.85q-62.62 0-107.77 41.15-45.16 41.16-45.16 101.93 0 60.77 45.16 102.11Q322.23-280 384.85-280h287.07v60H384.85Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M481.54-212q-111.63 0-189.81-78.17-78.19-78.17-78.19-189.77 0-111.6 78.19-189.83Q369.91-748 481.54-748q66.15 0 121.27 29.69 55.11 29.7 91.65 78.54V-748h52v204.61H541.85v-51.99h121q-28.62-45.93-76.2-73.27Q539.08-696 481.54-696q-90 0-153 63t-63 153q0 90 63 153t153 63q84 0 144-55.5t69-136.5h53.23q-8.23 103.92-84.27 173.96Q587.46-212 481.54-212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-refresh-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M481.54-212q-111.63 0-189.81-78.17-78.19-78.17-78.19-189.77 0-111.6 78.19-189.83Q369.91-748 481.54-748q66.15 0 121.27 29.69 55.11 29.7 91.65 78.54V-748h52v204.61H541.85v-51.99h121q-28.62-45.93-76.2-73.27Q539.08-696 481.54-696q-90 0-153 63t-63 153q0 90 63 153t153 63q84 0 144-55.5t69-136.5h53.23q-8.23 103.92-84.27 173.96Q587.46-212 481.54-212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-refresh-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M481.54-180q-125.63 0-212.81-87.17-87.19-87.17-87.19-212.77 0-125.6 87.19-212.83Q355.91-780 481.54-780q70.15 0 132.77 31.19 62.61 31.2 104.15 88.04V-780h60v244.61H533.85v-59.99h158q-31.62-57.93-87.7-91.27Q548.08-720 481.54-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h63.23q-27.23 97.92-107.27 158.96Q583.46-180 481.54-180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-refresh-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M481.54-180q-125.63 0-212.81-87.17-87.19-87.17-87.19-212.77 0-125.6 87.19-212.83Q355.91-780 481.54-780q70.15 0 132.77 31.19 62.61 31.2 104.15 88.04V-780h60v244.61H533.85v-59.99h158q-31.62-57.93-87.7-91.27Q548.08-720 481.54-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h63.23q-27.23 97.92-107.27 158.96Q583.46-180 481.54-180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M330.08-340.54 481.92-480 330.08-619.46v278.92ZM624-216h120v-528H624v528Zm-408 0h356v-528H216v528Zm408 0h120-120Zm-460 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-close-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M330.08-340.54 481.92-480 330.08-619.46v278.92ZM216-216h356v-528H216v528Zm-52 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-close-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M318.08-336.54 461.92-480 318.08-623.46v286.92ZM640-200h120v-560H640v560Zm-440 0h380v-560H200v560Zm440 0h120-120Zm-500 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-close-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M318.08-336.54 461.92-480 318.08-623.46v286.92ZM200-200h380v-560H200v560Zm-60 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-open:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M457.92-340.54v-278.92L306.08-480l151.84 139.46ZM624-216h120v-528H624v528Zm-408 0h356v-528H216v528Zm408 0h120-120Zm-460 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-open-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M457.92-340.54v-278.92L306.08-480l151.84 139.46ZM216-216h356v-528H216v528Zm-52 52v-632h632v632H164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-open-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M461.92-336.54v-286.92L318.08-480l143.84 143.46ZM640-200h120v-560H640v560Zm-440 0h380v-560H200v560Zm440 0h120-120Zm-500 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-right-panel-open-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M461.92-336.54v-286.92L318.08-480l143.84 143.46ZM200-200h380v-560H200v560Zm-60 60v-680h680v680H140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M444-73q-51.54-6.77-99.77-28.73t-86.38-60.89L295-199q32 31 70 49t79 24v53Zm72 0v-52.23Q616-140 680-213t64-174q0-110-76.5-186.5T481-650h-38.54l87 86-37.15 37.15L336.16-682l156.15-156.15 37.15 36.38L428.69-702H480q65.77 0 123.11 24.27 57.35 24.27 100.35 67.27 43 43 67.77 100.35Q796-452.77 796-387q0 123.31-79.92 212.23Q636.15-85.85 516-73ZM212.62-217.85q-26.31-41.54-37.46-87.77Q164-351.85 164-399h52.23q.39 37.38 8.58 73.19Q233-290 252-257l-39.38 39.15ZM175-471q11-38.92 31.35-74.27 20.34-35.34 50.27-64.88L293-574q-23 23-38.19 48.81-15.19 25.81-24.58 54.19H175Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-left-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M444-73q-51.54-6.77-99.77-28.73t-86.38-60.89L295-199q32 31 70 49t79 24v53Zm72 0v-52.23Q616-140 680-213t64-174q0-110-76.5-186.5T481-650h-38.54l87 86-37.15 37.15L336.16-682l156.15-156.15 37.15 36.38L428.69-702H480q65.77 0 123.11 24.27 57.35 24.27 100.35 67.27 43 43 67.77 100.35Q796-452.77 796-387q0 123.31-79.92 212.23Q636.15-85.85 516-73ZM212.62-217.85q-26.31-41.54-37.46-87.77Q164-351.85 164-399h52.23q.39 37.38 8.58 73.19Q233-290 252-257l-39.38 39.15ZM175-471q11-38.92 31.35-74.27 20.34-35.34 50.27-64.88L293-574q-23 23-38.19 48.81-15.19 25.81-24.58 54.19H175Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-left-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-100q-46.54-5.77-89.27-23.73t-80.88-46.89L312-214q29 21 61.5 34t66.5 18v62Zm80 0v-61.23Q624-177 692-255.5T760-438q0-117-81.5-198.5T480-718h-19.54l74 74-42.15 42.15L346.16-748l146.15-146.15 42.15 43.38L461.69-778H480q70.77 0 132.61 26.77 61.85 26.77 107.85 72.77 46 46 72.77 107.85Q820-508.77 820-438q0 129.31-85.42 225.23Q649.15-116.85 520-100ZM212.62-227.85q-29.31-38.54-47.46-81.27Q147-351.85 142-398h61.23q5.39 34.38 18.58 66.69Q235-299 256-270l-43.38 42.15ZM142-478q6-47.92 23.85-91.27 17.84-43.34 46.77-78.88L256-606q-21 29-34.19 61.31-13.19 32.31-18.58 66.69H142Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-left-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-100q-46.54-5.77-89.27-23.73t-80.88-46.89L312-214q29 21 61.5 34t66.5 18v62Zm80 0v-61.23Q624-177 692-255.5T760-438q0-117-81.5-198.5T480-718h-19.54l74 74-42.15 42.15L346.16-748l146.15-146.15 42.15 43.38L461.69-778H480q70.77 0 132.61 26.77 61.85 26.77 107.85 72.77 46 46 72.77 107.85Q820-508.77 820-438q0 129.31-85.42 225.23Q649.15-116.85 520-100ZM212.62-227.85q-29.31-38.54-47.46-81.27Q147-351.85 142-398h61.23q5.39 34.38 18.58 66.69Q235-299 256-270l-43.38 42.15ZM142-478q6-47.92 23.85-91.27 17.84-43.34 46.77-78.88L256-606q-21 29-34.19 61.31-13.19 32.31-18.58 66.69H142Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M516-73v-53q41-6 79-24t70-49l37.15 36.38q-38.15 38.93-86.38 60.89T516-73Zm-72 0Q323.85-85.85 243.92-174.77 164-263.69 164-387q0-65.77 24.77-123.11 24.77-57.35 67.77-100.35 43-43 100.35-67.27Q414.23-702 480-702h51.31l-100.77-99.77 37.15-36.38L623.84-682 467.69-526.85 430.54-564l87-86H479q-110 0-186.5 76.5T216-387q0 101 64 174t164 87.77V-73Zm303.38-144.85L708-257q19-33 27.19-68.81 8.19-35.81 8.58-73.19H796q0 47.15-11.16 93.38-11.15 46.23-37.46 87.77ZM785-471h-55.23q-9.39-28.38-24.58-54.19Q690-551 667-574l36.38-36.15q29.93 29.54 50.27 64.88Q774-509.92 785-471Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-right-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M516-73v-53q41-6 79-24t70-49l37.15 36.38q-38.15 38.93-86.38 60.89T516-73Zm-72 0Q323.85-85.85 243.92-174.77 164-263.69 164-387q0-65.77 24.77-123.11 24.77-57.35 67.77-100.35 43-43 100.35-67.27Q414.23-702 480-702h51.31l-100.77-99.77 37.15-36.38L623.84-682 467.69-526.85 430.54-564l87-86H479q-110 0-186.5 76.5T216-387q0 101 64 174t164 87.77V-73Zm303.38-144.85L708-257q19-33 27.19-68.81 8.19-35.81 8.58-73.19H796q0 47.15-11.16 93.38-11.15 46.23-37.46 87.77ZM785-471h-55.23q-9.39-28.38-24.58-54.19Q690-551 667-574l36.38-36.15q29.93 29.54 50.27 64.88Q774-509.92 785-471Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-right-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M522-100v-62q34-5 66.5-18t61.5-34l42.15 43.38q-38.15 28.93-80.88 46.89T522-100Zm-80 0q-129.15-16.85-214.58-112.77Q142-308.69 142-438q0-70.77 26.77-132.61 26.77-61.85 72.77-107.85 46-46 107.85-72.77Q411.23-778 482-778h18.31l-72.77-72.77 42.15-43.38L615.84-748 469.69-601.85 427.54-644l74-74H482q-117 0-198.5 81.5T202-438q0 104 68 182.5t172 94.27V-100Zm307.38-127.85L706-270q21-29 34.19-61.31 13.19-32.31 18.58-66.69H820q-5 46.15-23.16 88.88-18.15 42.73-47.46 81.27ZM820-478h-61.23q-5.39-34.38-18.58-66.69Q727-577 706-606l43.38-42.15q28.93 35.54 46.77 78.88Q814-525.92 820-478Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-rotate-right-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M522-100v-62q34-5 66.5-18t61.5-34l42.15 43.38q-38.15 28.93-80.88 46.89T522-100Zm-80 0q-129.15-16.85-214.58-112.77Q142-308.69 142-438q0-70.77 26.77-132.61 26.77-61.85 72.77-107.85 46-46 107.85-72.77Q411.23-778 482-778h18.31l-72.77-72.77 42.15-43.38L615.84-748 469.69-601.85 427.54-644l74-74H482q-117 0-198.5 81.5T202-438q0 104 68 182.5t172 94.27V-100Zm307.38-127.85L706-270q21-29 34.19-61.31 13.19-32.31 18.58-66.69H820q-5 46.15-23.16 88.88-18.15 42.73-47.46 81.27ZM820-478h-61.23q-5.39-34.38-18.58-66.69Q727-577 706-606l43.38-42.15q28.93 35.54 46.77 78.88Q814-525.92 820-478Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M796-663.54V-164H164v-632h499.54L796-663.54ZM744-642 642-744H216v528h528v-426ZM479.91-281.23q36.63 0 62.36-25.64Q568-332.51 568-369.14t-25.64-62.36q-25.64-25.73-62.27-25.73t-62.36 25.64Q392-405.95 392-369.32t25.64 62.36q25.64 25.73 62.27 25.73ZM279.39-556.62h304.45v-123.99H279.39v123.99ZM216-629v413-528 115Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M796-663.54V-164H164v-632h499.54L796-663.54ZM479.91-281.23q36.63 0 62.36-25.64Q568-332.51 568-369.14t-25.64-62.36q-25.64-25.73-62.27-25.73t-62.36 25.64Q392-405.95 392-369.32t25.64 62.36q25.64 25.73 62.27 25.73ZM279.39-556.62h304.45v-123.99H279.39v123.99Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M820-671.54V-140H140v-680h531.54L820-671.54ZM760-646 646-760H200v560h560v-446ZM479.91-269.23q41.63 0 70.86-29.14Q580-327.51 580-369.14q0-41.63-29.14-70.86-29.14-29.23-70.77-29.23-41.63 0-70.86 29.14Q380-410.95 380-369.32q0 41.63 29.14 70.86 29.14 29.23 70.77 29.23ZM255.39-564.62h328.45v-139.99H255.39v139.99ZM200-646v446-560 114Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M820-671.54V-140H140v-680h531.54L820-671.54ZM479.91-269.23q41.63 0 70.86-29.14Q580-327.51 580-369.14q0-41.63-29.14-70.86-29.14-29.23-70.77-29.23-41.63 0-70.86 29.14Q380-410.95 380-369.32q0 41.63 29.14 70.86 29.14 29.23 70.77 29.23ZM255.39-564.62h328.45v-139.99H255.39v139.99Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-as:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M164-164v-632h499.54L796-663.54v101.31l-52 51.38v-130.77L641.62-744H216v528h236.92v-.54V-164H164Zm52-580v528-528ZM532.62-92v-95.69l231.69-230.69 94.3 96.07L628.75-92h-96.13Zm275.69-230.31-45-45.38 45 45.38Zm-240 194.62h45l123.84-123.47-22.38-23-21.62-22.76-124.84 124.23v45Zm146.46-146.47-21.62-22.76 44 45.76-22.38-23ZM279.39-556.62h304.45v-123.99H279.39v123.99ZM480-281.23q7.08 0 12.77-.77 5.69-.77 12.38-3.69l58.39-57.39q2.92-6.3 3.69-12.88.77-6.58.77-13.27 0-36.54-25.73-62.27-25.73-25.73-62.27-25.73-36.54 0-62.27 25.73Q392-405.77 392-369.23q0 36.54 25.73 62.27 25.73 25.73 62.27 25.73Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-as-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M532.62-92v-95.69l231.69-230.69 94.3 96.07L628.31-92h-95.69ZM279.39-556.62h304.45v-123.99H279.39v123.99Zm483.92 279.93 45-45.62-45-45.38-45 46 45 45ZM445.23-164H164v-632h499.54L796-663.54v90.92L564.31-342.31q2.92-6.31 3.69-12.69.77-6.39.77-13.46 0-36.92-25.54-62.46t-62.46-25.54q-36.92 0-62.46 25.54t-25.54 62.46q0 36.92 25.54 62.46t62.46 25.54q7.08 0 12.96-.77 5.89-.77 12.58-3.7l-61.08 60.7V-164Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-as-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M140-140v-680h531.54L820-671.54v88.31l-60 59.38v-122.77L646.62-760H200v560h236.92v60H140Zm60-620v560-560ZM524.62-60v-105.69l250.69-249.69 105.3 105.07L630.31-60H524.62Zm287.69-250.31-37-37.38 37 37.38Zm-240 202.62h38l129.84-130.47-18.38-19-18.62-18.76-130.84 130.23v38Zm149.46-149.47-18.62-18.76 37 37.76-18.38-19ZM255.39-564.62h328.45v-139.99H255.39v139.99ZM480-269.23q4.08 0 7.77-.77 3.69-.77 7.38-2.69l81.39-80.39q1.92-4.3 2.69-7.88t.77-8.27q0-41.54-29.23-70.77-29.23-29.23-70.77-29.23-41.54 0-70.77 29.23Q380-410.77 380-369.23q0 41.54 29.23 70.77 29.23 29.23 70.77 29.23Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-save-as-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M524.62-60v-105.69l250.69-249.69 105.3 105.07L630.31-60H524.62ZM255.39-564.62h328.45v-139.99H255.39v139.99Zm519.92 292.93 37-38.62-37-37.38-38 38 38 38ZM429.23-140H140v-680h531.54L820-671.54v77.92L577.31-352.31q1.92-4.31 2.69-7.69.77-3.39.77-8.46 0-41.92-29.04-70.96-29.04-29.04-70.96-29.04-41.92 0-70.96 29.04-29.04 29.04-29.04 70.96 0 41.92 29.04 70.96 29.04 29.04 70.96 29.04 4.08 0 7.96-.77 3.89-.77 7.58-2.7l-67.08 66.7V-140Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-schedule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m620.92-316.92 37.16-37.16L506-506.16V-720h-52v236.15l166.92 166.93ZM480.07-116q-75.21 0-141.4-28.42-66.18-28.42-115.99-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.75t78.21-115.68q49.79-49.31 116.09-77.75Q405.01-844 480.39-844q75.38 0 141.75 28.66 66.38 28.66 115.48 77.79 49.1 49.13 77.74 115.55Q844-555.58 844-480.07q0 75.21-28.42 141.4-28.42 66.18-77.71 115.99-49.29 49.81-115.76 78.25Q555.64-116 480.07-116ZM480-480Zm.48 312q129.47 0 220.5-91.5Q792-351 792-480.48q0-129.47-91.02-220.5Q609.95-792 480.48-792 351-792 259.5-700.98 168-609.95 168-480.48 168-351 259.5-259.5T480.48-168Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-schedule-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m620.92-316.92 37.16-37.16L506-506.16V-720h-52v236.15l166.92 166.93ZM480.07-116q-75.21 0-141.4-28.42-66.18-28.42-115.99-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.75t78.21-115.68q49.79-49.31 116.09-77.75Q405.01-844 480.39-844q75.38 0 141.75 28.66 66.38 28.66 115.48 77.79 49.1 49.13 77.74 115.55Q844-555.58 844-480.07q0 75.21-28.42 141.4-28.42 66.18-77.71 115.99-49.29 49.81-115.76 78.25Q555.64-116 480.07-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-schedule-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m618.92-298.92 42.16-42.16L510-492.16V-680h-60v212.15l168.92 168.93ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100ZM480-480Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-schedule-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m618.92-298.92 42.16-42.16L510-492.16V-680h-60v212.15l168.92 168.93ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-399.16q-30 22.77-65.79 35.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-search-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-399.16q-30 22.77-65.79 35.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-search-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-search-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-sell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M514.46-89.08 116-486.96V-844h357.02l397.67 397.08L514.46-89.08Zm0-73.92 283.31-283.31-346.46-345.31H168v283.31L514.46-163ZM265-644.85q20.92 0 35.54-14.58 14.61-14.58 14.61-35.42 0-20.99-14.58-35.68-14.58-14.7-35.42-14.7-20.99 0-35.68 14.65-14.7 14.65-14.7 35.58 0 20.92 14.65 35.54 14.65 14.61 35.58 14.61Zm217.69 167.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-sell-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M514.46-89.08 116-486.96V-844h357.02l397.67 397.08L514.46-89.08ZM265-644.85q20.92 0 35.54-14.58 14.61-14.58 14.61-35.42 0-20.99-14.58-35.68-14.58-14.7-35.42-14.7-20.99 0-35.68 14.65-14.7 14.65-14.7 35.58 0 20.92 14.65 35.54 14.65 14.61 35.58 14.61Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-sell-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M516.46-70.08 100-486.15V-860h373.85l415.84 417.08L516.46-70.08Zm0-84.92 288.31-288.31-356.46-356.31H160v288.31L516.46-155ZM261-648.85q20.92 0 35.54-14.58 14.61-14.58 14.61-35.42 0-20.99-14.58-35.68-14.58-14.7-35.42-14.7-20.99 0-35.68 14.65-14.7 14.65-14.7 35.58 0 20.92 14.65 35.54 14.65 14.61 35.58 14.61Zm221.69 171.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-sell-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M516.46-70.08 100-486.15V-860h373.85l415.84 417.08L516.46-70.08ZM261-648.85q20.92 0 35.54-14.58 14.61-14.58 14.61-35.42 0-20.99-14.58-35.68-14.58-14.7-35.42-14.7-20.99 0-35.68 14.65-14.7 14.65-14.7 35.58 0 20.92 14.65 35.54 14.65 14.61 35.58 14.61Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-settings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m420.69-116-21.23-107.85q-26.07-9.38-52.96-24.07-26.88-14.7-48.19-33.77L194.46-247l-59.3-103 81.61-71.77q-2.38-13.92-3.96-28.42-1.58-14.5-1.58-29.43 0-14.53 1.58-28.84t3.96-29.77L135.16-610l59.3-102.23 103.46 34.31q22.47-19.46 48.39-33.96t52.77-24.27L420.69-844h118.62l21.23 108.23q28 10.54 52.57 24.27 24.58 13.73 47.43 33.58l105-34.31L824.84-610l-83.15 72.92q3.15 14.69 4.35 28.62 1.19 13.92 1.19 28.46 0 14.15-1.39 28.08-1.38 13.92-3.76 29.77L824.46-350l-59.31 103-104.61-35.08q-22.85 19.85-47.81 33.96-24.96 14.12-52.19 23.89L539.31-116H420.69ZM462-168h35.62L517-268.15q37.62-7 69.46-25.23 31.85-18.24 57.39-48.39L740.23-309l18.39-30-76.77-67.38q6-18.54 9.3-36.47 3.31-17.92 3.31-37.15 0-19.62-3.31-37.15-3.3-17.54-9.3-35.7L759.38-621 741-651l-97.54 32.38q-22.08-27.46-56.61-47.42-34.54-19.96-70.23-25.81L498-792h-36.38l-18.24 99.77q-37.61 6.23-70.03 24.65-32.43 18.43-57.97 48.96L219-651l-18.38 30L277-553.62q-6 16.24-9.5 35.12t-3.5 38.88q0 19.62 3.5 38.12 3.5 18.5 9.12 35.12l-76 67.38L219-309l96-32q24.77 29.38 57.19 47.81 32.43 18.42 70.81 25.42L462-168Zm16.46-188q51.92 0 87.96-36.04 36.04-36.04 36.04-87.96 0-51.92-36.04-87.96Q530.38-604 478.46-604q-51.54 0-87.77 36.04T354.46-480q0 51.92 36.23 87.96Q426.92-356 478.46-356ZM480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-settings-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='m420.69-116-21.23-107.85q-26.07-9.38-52.96-24.07-26.88-14.7-48.19-33.77L194.46-247l-59.3-103 81.61-71.77q-2.38-13.92-3.96-28.42-1.58-14.5-1.58-29.43 0-14.53 1.58-28.84t3.96-29.77L135.16-610l59.3-102.23 103.46 34.31q22.47-19.46 48.39-33.96t52.77-24.27L420.69-844h118.62l21.23 108.23q28 10.54 52.57 24.27 24.58 13.73 47.43 33.58l105-34.31L824.84-610l-83.15 72.92q3.15 14.69 4.35 28.62 1.19 13.92 1.19 28.46 0 14.15-1.39 28.08-1.38 13.92-3.76 29.77L824.46-350l-59.31 103-104.61-35.08q-22.85 19.85-47.81 33.96-24.96 14.12-52.19 23.89L539.31-116H420.69Zm57.77-240q51.92 0 87.96-36.04 36.04-36.04 36.04-87.96 0-51.92-36.04-87.96Q530.38-604 478.46-604q-51.54 0-87.77 36.04T354.46-480q0 51.92 36.23 87.96Q426.92-356 478.46-356Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-settings-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m387.69-100-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-99.15 74.92q2.15 9.69 2.35 18.12.19 8.42.19 16.96 0 8.15-.39 16.58-.38 8.42-2.76 19.27L854.46-370l-92.31 160-112.61-48.08q-14.85 11.85-30.31 20.96-15.46 9.12-31.69 14.89L572.31-100H387.69ZM440-160h78.62L533-267.15q30.62-8 55.96-22.73 25.35-14.74 48.89-37.89L737.23-286l39.39-68-86.77-65.38q5-15.54 6.8-30.47 1.81-14.92 1.81-30.15 0-15.62-1.81-30.15-1.8-14.54-6.8-29.7L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q22.77 23.38 48.69 38.31 25.93 14.92 57.31 22.92L440-160Zm40.46-200q49.92 0 84.96-35.04 35.04-35.04 35.04-84.96 0-49.92-35.04-84.96Q530.38-600 480.46-600q-50.54 0-85.27 35.04T360.46-480q0 49.92 34.73 84.96Q429.92-360 480.46-360ZM480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-settings-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m387.69-100-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-99.15 74.92q2.15 9.69 2.35 18.12.19 8.42.19 16.96 0 8.15-.39 16.58-.38 8.42-2.76 19.27L854.46-370l-92.31 160-112.61-48.08q-14.85 11.85-30.31 20.96-15.46 9.12-31.69 14.89L572.31-100H387.69Zm92.77-260q49.92 0 84.96-35.04 35.04-35.04 35.04-84.96 0-49.92-35.04-84.96Q530.38-600 480.46-600q-50.54 0-85.27 35.04T360.46-480q0 49.92 34.73 84.96Q429.92-360 480.46-360Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M696.05-106q-45.82 0-77.93-32.08Q586-170.17 586-216q0-8.49 1.19-15.51 1.2-7.03 3.58-15.8L338.92-401.54q-13.84 16.77-33.43 24.15Q285.91-370 264-370q-45.83 0-77.92-32.07Q154-434.14 154-479.95q0-45.82 32.08-77.93Q218.17-590 264-590q21.62 0 41.35 7.89 19.73 7.88 33.57 23.65l251.85-154.23q-2.38-8.77-3.58-15.8Q586-735.51 586-744q0-45.83 32.07-77.92Q650.14-854 695.95-854q45.82 0 77.93 32.07Q806-789.86 806-744.05q0 45.82-32.08 77.93Q741.83-634 696-634q-21.91 0-41.49-7.39-19.59-7.38-33.43-24.15L369.23-511.31q2.38 8.77 3.58 15.77 1.19 7 1.19 15.46t-1.19 15.54q-1.2 7.08-3.58 15.85l251.85 154.23q13.84-17.77 33.43-24.65Q674.09-326 696-326q45.83 0 77.92 32.07Q806-261.86 806-216.05q0 45.82-32.07 77.93Q741.86-106 696.05-106ZM696-686q24.25 0 41.12-16.88Q754-719.75 754-744q0-24.25-16.88-41.12Q720.25-802 696-802q-24.25 0-41.12 16.88Q638-768.25 638-744q0 24.25 16.88 41.12Q671.75-686 696-686ZM264-422q24.25 0 41.12-16.88Q322-455.75 322-480q0-24.25-16.88-41.12Q288.25-538 264-538q-24.25 0-41.12 16.88Q206-504.25 206-480q0 24.25 16.88 41.12Q239.75-422 264-422Zm432 264q24.25 0 41.12-16.88Q754-191.75 754-216q0-24.25-16.88-41.12Q720.25-274 696-274q-24.25 0-41.12 16.88Q638-240.25 638-216q0 24.25 16.88 41.12Q671.75-158 696-158Zm0-586ZM264-480Zm432 264Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-share-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M696.05-106q-45.82 0-77.93-32.08Q586-170.17 586-216q0-8.49 1.19-15.51 1.2-7.03 3.58-15.8L338.92-401.54q-13.84 16.77-33.43 24.15Q285.91-370 264-370q-45.83 0-77.92-32.07Q154-434.14 154-479.95q0-45.82 32.08-77.93Q218.17-590 264-590q21.62 0 41.35 7.89 19.73 7.88 33.57 23.65l251.85-154.23q-2.38-8.77-3.58-15.8Q586-735.51 586-744q0-45.83 32.07-77.92Q650.14-854 695.95-854q45.82 0 77.93 32.07Q806-789.86 806-744.05q0 45.82-32.08 77.93Q741.83-634 696-634q-21.91 0-41.49-7.39-19.59-7.38-33.43-24.15L369.23-511.31q2.38 8.77 3.58 15.77 1.19 7 1.19 15.46t-1.19 15.54q-1.2 7.08-3.58 15.85l251.85 154.23q13.84-17.77 33.43-24.65Q674.09-326 696-326q45.83 0 77.92 32.07Q806-261.86 806-216.05q0 45.82-32.07 77.93Q741.86-106 696.05-106Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-share-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M720.05-90q-45.82 0-77.93-32.08Q610-154.17 610-200q0-7.49 1.19-15.51 1.2-8.03 3.58-14.8L318.92-403.54q-15.84 15.77-36.07 24.65Q262.62-370 240-370q-45.83 0-77.92-32.07Q130-434.14 130-479.95q0-45.82 32.08-77.93Q194.17-590 240-590q22.62 0 42.85 8.89 20.23 8.88 36.07 24.65l295.85-173.23q-2.38-6.77-3.58-14.8Q610-752.51 610-760q0-45.83 32.07-77.92Q674.14-870 719.95-870q45.82 0 77.93 32.07Q830-805.86 830-760.05q0 45.82-32.08 77.93Q765.83-650 720-650q-22.62 0-42.85-8.89-20.23-8.88-36.07-24.65L345.23-510.31q2.38 6.77 3.58 14.77 1.19 8 1.19 15.46 0 7.46-1.19 15.54-1.2 8.08-3.58 14.85l295.85 173.23q15.84-15.77 36.07-24.65Q697.38-310 720-310q45.83 0 77.92 32.07Q830-245.86 830-200.05q0 45.82-32.07 77.93Q765.86-90 720.05-90ZM720-710q20.85 0 35.42-14.58Q770-739.15 770-760t-14.58-35.42Q740.85-810 720-810t-35.42 14.58Q670-780.85 670-760t14.58 35.42Q699.15-710 720-710ZM240-430q20.85 0 35.42-14.58Q290-459.15 290-480t-14.58-35.42Q260.85-530 240-530t-35.42 14.58Q190-500.85 190-480t14.58 35.42Q219.15-430 240-430Zm480 280q20.85 0 35.42-14.58Q770-179.15 770-200t-14.58-35.42Q740.85-250 720-250t-35.42 14.58Q670-220.85 670-200t14.58 35.42Q699.15-150 720-150Zm0-610ZM240-480Zm480 280Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-share-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M720.05-90q-45.82 0-77.93-32.08Q610-154.17 610-200q0-7.49 1.19-15.51 1.2-8.03 3.58-14.8L318.92-403.54q-15.84 15.77-36.07 24.65Q262.62-370 240-370q-45.83 0-77.92-32.07Q130-434.14 130-479.95q0-45.82 32.08-77.93Q194.17-590 240-590q22.62 0 42.85 8.89 20.23 8.88 36.07 24.65l295.85-173.23q-2.38-6.77-3.58-14.8Q610-752.51 610-760q0-45.83 32.07-77.92Q674.14-870 719.95-870q45.82 0 77.93 32.07Q830-805.86 830-760.05q0 45.82-32.08 77.93Q765.83-650 720-650q-22.62 0-42.85-8.89-20.23-8.88-36.07-24.65L345.23-510.31q2.38 6.77 3.58 14.77 1.19 8 1.19 15.46 0 7.46-1.19 15.54-1.2 8.08-3.58 14.85l295.85 173.23q15.84-15.77 36.07-24.65Q697.38-310 720-310q45.83 0 77.92 32.07Q830-245.86 830-200.05q0 45.82-32.07 77.93Q765.86-90 720.05-90Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-smart-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='M1.875 13.958V6.042h16.25v7.916h-2.208v-1.333h.875v-5.25H3.208v5.25H8.25v1.333Zm10.208 1.604-.833-1.812-1.812-.833 1.812-.834.833-1.812.834 1.812 1.812.834-1.812.833Zm2.084-3.895-.521-1.146L12.5 10l1.146-.521.521-1.146.521 1.146 1.145.521-1.145.521Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-smart-button-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath d='M1.875 13.958V6.042h16.25v7.916h-2.208v-1.333h.875v-5.25H3.208v5.25H8.25v1.333Zm10.208 1.604-.833-1.812-1.812-.833 1.812-.834.833-1.812.834 1.812 1.812.834-1.812.833Zm2.084-3.895-.521-1.146L12.5 10l1.146-.521.521-1.146.521 1.146 1.145.521-1.145.521Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-smart-button-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M2.25 16.75v-9.5h19.5v9.5h-2.7v-1.5h1.2v-6.5H3.75v6.5h6.2v1.5Zm12.25 1.925-1-2.175-2.175-1 2.175-1 1-2.175 1 2.175 2.175 1-2.175 1ZM17 14l-.625-1.375L15 12l1.375-.625L17 10l.625 1.375L19 12l-1.375.625Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-smart-button-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M2.25 16.75v-9.5h19.5v9.5h-2.7v-1.5h1.2v-6.5H3.75v6.5h6.2v1.5Zm12.25 1.925-1-2.175-2.175-1 2.175-1 1-2.175 1 2.175 2.175 1-2.175 1ZM17 14l-.625-1.375L15 12l1.375-.625L17 10l.625 1.375L19 12l-1.375.625Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-swap-vert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M340.16-445.85v-298.23L224.77-628.69 188-665.85 366.15-844l178.16 178.15-36.77 37.16-115.39-115.39v298.23h-51.99ZM593.46-116 415.31-294.15l36.77-37.16 115.38 115.39v-298.23h52v298.23l115.39-115.39 36.76 37.16L593.46-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-swap-vert-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M340.16-445.85v-298.23L224.77-628.69 188-665.85 366.15-844l178.16 178.15-36.77 37.16-115.39-115.39v298.23h-51.99ZM593.46-116 415.31-294.15l36.77-37.16 115.38 115.39v-298.23h52v298.23l115.39-115.39 36.76 37.16L593.46-116Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-swap-vert-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M336.16-453.85v-291.23L222.77-631.69 180-673.85 366.15-860l186.16 186.15-42.77 42.16-113.39-113.39v291.23h-59.99ZM593.46-100 407.31-286.15l42.77-42.16 113.38 113.39v-291.23h60v291.23l113.39-113.39 42.76 42.16L593.46-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-swap-vert-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M336.16-453.85v-291.23L222.77-631.69 180-673.85 366.15-860l186.16 186.15-42.77 42.16-113.39-113.39v291.23h-59.99ZM593.46-100 407.31-286.15l42.77-42.16 113.38 113.39v-291.23h60v291.23l113.39-113.39 42.76 42.16L593.46-100Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M168-264h624v-264H528v-168H168v432Zm-52 52v-536h728v536H116Zm52-52v-432 432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tab-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-212v-536h728v536H116Zm412-316h264v-168H528v168Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tab-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M160-240h640v-320H520v-160H160v480Zm-60 60v-600h760v600H100Zm60-60v-480 480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tab-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-180v-600h760v600H100Zm420-380h280v-160H520v160Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-text-fields:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M305.69-209.69v-480h-192v-60.62h444.62v60.62h-192v480h-60.62Zm360 0v-288h-120v-60.62h300.62v60.62h-120v288h-60.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-text-fields-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M305.69-209.69v-480h-192v-60.62h444.62v60.62h-192v480h-60.62Zm360 0v-288h-120v-60.62h300.62v60.62h-120v288h-60.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-text-fields-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M297.69-177.69v-520h-200v-84.62h484.62v84.62h-200v520h-84.62Zm360 0v-320h-120v-84.62h324.62v84.62h-120v320h-84.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-text-fields-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M297.69-177.69v-520h-200v-84.62h484.62v84.62h-200v520h-84.62Zm360 0v-320h-120v-84.62h324.62v84.62h-120v320h-84.62Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-toggle-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M288-260q-91.67 0-155.83-64.14Q68-388.28 68-479.91q0-91.63 64.17-155.86Q196.33-700 288-700h384q91.67 0 155.83 64.14Q892-571.72 892-480.09q0 91.63-64.17 155.86Q763.67-260 672-260H288Zm0-52h384q70 0 119-49t49-119q0-70-49-119t-119-49H288q-70 0-119 49t-49 119q0 70 49 119t119 49Zm383.95-58q45.82 0 77.93-32.07Q782-434.14 782-479.95q0-45.82-32.07-77.93Q717.86-590 672.05-590q-45.82 0-77.93 32.07Q562-525.86 562-480.05q0 45.82 32.07 77.93Q626.14-370 671.95-370ZM480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-toggle-on-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M288-260q-91.67 0-155.83-64.14Q68-388.28 68-479.91q0-91.63 64.17-155.86Q196.33-700 288-700h384q91.67 0 155.83 64.14Q892-571.72 892-480.09q0 91.63-64.17 155.86Q763.67-260 672-260H288Zm383.95-110q45.82 0 77.93-32.07Q782-434.14 782-479.95q0-45.82-32.07-77.93Q717.86-590 672.05-590q-45.82 0-77.93 32.07Q562-525.86 562-480.05q0 45.82 32.07 77.93Q626.14-370 671.95-370Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-toggle-on-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M280-260q-91.67 0-155.83-64.14Q60-388.28 60-479.91q0-91.63 64.17-155.86Q188.33-700 280-700h400q91.67 0 155.83 64.14Q900-571.72 900-480.09q0 91.63-64.17 155.86Q771.67-260 680-260H280Zm0-60h400q66 0 113-47t47-113q0-66-47-113t-113-47H280q-66 0-113 47t-47 113q0 66 47 113t113 47Zm399.95-50q45.82 0 77.93-32.07Q790-434.14 790-479.95q0-45.82-32.07-77.93Q725.86-590 680.05-590q-45.82 0-77.93 32.07Q570-525.86 570-480.05q0 45.82 32.07 77.93Q634.14-370 679.95-370ZM480-480Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-toggle-on-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M280-260q-91.67 0-155.83-64.14Q60-388.28 60-479.91q0-91.63 64.17-155.86Q188.33-700 280-700h400q91.67 0 155.83 64.14Q900-571.72 900-480.09q0 91.63-64.17 155.86Q771.67-260 680-260H280Zm399.95-110q45.82 0 77.93-32.07Q790-434.14 790-479.95q0-45.82-32.07-77.93Q725.86-590 680.05-590q-45.82 0-77.93 32.07Q570-525.86 570-480.05q0 45.82 32.07 77.93Q634.14-370 679.95-370Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tune:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M466-154v-220h52v84h288v52H518v84h-52Zm-312-84v-52h220v52H154Zm144-132v-84H154v-52h144v-84h52v220h-52Zm144-84v-52h364v52H442Zm144-132v-220h52v84h168v52H638v84h-52Zm-432-84v-52h364v52H154Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tune-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M466-154v-220h52v84h288v52H518v84h-52Zm-312-84v-52h220v52H154Zm144-132v-84H154v-52h144v-84h52v220h-52Zm144-84v-52h364v52H442Zm144-132v-220h52v84h168v52H638v84h-52Zm-432-84v-52h364v52H154Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tune-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-130v-220h60v80h320v60H510v80h-60Zm-320-80v-60h220v60H130Zm160-160v-80H130v-60h160v-80h60v220h-60Zm160-80v-60h380v60H450Zm160-160v-220h60v80h160v60H670v80h-60Zm-480-80v-60h380v60H130Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-tune-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-130v-220h60v80h320v60H510v80h-60Zm-320-80v-60h220v60H130Zm160-160v-80H130v-60h160v-80h60v220h-60Zm160-80v-60h380v60H450Zm160-160v-220h60v80h160v60H670v80h-60Zm-480-80v-60h380v60H130Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-undo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M296.08-212v-52h291.07q49.62 0 83.27-36.35 33.66-36.34 33.66-87.11 0-50.77-33.66-86.93-33.65-36.15-83.27-36.15H312.31l100.3 100.31-37.15 37.15L212-536.54 375.46-700l37.15 37.15-100.3 100.31h274.84q70.77 0 119.85 51.58t49.08 123.5q0 71.92-49.08 123.69Q657.92-212 587.15-212H296.08Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-undo-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M296.08-212v-52h291.07q49.62 0 83.27-36.35 33.66-36.34 33.66-87.11 0-50.77-33.66-86.93-33.65-36.15-83.27-36.15H312.31l100.3 100.31-37.15 37.15L212-536.54 375.46-700l37.15 37.15-100.3 100.31h274.84q70.77 0 119.85 51.58t49.08 123.5q0 71.92-49.08 123.69Q657.92-212 587.15-212H296.08Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-undo-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M288.08-220v-60h287.07q62.62 0 107.77-41.35 45.16-41.34 45.16-102.11 0-60.77-45.16-101.93-45.15-41.15-107.77-41.15H294.31l111.3 111.31-42.15 42.15L180-596.54 363.46-780l42.15 42.15-111.3 111.31h280.84q87.77 0 150.35 58.58t62.58 144.5q0 85.92-62.58 144.69Q662.92-220 575.15-220H288.08Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-undo-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M288.08-220v-60h287.07q62.62 0 107.77-41.35 45.16-41.34 45.16-102.11 0-60.77-45.16-101.93-45.15-41.15-107.77-41.15H294.31l111.3 111.31-42.15 42.15L180-596.54 363.46-780l42.15 42.15-111.3 111.31h280.84q87.77 0 150.35 58.58t62.58 144.5q0 85.92-62.58 144.69Q662.92-220 575.15-220H288.08Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-upload:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-344.46v-352l-99.61 99.61-37.16-36.38L480-796l162.77 162.77-37.16 36.38L506-696.46v352h-52ZM212-212v-124.77h52V-264h432v-72.77h52V-212H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-upload-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M454-344.46v-352l-99.61 99.61-37.16-36.38L480-796l162.77 162.77-37.16 36.38L506-696.46v352h-52ZM212-212v-124.77h52V-264h432v-72.77h52V-212H212Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-upload-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-328.46v-336l-98.61 98.61-42.16-43.38L480-780l170.77 170.77-42.16 43.38L510-664.46v336h-60ZM180-180v-180.77h60V-240h480v-120.77h60V-180H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-upload-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M450-328.46v-336l-98.61 98.61-42.16-43.38L480-780l170.77 170.77-42.16 43.38L510-664.46v336h-60ZM180-180v-180.77h60V-240h480v-120.77h60V-180H180Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-view-module:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M602.54-506h141.08v-142H602.54v142Zm-192.69 0h141.07v-142H409.85v142Zm-193.08 0h141.08v-142H216.77v142Zm0 194h141.08v-142H216.77v142Zm193.08 0h141.07v-142H409.85v142Zm192.69 0h141.08v-142H602.54v142Zm-437.77 52v-440h630.84v440H164.77Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-view-module-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M610.54-501.69V-700h185.07v198.31H610.54Zm-221.54 0V-700h182v198.31H389Zm-224.61 0V-700h185.07v198.31H164.39Zm0 241.69v-198.31h185.07V-260H164.39ZM389-260v-198.31h182V-260H389Zm221.54 0v-198.31h185.07V-260H610.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-view-module-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M613.54-510h146.08v-170H613.54v170Zm-206.69 0h146.07v-170H406.85v170Zm-206.08 0h146.08v-170H200.77v170Zm0 230h146.08v-170H200.77v170Zm206.08 0h146.07v-170H406.85v170Zm206.69 0h146.08v-170H613.54v170Zm-472.77 60v-520h678.84v520H140.77Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-view-module-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M613.54-497.69V-740h206.07v242.31H613.54Zm-234.54 0V-740h203v242.31H379Zm-237.61 0V-740h206.07v242.31H141.39Zm0 277.69v-242.31h206.07V-220H141.39ZM379-220v-242.31h203V-220H379Zm234.54 0v-242.31h206.07V-220H613.54Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-warning:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M82.62-164 480-824l397.38 660H82.62ZM175-216h610L480-724 175-216Zm304.79-55.69q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.29-20.02-8.29t-20.23 8.08q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29ZM454-376.31h52v-192h-52v192ZM480-470Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-warning-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M82.62-164 480-824l397.38 660H82.62Zm397.17-107.69q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.29-20.02-8.29t-20.23 8.08q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29ZM454-376.31h52v-192h-52v192Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-warning-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M74.62-140 480-840l405.38 700H74.62ZM178-200h604L480-720 178-200Zm302-47.69q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02T480-312.31q-13.73 0-23.02 9.29T447.69-280q0 13.73 9.29 23.02t23.02 9.29Zm-30-104.62h60v-200h-60v200ZM480-460Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-warning-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M74.62-140 480-840l405.38 700H74.62ZM480-247.69q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02T480-312.31q-13.73 0-23.02 9.29T447.69-280q0 13.73 9.29 23.02t23.02 9.29Zm-30-104.62h60v-200h-60v200Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-work:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-164v-536h240v-124h248v124h240v536H116Zm52-52h624v-432H168v432Zm240-484h144v-72H408v72ZM168-216v-432 432Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-work-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M116-164v-536h240v-124h248v124h240v536H116Zm292-536h144v-72H408v72Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-work-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-140v-560h240v-140h280v140h240v560H100Zm60-60h640v-440H160v440Zm240-500h160v-80H400v80ZM160-200v-440 440Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-work-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M100-140v-560h240v-140h280v140h240v560H100Zm300-560h160v-80H400v80Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-in:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-400.16q-30 23.77-65.79 36.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16Zm-26-76.93V-550h-69.69v-52h69.69v-69.69h52V-602h69.69v52h-69.69v69.69h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-in-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-400.16q-30 23.77-65.79 36.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16Zm-26-76.93V-550h-69.69v-52h69.69v-69.69h52V-602h69.69v52h-69.69v69.69h-52Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-in-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Zm-30-76.93V-550h-77.69v-60h77.69v-77.69h60V-610h77.69v60h-77.69v77.69h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-in-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Zm-30-76.93V-550h-77.69v-60h77.69v-77.69h60V-610h77.69v60h-77.69v77.69h-60Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-out:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-400.16q-30 23.77-65.79 36.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16ZM293.39-550v-52h182.76v52H293.39Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-out-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M762.69-160.92 524.46-400.16q-30 23.77-65.79 36.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16ZM293.39-550v-52h182.76v52H293.39Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-out-24:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66ZM285.39-550v-60h190.76v60H285.39Z'/%3E%3C/svg%3E"); --plx-comp-icon-glyph-zoom-out-24-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66ZM285.39-550v-60h190.76v60H285.39Z'/%3E%3C/svg%3E"); } .plx-icon { --plx-comp-icon-url:var(--plx-comp-icon-outline); -webkit-mask-image: var(--plx-comp-icon-url); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: currentcolor; block-size: var(--plx-comp-icon-size,var(--plx-sys-icon-size)); display: inline-block; flex-shrink: 0; inline-size: var(--plx-comp-icon-size,var(--plx-sys-icon-size)); mask-image: var(--plx-comp-icon-url); mask-position: center; mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; } .plx-icon--size-xs { --plx-comp-icon-size:var(--plx-sys-icon-size-xs); } .plx-icon--size-sm { --plx-comp-icon-size:var(--plx-sys-icon-size-sm); } .plx-icon--size-md { --plx-comp-icon-size:var(--plx-sys-icon-size-md); } .plx-icon--size-lg { --plx-comp-icon-url:var(--plx-comp-icon-outline-24); --plx-comp-icon-size:var(--plx-sys-icon-size-lg); } .plx-icon--size-xl { --plx-comp-icon-url:var(--plx-comp-icon-outline-24); --plx-comp-icon-size:var(--plx-sys-icon-size-xl); } .plx-icon--size-12 { --plx-comp-icon-size:var(--plx-ref-size-12px); } .plx-icon--size-14 { --plx-comp-icon-size:var(--plx-ref-glyph-size-14px); } .plx-icon--size-16 { --plx-comp-icon-size:var(--plx-ref-size-16px); } .plx-icon--size-20 { --plx-comp-icon-size:var(--plx-ref-size-20px); } .plx-icon--size-24 { --plx-comp-icon-url:var(--plx-comp-icon-outline-24); --plx-comp-icon-size:var(--plx-ref-size-24px); } [aria-current=page] .plx-icon, [aria-current=true] .plx-icon, [aria-pressed=true] .plx-icon, [aria-selected=true] .plx-icon, .is-selected .plx-icon, .is-current .plx-icon, .plx-icon.plx-icon--filled { --plx-comp-icon-url:var(--plx-comp-icon-filled); } .plx-app-header .plx-icon, [data-plx-density=comfortable] .plx-icon { --plx-comp-icon-url:var(--plx-comp-icon-outline-24); } .plx-app-header [aria-current=page] .plx-icon, .plx-app-header [aria-current=true] .plx-icon, .plx-app-header [aria-pressed=true] .plx-icon, .plx-app-header [aria-selected=true] .plx-icon, .plx-app-header .is-selected .plx-icon, .plx-app-header .is-current .plx-icon, [data-plx-density=comfortable] [aria-current=page] .plx-icon, [data-plx-density=comfortable] [aria-current=true] .plx-icon, [data-plx-density=comfortable] [aria-pressed=true] .plx-icon, [data-plx-density=comfortable] [aria-selected=true] .plx-icon, [data-plx-density=comfortable] .is-selected .plx-icon, [data-plx-density=comfortable] .is-current .plx-icon, .plx-app-header .plx-icon.plx-icon--filled, [data-plx-density=comfortable] .plx-icon.plx-icon--filled, .plx-icon--size-lg.plx-icon--filled, .plx-icon--size-xl.plx-icon--filled { --plx-comp-icon-url:var(--plx-comp-icon-filled-24); } .plx-icon--add { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-add-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-add-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-add); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-add-24); } .plx-icon--alert { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-error-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-error-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-error); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-error-24); } .plx-icon--app-switcher { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-apps-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-apps-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-apps); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-apps-24); } .plx-icon--arrow-left { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-arrow-back-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-arrow-back-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-arrow-back); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-arrow-back-24); } .plx-icon--bookmark { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-bookmark-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-bookmark-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-bookmark); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-bookmark-24); } .plx-icon--briefcase { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-work-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-work-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-work); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-work-24); } .plx-icon--briefcase-plus { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-library-add-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-library-add-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-library-add); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-library-add-24); } .plx-icon--button { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-smart-button-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-smart-button-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-smart-button); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-smart-button-24); } .plx-icon--calendar { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-calendar-month-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-calendar-month-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-calendar-month); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-calendar-month-24); } .plx-icon--caret { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-arrow-drop-down-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-arrow-drop-down-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-arrow-drop-down); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-arrow-drop-down-24); } .plx-icon--check { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-check-small-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-check-small-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-check-small); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-check-small-24); } .plx-icon--chevron-down { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-expand-more-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-expand-more-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-expand-more); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-expand-more-24); } .plx-icon--chevron-left { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-chevron-left-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-chevron-left-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-chevron-left); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-chevron-left-24); } .plx-icon--chevron-right { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-chevron-right-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-chevron-right-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-chevron-right); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-chevron-right-24); } .plx-icon--circle-check { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-check-circle-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-check-circle-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-check-circle); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-check-circle-24); } .plx-icon--circle-info { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-info-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-info-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-info); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-info-24); } .plx-icon--circle-plus { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-add-circle-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-add-circle-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-add-circle); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-add-circle-24); } .plx-icon--clock { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-schedule-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-schedule-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-schedule); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-schedule-24); } .plx-icon--close { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-close-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-close-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-close); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-close-24); } .plx-icon--close-2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-close-small-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-close-small-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-close-small); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-close-small-24); } .plx-icon--close-bold { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-close-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-close-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-close); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-close-24); } .plx-icon--database { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-database-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-database-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-database); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-database-24); } .plx-icon--density-comfortable { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-density-large-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-density-large-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-density-large); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-density-large-24); } .plx-icon--density-compact { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-density-small-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-density-small-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-density-small); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-density-small-24); } .plx-icon--density-standard { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-density-medium-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-density-medium-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-density-medium); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-density-medium-24); } .plx-icon--doc-search { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-find-in-page-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-find-in-page-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-find-in-page); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-find-in-page-24); } .plx-icon--doc-text { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-description-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-description-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-description); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-description-24); } .plx-icon--document { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-draft-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-draft-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-draft); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-draft-24); } .plx-icon--document-fold { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-tab-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-tab-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-tab); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-tab-24); } .plx-icon--download-alt { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-download-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-download-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-download); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-download-24); } .plx-icon--download-arrow { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-download-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-download-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-download); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-download-24); } .plx-icon--download-tray { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-download-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-download-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-download); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-download-24); } .plx-icon--ed-align-center { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-format-align-center-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-format-align-center-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-format-align-center); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-format-align-center-24); } .plx-icon--ed-align-left { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-format-align-left-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-format-align-left-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-format-align-left); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-format-align-left-24); } .plx-icon--ed-align-right { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-format-align-right-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-format-align-right-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-format-align-right); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-format-align-right-24); } .plx-icon--ed-copy { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-content-copy-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-content-copy-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-content-copy); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-content-copy-24); } .plx-icon--ed-crop { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-crop-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-crop-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-crop); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-crop-24); } .plx-icon--ed-download { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-download-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-download-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-download); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-download-24); } .plx-icon--ed-download-2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-download-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-download-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-download); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-download-24); } .plx-icon--ed-filters { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-photo-filter-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-photo-filter-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-photo-filter); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-photo-filter-24); } .plx-icon--ed-flip-x { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-flip-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-flip-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-flip); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-flip-24); } .plx-icon--ed-flip-y { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-flip-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-flip-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-flip); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-flip-24); } .plx-icon--ed-image { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-image-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-image-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-image); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-image-24); } .plx-icon--ed-recenter { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-center-focus-weak-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-center-focus-weak-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-center-focus-weak); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-center-focus-weak-24); } .plx-icon--ed-redo { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-redo-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-redo-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-redo); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-redo-24); } .plx-icon--ed-rotate-ccw { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-rotate-left-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-rotate-left-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-rotate-left); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-rotate-left-24); } .plx-icon--ed-rotate-cw { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-rotate-right-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-rotate-right-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-rotate-right); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-rotate-right-24); } .plx-icon--ed-text { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-text-fields-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-text-fields-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-text-fields); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-text-fields-24); } .plx-icon--ed-undo { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-undo-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-undo-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-undo); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-undo-24); } .plx-icon--ed-zoom-in { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-zoom-in-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-zoom-in-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-zoom-in); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-zoom-in-24); } .plx-icon--ed-zoom-out { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-zoom-out-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-zoom-out-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-zoom-out); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-zoom-out-24); } .plx-icon--expand { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-open-in-full-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-open-in-full-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-open-in-full); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-open-in-full-24); } .plx-icon--export { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-output-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-output-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-output); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-output-24); } .plx-icon--fields { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-list-alt-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-list-alt-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-list-alt); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-list-alt-24); } .plx-icon--file-ai { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-draft-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-draft-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-draft); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-draft-24); } .plx-icon--file-jpg { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-image-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-image-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-image); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-image-24); } .plx-icon--file-pdf { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-picture-as-pdf-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-picture-as-pdf-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-picture-as-pdf); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-picture-as-pdf-24); } .plx-icon--file-png { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-image-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-image-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-image); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-image-24); } .plx-icon--file-psd { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-draft-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-draft-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-draft); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-draft-24); } .plx-icon--file-svg { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-image-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-image-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-image); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-image-24); } .plx-icon--file-zip { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-folder-zip-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-folder-zip-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-folder-zip); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-folder-zip-24); } .plx-icon--filter { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-filter-alt-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-filter-alt-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-filter-alt); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-filter-alt-24); } .plx-icon--folder { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-folder-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-folder-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-folder); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-folder-24); } .plx-icon--folder-add { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-create-new-folder-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-create-new-folder-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-create-new-folder); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-create-new-folder-24); } .plx-icon--folder-open { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-folder-open-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-folder-open-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-folder-open); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-folder-open-24); } .plx-icon--gear { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-settings-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-settings-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-settings); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-settings-24); } .plx-icon--grid-2x2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-grid-view-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-grid-view-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-grid-view); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-grid-view-24); } .plx-icon--grid-3x2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-view-module-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-view-module-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-view-module); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-view-module-24); } .plx-icon--hdr-bell { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-notifications-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-notifications-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-notifications); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-notifications-24); } .plx-icon--hdr-search { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-search-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-search-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-search); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-search-24); } .plx-icon--hdr-upload { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-upload-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-upload-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-upload); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-upload-24); } .plx-icon--home { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-home-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-home-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-home); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-home-24); } .plx-icon--image-a-2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-image-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-image-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-image); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-image-24); } .plx-icon--image-b { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-photo-library-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-photo-library-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-photo-library); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-photo-library-24); } .plx-icon--image-b-2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-perm-media-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-perm-media-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-perm-media); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-perm-media-24); } .plx-icon--import { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-input-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-input-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-input); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-input-24); } .plx-icon--info-circle { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-info-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-info-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-info); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-info-24); } .plx-icon--list-bullets { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-format-list-bulleted-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-format-list-bulleted-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-format-list-bulleted); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-format-list-bulleted-24); } .plx-icon--list-lines { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-list-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-list-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-list); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-list-24); } .plx-icon--lock { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-lock-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-lock-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-lock); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-lock-24); } .plx-icon--menu-lines { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-menu-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-menu-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-menu); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-menu-24); } .plx-icon--merge { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-merge-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-merge-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-merge); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-merge-24); } .plx-icon--message { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-chat-bubble-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-chat-bubble-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-chat-bubble); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-chat-bubble-24); } .plx-icon--move { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-drive-file-move-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-drive-file-move-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-drive-file-move); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-drive-file-move-24); } .plx-icon--panel-left-close { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-left-panel-close-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-left-panel-close-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-left-panel-close); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-left-panel-close-24); } .plx-icon--panel-left-open { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-left-panel-open-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-left-panel-open-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-left-panel-open); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-left-panel-open-24); } .plx-icon--panel-right-close { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-right-panel-close-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-right-panel-close-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-right-panel-close); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-right-panel-close-24); } .plx-icon--panel-right-open { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-right-panel-open-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-right-panel-open-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-right-panel-open); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-right-panel-open-24); } .plx-icon--pencil { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-edit-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-edit-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-edit); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-edit-24); } .plx-icon--person { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-person-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-person-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-person); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-person-24); } .plx-icon--phone { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-call-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-call-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-call); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-call-24); } .plx-icon--pin { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-push-pin-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-push-pin-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-push-pin); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-push-pin-24); } .plx-icon--pin-filled { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-push-pin-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-push-pin-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-push-pin-fill); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-push-pin-24-fill); } .plx-icon--plus { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-add-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-add-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-add); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-add-24); } .plx-icon--refresh { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-refresh-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-refresh-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-refresh); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-refresh-24); } .plx-icon--rename { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-drive-file-rename-outline-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-drive-file-rename-outline-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-drive-file-rename-outline); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-drive-file-rename-outline-24); } .plx-icon--save { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-save-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-save-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-save); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-save-24); } .plx-icon--save-doc { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-save-as-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-save-as-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-save-as); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-save-as-24); } .plx-icon--schedule { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-schedule-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-schedule-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-schedule); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-schedule-24); } .plx-icon--search { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-search-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-search-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-search); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-search-24); } .plx-icon--select-chevron { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-keyboard-arrow-down-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-keyboard-arrow-down-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-keyboard-arrow-down); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-keyboard-arrow-down-24); } .plx-icon--settings-camera { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-photo-camera-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-photo-camera-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-photo-camera); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-photo-camera-24); } .plx-icon--settings-catalog { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-menu-book-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-menu-book-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-menu-book); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-menu-book-24); } .plx-icon--settings-categories { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-category-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-category-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-category); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-category-24); } .plx-icon--settings-customize { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-tune-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-tune-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-tune); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-tune-24); } .plx-icon--settings-database { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-database-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-database-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-database); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-database-24); } .plx-icon--settings-email { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-mail-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-mail-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-mail); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-mail-24); } .plx-icon--settings-general { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-settings-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-settings-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-settings); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-settings-24); } .plx-icon--settings-maintenance { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-build-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-build-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-build); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-build-24); } .plx-icon--settings-metadata { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-dataset-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-dataset-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-dataset); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-dataset-24); } .plx-icon--settings-permissions { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-admin-panel-settings-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-admin-panel-settings-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-admin-panel-settings); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-admin-panel-settings-24); } .plx-icon--settings-preferences { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-toggle-on-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-toggle-on-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-toggle-on); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-toggle-on-24); } .plx-icon--settings-profile { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-account-circle-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-account-circle-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-account-circle); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-account-circle-24); } .plx-icon--settings-scheduler { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-event-repeat-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-event-repeat-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-event-repeat); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-event-repeat-24); } .plx-icon--settings-users { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-group-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-group-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-group); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-group-24); } .plx-icon--share { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-share-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-share-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-share); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-share-24); } .plx-icon--snapshot { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-photo-camera-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-photo-camera-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-photo-camera); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-photo-camera-24); } .plx-icon--sort { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-swap-vert-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-swap-vert-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-swap-vert); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-swap-vert-24); } .plx-icon--sparkle { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-auto-awesome-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-auto-awesome-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-auto-awesome); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-auto-awesome-24); } .plx-icon--tags { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-sell-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-sell-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-sell); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-sell-24); } .plx-icon--text-card { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-article-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-article-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-article); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-article-24); } .plx-icon--trash { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-delete-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-delete-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-delete); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-delete-24); } .plx-icon--trash-detail { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-delete-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-delete-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-delete); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-delete-24); } .plx-icon--trash-simple { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-delete-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-delete-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-delete); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-delete-24); } .plx-icon--triangle-right { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-arrow-right-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-arrow-right-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-arrow-right); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-arrow-right-24); } .plx-icon--upload { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-upload-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-upload-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-upload); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-upload-24); } .plx-icon--upload-2 { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-upload-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-upload-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-upload); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-upload-24); } .plx-icon--warning { --plx-comp-icon-filled:var(--plx-comp-icon-glyph-warning-fill); --plx-comp-icon-filled-24:var(--plx-comp-icon-glyph-warning-24-fill); --plx-comp-icon-outline:var(--plx-comp-icon-glyph-warning); --plx-comp-icon-outline-24:var(--plx-comp-icon-glyph-warning-24); } /* platform/components/Button/button.css */ .plx-button { --plx-comp-button-font-size:var(--plx-ref-font-size-13); --plx-comp-button-font-weight:var(--plx-ref-font-weight-semibold-600); --plx-comp-button-gap:var(--plx-comp-button-icon-label-gap); --plx-comp-button-height:var(--plx-sys-control-height-standard); --plx-comp-button-hover-background:var(--plx-sys-state-hover); --plx-comp-button-hover-border:var(--plx-sys-border-strong); --plx-comp-button-icon:var(--plx-sys-control-icon-standard); --plx-comp-button-padding:var(--plx-comp-button-padding-inline); --plx-comp-button-primary-ring:var(--plx-sys-shadow-ring-subtle); --plx-comp-button-selected-border:var(--plx-sys-selected-border); --plx-comp-button-selected-text:var(--plx-sys-selected-content); --plx-comp-button-text:var(--plx-sys-content-default); align-items: center; appearance: none; background-color: var(--plx-sys-control-background); border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-comp-button-text); column-gap: var(--plx-comp-button-gap); cursor: pointer; display: inline-flex; flex-shrink: 0; font-family: var(--plx-sys-font-label); font-size: var(--plx-comp-button-font-size); font-weight: var(--plx-comp-button-font-weight); justify-content: center; line-height: var(--plx-ref-line-height-none); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-comp-button-height); padding-block-end: 0; padding-block-start: 0; padding-inline-end: calc(var(--plx-comp-button-padding) - var(--plx-ref-border-width-1px)); padding-inline-start: calc(var(--plx-comp-button-padding) - var(--plx-ref-border-width-1px)); text-decoration: none; user-select: none; vertical-align: middle; white-space: nowrap; } .plx-button--size-sm, .plx-button--size-xs { --plx-comp-button-font-size:var(--plx-ref-font-size-12); --plx-comp-button-font-weight:var(--plx-ref-font-weight-medium-500); --plx-comp-button-gap:var(--plx-sys-space-inline-xs); --plx-comp-button-height:var(--plx-sys-control-height-toolbar); --plx-comp-button-hover-background:var(--plx-sys-fill-neutral-hover); --plx-comp-button-hover-border:var(--plx-sys-control-border); --plx-comp-button-icon:var(--plx-sys-control-icon-toolbar); --plx-comp-button-padding:var(--plx-sys-space-inset-sm); --plx-comp-button-primary-ring:none; --plx-comp-button-selected-border:var(--plx-sys-action-primary-background); --plx-comp-button-selected-text:var(--plx-sys-content-link); --plx-comp-button-text:var(--plx-sys-content-muted); } .plx-button--size-xs { --plx-comp-button-height:var(--plx-sys-control-height-inline); --plx-comp-button-icon:var(--plx-sys-control-icon-inline); } .plx-button--size-2xs { --plx-comp-button-font-size:var(--plx-ref-font-size-11); --plx-comp-button-font-weight:var(--plx-ref-font-weight-medium-500); --plx-comp-button-gap:var(--plx-sys-space-inline-xs); --plx-comp-button-height:var(--plx-sys-control-height-inline); --plx-comp-button-hover-background:var(--plx-sys-state-selected); --plx-comp-button-hover-border:var(--plx-sys-selected-border); --plx-comp-button-icon:var(--plx-sys-control-icon-inline); --plx-comp-button-padding:var(--plx-sys-space-inset-sm); --plx-comp-button-primary-ring:none; --plx-comp-button-selected-border:var(--plx-sys-action-primary-background); --plx-comp-button-selected-text:var(--plx-sys-content-link); --plx-comp-button-text:var(--plx-sys-content-muted); } .plx-button--size-lg { --plx-comp-button-font-size:var(--plx-ref-font-size-14); --plx-comp-button-height:var(--plx-sys-control-height-prominent); --plx-comp-button-icon:var(--plx-sys-control-icon-prominent); --plx-comp-button-padding:var(--plx-sys-space-inset-lg); } .plx-button__icon { --plx-comp-icon-size:var(--plx-comp-button-icon); align-items: center; block-size: var(--plx-comp-button-icon); display: inline-flex; flex-shrink: 0; inline-size: var(--plx-comp-button-icon); justify-content: center; } .plx-button__icon .plx-icon { --plx-comp-icon-size:var(--plx-comp-button-icon); } .plx-button__label { min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .plx-button:hover, .plx-button.is-hover { background-color: var(--plx-comp-button-hover-background); border-bottom-color: var(--plx-comp-button-hover-border); border-left-color: var(--plx-comp-button-hover-border); border-right-color: var(--plx-comp-button-hover-border); border-top-color: var(--plx-comp-button-hover-border); color: var(--plx-sys-content-default); } .plx-button.is-selected { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-comp-button-selected-border); border-left-color: var(--plx-comp-button-selected-border); border-right-color: var(--plx-comp-button-selected-border); border-top-color: var(--plx-comp-button-selected-border); color: var(--plx-comp-button-selected-text); } .plx-button:focus-visible, .plx-button.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-button:disabled, .plx-button[aria-disabled=true] { background-color: var(--plx-sys-fill-neutral); border-bottom-color: var(--plx-sys-border-strong); border-left-color: var(--plx-sys-border-strong); border-right-color: var(--plx-sys-border-strong); border-top-color: var(--plx-sys-border-strong); box-shadow: none; color: var(--plx-sys-content-disabled); cursor: not-allowed; } .plx-button.is-loading { cursor: progress; } .plx-button--ghost { background-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; color: var(--plx-sys-content-muted); } .plx-button--ghost:hover, .plx-button--ghost.is-hover { background-color: var(--plx-comp-button-hover-background); border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; color: var(--plx-sys-content-default); } .plx-button--primary { background-color: var(--plx-sys-action-primary-background); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); box-shadow: var(--plx-comp-button-primary-ring); color: var(--plx-sys-action-primary-content); } .plx-button--primary:hover, .plx-button--primary.is-hover { background-color: var(--plx-sys-action-primary-background-hover); border-bottom-color: var(--plx-sys-action-primary-background-hover); border-left-color: var(--plx-sys-action-primary-background-hover); border-right-color: var(--plx-sys-action-primary-background-hover); border-top-color: var(--plx-sys-action-primary-background-hover); color: var(--plx-sys-action-primary-content); } .plx-button--danger { background-color: var(--plx-sys-action-danger-background); border-bottom-color: var(--plx-sys-action-danger-background); border-left-color: var(--plx-sys-action-danger-background); border-right-color: var(--plx-sys-action-danger-background); border-top-color: var(--plx-sys-action-danger-background); color: var(--plx-sys-action-danger-content); } .plx-button--danger:hover, .plx-button--danger.is-hover { background-color: var(--plx-sys-action-danger-background-hover); border-bottom-color: var(--plx-sys-action-danger-background-hover); border-left-color: var(--plx-sys-action-danger-background-hover); border-right-color: var(--plx-sys-action-danger-background-hover); border-top-color: var(--plx-sys-action-danger-background-hover); color: var(--plx-sys-action-danger-content); } .plx-button--tertiary { background-color: transparent; border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-background); } .plx-button--tertiary:hover, .plx-button--tertiary.is-hover { background-color: var(--plx-sys-action-primary-background); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); color: var(--plx-sys-action-primary-content); } .plx-button--danger-secondary { border-bottom-color: var(--plx-sys-action-danger-background); border-left-color: var(--plx-sys-action-danger-background); border-right-color: var(--plx-sys-action-danger-background); border-top-color: var(--plx-sys-action-danger-background); color: var(--plx-sys-feedback-danger-content); } .plx-button--danger-secondary:hover, .plx-button--danger-secondary.is-selected, .plx-button--danger-secondary.is-hover { background-color: var(--plx-sys-action-danger-background); border-bottom-color: var(--plx-sys-action-danger-background); border-left-color: var(--plx-sys-action-danger-background); border-right-color: var(--plx-sys-action-danger-background); border-top-color: var(--plx-sys-action-danger-background); color: var(--plx-sys-action-danger-content); } .plx-button--link { background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-link); min-block-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-decoration: underline; text-underline-offset: var(--plx-sys-focus-ring-offset); } .plx-button--link:hover, .plx-button--link.is-hover { background-color: transparent; color: var(--plx-sys-content-link); text-decoration-thickness: var(--plx-ref-border-width-2px); } .plx-button--icon-only { inline-size: var(--plx-comp-button-height); min-inline-size: var(--plx-comp-button-height); padding-inline-end: 0; padding-inline-start: 0; } .plx-button__caret { -webkit-mask-image: var(--plx-comp-icon-glyph-arrow-drop-down); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: currentcolor; block-size: var(--plx-ref-glyph-size-6px); flex-shrink: 0; inline-size: var(--plx-ref-glyph-size-10px); mask-image: var(--plx-comp-icon-glyph-arrow-drop-down); mask-position: center; mask-repeat: no-repeat; mask-size: contain; transition-duration: var(--plx-ref-motion-duration-fast); transition-property: transform; } .plx-button[aria-expanded=true] .plx-button__caret { transform: rotate(180deg); } .plx-button-group { display: inline-flex; } .plx-button-group > .plx-button:not(:first-child) { border-bottom-left-radius: var(--plx-ref-radius-0px); border-left-width: 0; border-top-left-radius: var(--plx-ref-radius-0px); } .plx-button-group > .plx-button:not(:last-child) { border-bottom-right-radius: var(--plx-ref-radius-0px); border-top-right-radius: var(--plx-ref-radius-0px); } .plx-button-group > .plx-button:focus-visible, .plx-button-group > .plx-button.is-focus-visible { position: relative; z-index: var(--plx-sys-layer-raised); } .plx-button--ghost:disabled, .plx-button--ghost[aria-disabled=true], .plx-button--link:disabled, .plx-button--link[aria-disabled=true] { background-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; box-shadow: none; } /* platform/components/RowButton/row-button.css */ .plx-row-button { appearance: none; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: inherit; font-size: inherit; font-weight: inherit; inline-size: 100%; letter-spacing: inherit; line-height: inherit; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-align: start; transition-duration: var(--plx-ref-motion-duration-fast); transition-property: background-color; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-row-button--hover:hover, .plx-row-button--hover.is-hover { background-color: var(--plx-sys-state-hover); } .plx-row-button.is-selected, .plx-row-button.is-selected:hover, .plx-row-button.is-selected.is-hover { background-color: var(--plx-sys-state-selected); } .plx-row-button:focus-visible, .plx-row-button.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-row-button:disabled { color: var(--plx-sys-content-disabled); cursor: default; } /* platform/components/SegmentedControl/segmented-control.css */ .plx-segmented { align-items: stretch; background-color: var(--plx-sys-fill-neutral); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); box-sizing: border-box; column-gap: var(--plx-sys-space-cluster-xs); display: inline-flex; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-segmented__item { --plx-comp-icon-size:var(--plx-sys-control-icon-inline); --plx-sys-radius-inset:var(--plx-sys-space-inset-xs); --plx-sys-radius-outer:var(--plx-sys-radius-control); align-items: center; appearance: none; background-color: transparent; border-bottom-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-muted); column-gap: var(--plx-sys-space-inline-xs); cursor: pointer; display: inline-flex; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-12); font-weight: var(--plx-ref-font-weight-medium-500); justify-content: center; min-block-size: var(--plx-sys-control-height-inline); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); white-space: nowrap; } .plx-segmented__item:hover, .plx-segmented__item.is-hover { color: var(--plx-sys-content-default); } .plx-segmented__item.is-selected { background-color: var(--plx-sys-surface-raised); box-shadow: var(--plx-sys-shadow-card); color: var(--plx-sys-content-default); } .plx-segmented__item:focus-visible, .plx-segmented__item.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-segmented--sm .plx-segmented__item { font-size: var(--plx-ref-font-size-11); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/components/Input/input.css */ .plx-input { appearance: none; background-color: var(--plx-sys-control-background); border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-12); inline-size: 100%; line-height: var(--plx-ref-line-height-tight); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; max-inline-size: var(--plx-ref-size-600px); min-block-size: var(--plx-sys-control-height-standard); min-inline-size: 0; outline-style: none; padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-input::placeholder { color: var(--plx-sys-field-placeholder); } .plx-input:hover, .plx-input.is-hover { border-bottom-color: var(--plx-sys-border-strong); border-left-color: var(--plx-sys-border-strong); border-right-color: var(--plx-sys-border-strong); border-top-color: var(--plx-sys-border-strong); } .plx-input:focus-visible, .plx-input:focus, .plx-input.is-focused, .plx-select.is-focused .plx-select__control, .plx-input.is-focus-visible { border-bottom-color: var(--plx-sys-focus-ring-color); border-left-color: var(--plx-sys-focus-ring-color); border-right-color: var(--plx-sys-focus-ring-color); border-top-color: var(--plx-sys-focus-ring-color); } .plx-input[aria-invalid=true] { border-bottom-color: var(--plx-sys-action-danger-background); border-left-color: var(--plx-sys-action-danger-background); border-right-color: var(--plx-sys-action-danger-background); border-top-color: var(--plx-sys-action-danger-background); } .plx-input:disabled { background-color: var(--plx-sys-fill-neutral); color: var(--plx-sys-content-disabled); cursor: not-allowed; } .plx-input[readonly] { background-color: var(--plx-sys-surface-sunken); } .plx-textarea { font-size: var(--plx-ref-font-size-12); line-height: var(--plx-ref-line-height-normal); min-block-size: var(--plx-ref-size-60px); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); resize: vertical; } .plx-select { display: inline-flex; inline-size: 100%; max-inline-size: var(--plx-ref-size-600px); position: relative; } .plx-select::after { -webkit-mask-image: var(--plx-comp-icon-glyph-keyboard-arrow-down); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--plx-sys-content-muted); block-size: var(--plx-ref-size-12px); content: ""; inline-size: var(--plx-ref-size-12px); inset-block-start: 50%; inset-inline-end: var(--plx-sys-space-inset-md); mask-image: var(--plx-comp-icon-glyph-keyboard-arrow-down); mask-position: center; mask-repeat: no-repeat; mask-size: contain; pointer-events: none; position: absolute; transform: translateY(-50%); } .plx-select__control { cursor: pointer; padding-inline-end: var(--plx-ref-space-32px); } .plx-input.plx-input--width-xs { flex-shrink: 0; inline-size: var(--plx-sys-field-width-xs); } .plx-input.plx-input--width-sm { flex-shrink: 0; inline-size: var(--plx-sys-field-width-sm); } .plx-input.plx-input--width-md { flex-shrink: 0; inline-size: var(--plx-sys-field-width-md); } .plx-input.plx-input--width-lg { flex-shrink: 0; inline-size: var(--plx-sys-field-width-lg); } .plx-input.plx-input--data { font-family: var(--plx-sys-font-data); } .plx-input.plx-input--emphasis { font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-input[type=color] { cursor: pointer; flex-shrink: 0; } /* platform/components/Field/field.css */ .plx-field { display: grid; min-inline-size: 0; } .plx-field--stacked { row-gap: var(--plx-comp-field-label-control-gap); } .plx-field--inline { align-items: center; column-gap: var(--plx-sys-space-inline-sm); grid-template-columns: var(--plx-ref-size-160px) minmax(0, 1fr); } .plx-field--row { align-items: center; column-gap: var(--plx-sys-space-inline-lg); grid-template-columns: minmax(0, 1fr) auto; } .plx-field__head { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-wrap: wrap; min-inline-size: 0; } .plx-field--row .plx-field__head { align-items: flex-start; flex-direction: column; row-gap: var(--plx-sys-space-stack-xs); } .plx-field__label { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-medium-500); line-height: var(--plx-ref-size-16px); } .plx-field--row .plx-field__label { font-size: var(--plx-ref-font-size-13); line-height: var(--plx-ref-size-20px); } .plx-field__required { color: var(--plx-sys-feedback-danger-content); } .plx-field__control { display: grid; min-inline-size: 0; row-gap: var(--plx-comp-field-control-helper-gap); } .plx-field__description { color: var(--plx-sys-content-subtle); font-size: var(--plx-ref-font-size-11); } .plx-field--row .plx-field__description { font-size: var(--plx-ref-font-size-12); } .plx-field__error { color: var(--plx-sys-feedback-danger-content); font-size: var(--plx-ref-font-size-11); } .plx-field__info { align-items: center; appearance: none; background-color: var(--plx-sys-border-default); block-size: var(--plx-ref-size-16px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-inverse); cursor: pointer; display: inline-flex; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-bold-700); inline-size: var(--plx-ref-size-16px); justify-content: center; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: relative; } .plx-field__info::before { content: ""; inset-block-end: calc(var(--plx-sys-space-inset-xs) * -1); inset-block-start: calc(var(--plx-sys-space-inset-xs) * -1); inset-inline-end: calc(var(--plx-sys-space-inset-xs) * -1); inset-inline-start: calc(var(--plx-sys-space-inset-xs) * -1); position: absolute; } .plx-field__info:hover, .plx-field__info[aria-expanded=true], .plx-field__info.is-hover { background-color: var(--plx-sys-action-primary-background); } .plx-field__info:focus-visible, .plx-field__info.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-field__info-text { background-color: var(--plx-sys-surface-sunken); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-field--inline.plx-field--label-sm { grid-template-columns: var(--plx-sys-label-width-sm) minmax(0, 1fr); } /* platform/components/Checkbox/checkbox.css */ .plx-check { align-items: flex-start; column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: inline-flex; font-size: var(--plx-ref-font-size-12); min-block-size: var(--plx-sys-control-height-inline); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); } .plx-check__input { accent-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-16px); cursor: pointer; flex-shrink: 0; inline-size: var(--plx-ref-size-16px); margin-block-end: 0; margin-block-start: 0; margin-block-start: calc((1lh - var(--plx-ref-size-16px)) / 2); margin-inline-end: 0; margin-inline-start: 0; } .plx-check__input:focus-visible, .plx-check__input.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-check__text { display: flex; flex-direction: column; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-check__label { color: var(--plx-sys-content-default); } .plx-check__description { color: var(--plx-sys-content-subtle); font-size: var(--plx-ref-font-size-11); } .plx-check:has(.plx-check__input:disabled) { cursor: not-allowed; opacity: var(--plx-ref-opacity-50); } .plx-radio-group { border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; display: flex; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-radio-group--column { flex-direction: column; } .plx-radio-group--row { column-gap: var(--plx-sys-space-cluster-md); flex-wrap: wrap; } .plx-radio-group__legend { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-medium-500); margin-block-end: var(--plx-comp-field-label-control-gap); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-choice-list { border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; display: flex; flex-direction: column; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; max-inline-size: var(--plx-ref-size-560px); min-inline-size: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; row-gap: var(--plx-sys-space-component-gap-sm); } .plx-choice-list__legend { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: var(--plx-comp-field-label-control-gap); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-choice { align-items: flex-start; border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: flex; min-block-size: var(--plx-sys-control-height-standard); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-choice[hidden] { display: none; } .plx-choice:hover, .plx-choice.is-hover { background-color: var(--plx-sys-state-hover); } .plx-choice.is-selected { background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-action-primary-background); border-left-color: var(--plx-sys-action-primary-background); border-right-color: var(--plx-sys-action-primary-background); border-top-color: var(--plx-sys-action-primary-background); } .plx-choice:has(.plx-choice__input:focus-visible), .plx-choice:has(.plx-choice__input.is-focus-visible) { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-choice__input { accent-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-16px); flex-shrink: 0; inline-size: var(--plx-ref-size-16px); margin-block-end: 0; margin-block-start: 0; margin-block-start: calc((1lh - var(--plx-ref-size-16px)) / 2); margin-inline-end: 0; margin-inline-start: 0; } .plx-choice__text { display: flex; flex-direction: column; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-choice__label { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-choice__description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); } .plx-switch { align-items: center; column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: inline-flex; font-size: var(--plx-ref-font-size-12); min-block-size: var(--plx-sys-control-height-inline); position: relative; } .plx-switch__input { block-size: 100%; cursor: pointer; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; opacity: 0; position: absolute; } .plx-switch__track { background-color: var(--plx-sys-border-default); block-size: var(--plx-ref-size-20px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); flex-shrink: 0; inline-size: var(--plx-ref-size-36px); position: relative; transition-duration: var(--plx-ref-motion-duration-base); transition-property: background-color; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-switch__track::after { background-color: var(--plx-sys-control-background); block-size: var(--plx-ref-size-16px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); box-shadow: var(--plx-sys-shadow-md); content: ""; inline-size: var(--plx-ref-size-16px); inset-block-start: calc((var(--plx-ref-size-20px) - var(--plx-ref-size-16px)) / 2); inset-inline-start: calc((var(--plx-ref-size-20px) - var(--plx-ref-size-16px)) / 2); position: absolute; transition-duration: var(--plx-ref-motion-duration-base); transition-property: transform; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-switch__input:checked + .plx-switch__track { background-color: var(--plx-sys-action-primary-background); } .plx-switch__input:checked + .plx-switch__track::after { transform: translateX(calc(var(--plx-ref-size-36px) - var(--plx-ref-size-20px))); } .plx-switch__input:focus-visible + .plx-switch__track, .plx-switch__input.is-focus-visible + .plx-switch__track { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-switch__input:disabled + .plx-switch__track { opacity: var(--plx-ref-opacity-50); } .plx-switch__label { color: var(--plx-sys-content-default); } /* platform/components/Combobox/combobox.css */ .plx-combobox { display: block; max-inline-size: var(--plx-ref-size-600px); position: relative; } .plx-combobox__field { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); cursor: text; display: flex; flex-wrap: wrap; padding-inline-end: var(--plx-ref-space-32px); position: relative; row-gap: var(--plx-sys-space-cluster-xs); } .plx-combobox--multiple .plx-combobox__field { padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-combobox__field:focus-within { border-bottom-color: var(--plx-sys-focus-ring-color); border-left-color: var(--plx-sys-focus-ring-color); border-right-color: var(--plx-sys-focus-ring-color); border-top-color: var(--plx-sys-focus-ring-color); } .plx-combobox__input { background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; flex-basis: var(--plx-ref-size-60px); flex-grow: 1; font-family: inherit; font-size: inherit; min-block-size: var(--plx-sys-label-height-20px); min-inline-size: 0; outline-style: none; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-combobox__input::placeholder { color: var(--plx-sys-field-placeholder); } .plx-combobox__chevron { -webkit-mask-image: var(--plx-comp-icon-glyph-keyboard-arrow-down); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--plx-sys-content-muted); block-size: var(--plx-ref-size-12px); inline-size: var(--plx-ref-size-12px); inset-block-start: 50%; inset-inline-end: var(--plx-sys-space-inset-md); mask-image: var(--plx-comp-icon-glyph-keyboard-arrow-down); mask-position: center; mask-repeat: no-repeat; mask-size: contain; pointer-events: none; position: absolute; transform: translateY(-50%); } .plx-combobox__list { background-color: var(--plx-sys-surface-overlay); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-menu-8px); border-bottom-right-radius: var(--plx-sys-radius-menu-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-menu-8px); border-top-right-radius: var(--plx-sys-radius-menu-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-shadow: var(--plx-sys-elevation-menu); box-sizing: border-box; inset-block-start: 100%; inset-inline-end: 0; inset-inline-start: 0; list-style: none; margin-block-end: 0; margin-block-start: 0; margin-block-start: var(--plx-sys-space-stack-xs); margin-inline-end: 0; margin-inline-start: 0; max-block-size: var(--plx-ref-size-220px); overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); position: absolute; z-index: var(--plx-sys-layer-menu); } .plx-combobox__option { align-items: center; border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); color: var(--plx-sys-content-default); cursor: pointer; display: flex; font-size: var(--plx-ref-font-size-12); min-block-size: var(--plx-sys-control-height-inline); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-combobox__option.is-active { background-color: var(--plx-sys-state-selected); } .plx-combobox__option.is-selected { color: var(--plx-sys-content-link); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-combobox__create { color: var(--plx-sys-content-link); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-combobox__empty { color: var(--plx-sys-content-subtle); font-size: var(--plx-ref-font-size-12); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-combobox.is-disabled .plx-combobox__field { background-color: var(--plx-sys-fill-neutral); color: var(--plx-sys-content-disabled); cursor: not-allowed; } .plx-combobox__group { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-semibold-600); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-transform: uppercase; } /* platform/components/SearchField/search-field.css */ .plx-search { align-items: center; display: flex; min-inline-size: 0; position: relative; } .plx-search__input { appearance: none; background-color: var(--plx-sys-fill-neutral); border-bottom-color: var(--plx-sys-control-border); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-control-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-control-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-control-border); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-12); inline-size: 100%; min-block-size: var(--plx-sys-control-height-toolbar); outline-style: none; padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-ref-space-40px); padding-inline-start: var(--plx-ref-space-32px); } .plx-search__input::-webkit-search-cancel-button { appearance: none; } .plx-search__input::placeholder { color: var(--plx-sys-field-placeholder); } .plx-search__input:focus, .plx-search__input.is-focused { border-bottom-color: var(--plx-sys-focus-ring-color); border-left-color: var(--plx-sys-focus-ring-color); border-right-color: var(--plx-sys-focus-ring-color); border-top-color: var(--plx-sys-focus-ring-color); } .plx-search__icon { align-items: center; color: var(--plx-sys-content-muted); display: inline-flex; inset-block-start: 50%; inset-inline-start: var(--plx-sys-space-inset-md); pointer-events: none; position: absolute; transform: translateY(-50%); } .plx-search__clear { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-sys-control-height-inline); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-muted); cursor: pointer; display: inline-flex; inline-size: var(--plx-sys-control-height-inline); inset-block-start: 50%; inset-inline-end: var(--plx-sys-space-inset-xs); justify-content: center; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: absolute; transform: translateY(-50%); } .plx-search__clear:hover, .plx-search__clear.is-hover { background-color: var(--plx-sys-state-hover); color: var(--plx-sys-content-default); } .plx-search__clear:focus-visible, .plx-search__clear.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-search__kbd { display: inline-flex; inset-block-start: 50%; inset-inline-end: var(--plx-sys-space-inset-md); pointer-events: none; position: absolute; transform: translateY(-50%); } .plx-search--on-accent .plx-search__input { background-color: var(--plx-sys-accent-field-background); border-bottom-color: var(--plx-sys-accent-field-border); border-left-color: var(--plx-sys-accent-field-border); border-right-color: var(--plx-sys-accent-field-border); border-top-color: var(--plx-sys-accent-field-border); color: var(--plx-sys-accent-content); } .plx-search--on-accent .plx-search__input::placeholder { color: var(--plx-sys-accent-field-placeholder); } .plx-search--on-accent .plx-search__icon, .plx-search--on-accent .plx-search__clear { color: var(--plx-sys-accent-field-placeholder); } .plx-search__icon .plx-icon { --plx-comp-icon-size:var(--plx-sys-control-icon-toolbar); } .plx-search__clear .plx-icon { --plx-comp-icon-size:var(--plx-sys-control-icon-inline); } /* platform/components/Tooltip/tooltip.css */ .plx-tooltip { display: inline-flex; position: relative; } .plx-tooltip__bubble { background-color: var(--plx-sys-tooltip-background); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); color: var(--plx-sys-tooltip-content); font-family: var(--plx-sys-font-body); font-size: var(--plx-ref-font-size-11); inset-inline-start: 50%; line-height: var(--plx-ref-line-height-tight); opacity: 0; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); pointer-events: none; position: absolute; transform: translateX(-50%); transition-duration: var(--plx-ref-motion-duration-fast); transition-property: opacity; visibility: hidden; white-space: nowrap; z-index: var(--plx-sys-layer-popover); } .plx-tooltip__bubble.is-open { opacity: 1; visibility: visible; } .plx-tooltip__bubble--bottom { inset-block-start: calc(100% + var(--plx-sys-space-stack-sm)); } .plx-tooltip__bubble--top { inset-block-end: calc(100% + var(--plx-sys-space-stack-sm)); } .plx-tooltip__bubble::before { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-4px); border-left-color: transparent; border-left-style: solid; border-left-width: var(--plx-ref-border-width-4px); border-right-color: transparent; border-right-style: solid; border-right-width: var(--plx-ref-border-width-4px); border-top-color: transparent; border-top-style: solid; border-top-width: var(--plx-ref-border-width-4px); content: ""; inset-inline-start: 50%; position: absolute; transform: translateX(-50%); } .plx-tooltip__bubble--bottom::before { border-bottom-color: var(--plx-sys-tooltip-background); inset-block-end: 100%; } .plx-tooltip__bubble--top::before { border-top-color: var(--plx-sys-tooltip-background); inset-block-start: 100%; } .plx-tooltip__bubble--end { inset-block-start: 50%; inset-inline-start: calc(100% + var(--plx-sys-space-stack-sm)); transform: translateY(-50%); } .plx-tooltip__bubble--end::before { border-inline-end-color: var(--plx-sys-tooltip-background); inset-block-start: 50%; inset-inline-end: 100%; inset-inline-start: auto; transform: translateY(-50%); } /* platform/components/Toolbar/toolbar.css */ .plx-toolbar { align-items: center; column-gap: var(--plx-comp-toolbar-group-gap); display: flex; flex-wrap: wrap; min-inline-size: 0; row-gap: var(--plx-comp-toolbar-control-gap); } .plx-toolbar__group { align-items: center; column-gap: var(--plx-comp-toolbar-control-gap); display: flex; flex-wrap: wrap; row-gap: var(--plx-comp-toolbar-control-gap); } .plx-toolbar__spacer { flex-grow: 1; } .plx-toolbar .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-toolbar); } .plx-toolbar .plx-input, .plx-toolbar .plx-search__input { min-block-size: var(--plx-sys-control-height-toolbar); } /* platform/components/Menu/menu.css */ .plx-menu-anchor { display: inline-flex; position: relative; vertical-align: middle; } .plx-menu { --plx-sys-radius-inset:var(--plx-sys-space-inset-xs); --plx-sys-radius-outer:var(--plx-sys-radius-menu-8px); background-color: var(--plx-sys-surface-overlay); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-menu-8px); border-bottom-right-radius: var(--plx-sys-radius-menu-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-menu-8px); border-top-right-radius: var(--plx-sys-radius-menu-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-shadow: var(--plx-sys-elevation-menu); box-sizing: border-box; display: flex; flex-direction: column; max-inline-size: var(--plx-ref-size-320px); min-inline-size: var(--plx-ref-size-220px); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); position: absolute; row-gap: 0; z-index: var(--plx-sys-layer-menu); } .plx-menu--bottom-start { inset-block-start: calc(100% + var(--plx-sys-space-inset-xs)); inset-inline-start: 0; } .plx-menu--bottom-end { inset-block-start: calc(100% + var(--plx-sys-space-inset-xs)); inset-inline-end: 0; } .plx-menu--top-start { inset-block-end: calc(100% + var(--plx-sys-space-inset-xs)); inset-inline-start: 0; } .plx-menu--top-end { inset-block-end: calc(100% + var(--plx-sys-space-inset-xs)); inset-inline-end: 0; } .plx-menu__item { align-items: center; background-color: transparent; border-bottom-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-style: none; border-top-width: 0; box-sizing: border-box; color: var(--plx-sys-content-default); column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: flex; font-family: inherit; font-size: var(--plx-ref-font-size-13); inline-size: 100%; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-height-standard); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-align: start; text-decoration-line: none; } .plx-menu__item:hover, .plx-menu__item:focus, .plx-menu__item.is-hover, .plx-menu__item.is-focused { background-color: var(--plx-sys-state-hover); outline-style: none; } .plx-menu__item:focus-visible, .plx-menu__item.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-menu__item--danger { color: var(--plx-sys-feedback-danger-content); } .plx-menu__item[aria-disabled=true] { color: var(--plx-sys-content-disabled); cursor: default; } .plx-menu__icon { display: inline-flex; flex-shrink: 0; } .plx-menu__label { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-menu__check { block-size: var(--plx-ref-size-16px); display: inline-flex; flex-shrink: 0; inline-size: var(--plx-ref-size-16px); } .plx-menu__check.is-checked { -webkit-mask-image: var(--plx-comp-icon-glyph-check-small); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: currentcolor; mask-image: var(--plx-comp-icon-glyph-check-small); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .plx-menu__divider { border-top-color: var(--plx-sys-border-divider); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); margin-block-end: var(--plx-sys-space-stack-xs); margin-block-start: var(--plx-sys-space-stack-xs); margin-inline-end: 0; margin-inline-start: 0; } .plx-menu__group-label { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-semibold-600); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/components/Dialog/dialog.css */ .plx-modal-layer { align-items: center; display: flex; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; justify-content: center; padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); position: fixed; z-index: var(--plx-sys-layer-modal); } .plx-modal-layer::before { background-color: var(--plx-sys-scrim); content: ""; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; opacity: var(--plx-ref-opacity-50); position: absolute; z-index: var(--plx-sys-layer-behind); } .plx-modal-layer--drawer { align-items: stretch; justify-content: flex-end; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-modal-layer--start { justify-content: flex-start; } .plx-dialog { background-color: var(--plx-sys-surface-overlay); border-bottom-left-radius: var(--plx-sys-radius-dialog-8px); border-bottom-right-radius: var(--plx-sys-radius-dialog-8px); border-top-left-radius: var(--plx-sys-radius-dialog-8px); border-top-right-radius: var(--plx-sys-radius-dialog-8px); box-shadow: var(--plx-sys-elevation-overlay-shadow); box-sizing: border-box; color: var(--plx-sys-content-default); display: flex; flex-direction: column; inline-size: 100%; max-block-size: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; } .plx-dialog:focus, .plx-dialog.is-focused { outline-style: none; } .plx-dialog--sm { max-inline-size: var(--plx-ref-size-400px); } .plx-dialog--md { max-inline-size: var(--plx-ref-size-560px); } .plx-dialog--lg { max-inline-size: var(--plx-ref-size-720px); } .plx-dialog--xl { max-inline-size: var(--plx-ref-size-900px); } .plx-dialog--full { block-size: 100%; max-block-size: 100%; max-inline-size: none; } .plx-drawer { block-size: 100%; border-bottom-left-radius: var(--plx-ref-radius-0px); border-bottom-right-radius: var(--plx-ref-radius-0px); border-top-left-radius: var(--plx-ref-radius-0px); border-top-right-radius: var(--plx-ref-radius-0px); max-block-size: 100%; } .plx-drawer--sm { max-inline-size: var(--plx-ref-size-320px); } .plx-drawer--md { max-inline-size: var(--plx-ref-size-400px); } .plx-drawer--lg { max-inline-size: var(--plx-ref-size-560px); } .plx-dialog__header { align-items: center; background-color: var(--plx-sys-surface-dialog-chrome); border-bottom-color: var(--plx-sys-border-dialog-chrome); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-dialog-chrome); column-gap: var(--plx-sys-space-inline-sm); display: flex; flex-shrink: 0; min-block-size: var(--plx-ref-size-48px); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-dialog__icon { display: inline-flex; flex-shrink: 0; } .plx-dialog__title { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-15); font-weight: var(--plx-ref-font-weight-bold-700); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-dialog__close { color: var(--plx-sys-content-dialog-chrome); flex-shrink: 0; } .plx-dialog__body { flex-basis: auto; flex-grow: 1; flex-shrink: 1; min-block-size: 0; overflow-x: hidden; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-xl); padding-block-start: var(--plx-sys-space-inset-xl); padding-inline-end: var(--plx-sys-space-inset-xl); padding-inline-start: var(--plx-sys-space-inset-xl); } .plx-dialog__body--flush { padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-dialog__description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-13); line-height: var(--plx-ref-line-height-normal); margin-block-end: var(--plx-sys-space-stack-lg); margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-dialog__description:last-child { margin-block-end: 0; } .plx-dialog__footer { align-items: center; background-color: var(--plx-sys-surface-dialog-chrome); border-top-color: var(--plx-sys-border-dialog-chrome); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); row-gap: var(--plx-sys-space-inline-sm); } .plx-dialog__footer .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-dialog); } .plx-dialog--destructive .plx-dialog__footer .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-dialog-destructive); } /* platform/components/Toast/toast.css */ .plx-toast-region { display: flex; flex-direction: column; inset-block-end: var(--plx-sys-space-layout-md); inset-inline-end: var(--plx-sys-space-layout-md); pointer-events: none; position: fixed; row-gap: var(--plx-sys-space-stack-sm); z-index: var(--plx-sys-layer-toast); } .plx-toast { align-items: center; animation-duration: var(--plx-ref-motion-duration-slow); animation-name: motion-toast-in; animation-timing-function: var(--plx-ref-motion-ease-standard); background-color: var(--plx-sys-toast-background); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-inline-start-color: var(--plx-sys-feedback-info-solid); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-3px); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); box-shadow: var(--plx-sys-elevation-raised-shadow); box-sizing: border-box; color: var(--plx-sys-toast-content); column-gap: var(--plx-sys-space-inline-md); display: flex; font-size: var(--plx-ref-font-size-13); max-inline-size: var(--plx-ref-size-400px); min-inline-size: var(--plx-ref-size-280px); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-lg); pointer-events: auto; } .plx-toast--success { border-inline-start-color: var(--plx-sys-feedback-success-solid); } .plx-toast--warning { border-inline-start-color: var(--plx-sys-feedback-warning-solid); } .plx-toast--danger { border-inline-start-color: var(--plx-sys-feedback-danger-solid); } .plx-toast.is-leaving { animation-fill-mode: forwards; animation-name: motion-toast-out; } .plx-toast__icon { display: inline-flex; flex-shrink: 0; } .plx-toast__message { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; line-height: var(--plx-ref-line-height-normal); min-inline-size: 0; } .plx-toast__close { align-items: center; background-color: transparent; block-size: var(--plx-sys-control-target-min); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; color: inherit; cursor: pointer; display: inline-flex; flex-shrink: 0; font-family: inherit; inline-size: var(--plx-sys-control-target-min); justify-content: center; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; opacity: var(--plx-ref-opacity-70); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-toast__close:hover, .plx-toast__close.is-hover { opacity: 1; } .plx-toast__close:focus-visible, .plx-toast__close.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } /* platform/components/Tabs/tabs.css */ .plx-tabs { display: flex; flex-direction: column; min-inline-size: 0; } .plx-tabs__list { align-items: flex-end; column-gap: var(--plx-sys-space-inline-xs); display: flex; max-inline-size: 100%; overflow-x: auto; scrollbar-width: none; } .plx-tabs__tab { align-items: center; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; box-sizing: border-box; color: var(--plx-sys-content-muted); column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: inline-flex; flex-shrink: 0; font-family: inherit; font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-medium-500); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-height-standard); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); white-space: nowrap; } .plx-tabs__tab:hover, .plx-tabs__tab.is-hover { color: var(--plx-sys-content-default); } .plx-tabs__tab:focus-visible, .plx-tabs__tab.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-tabs__tab:disabled { color: var(--plx-sys-content-disabled); cursor: default; } .plx-tabs__tab.is-selected { color: var(--plx-sys-content-default); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-tabs__icon { display: inline-flex; } .plx-tabs__panel:focus-visible, .plx-tabs__panel.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-tabs--underline > .plx-tabs__list { border-bottom-color: var(--plx-sys-border-default); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); } .plx-tabs--underline .plx-tabs__tab { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-2px); margin-block-end: calc(var(--plx-ref-border-width-1px) * -1); } .plx-tabs--underline .plx-tabs__tab.is-selected { border-bottom-color: var(--plx-sys-action-primary-background); } .plx-tabs--underline > .plx-tabs__panel { padding-block-start: var(--plx-sys-space-stack-lg); } .plx-tabs--segmented > .plx-tabs__list { --plx-sys-radius-inset:var(--plx-sys-space-inset-xs); --plx-sys-radius-outer:var(--plx-sys-radius-control); align-items: center; align-self: flex-start; background-color: var(--plx-sys-fill-neutral); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); column-gap: var(--plx-sys-space-inline-xs); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); } .plx-tabs--segmented .plx-tabs__tab { border-bottom-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-bottom-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-left-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); border-top-right-radius: max(0px, calc(var(--plx-sys-radius-outer) - var(--plx-sys-radius-inset))); font-size: var(--plx-ref-font-size-12); min-block-size: calc(var(--plx-sys-control-height-toolbar) - var(--plx-sys-space-inset-xs) * 2); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-tabs--segmented .plx-tabs__tab.is-selected { background-color: var(--plx-sys-surface-raised); box-shadow: var(--plx-sys-elevation-raised-shadow); } .plx-tabs--segmented > .plx-tabs__panel { padding-block-start: var(--plx-sys-space-stack-md); } .plx-tabs--folder > .plx-tabs__list, .plx-tabs--contained > .plx-tabs__list { column-gap: var(--plx-sys-space-inline-xs); position: relative; z-index: var(--plx-sys-layer-raised); } .plx-tabs--folder > .plx-tabs__list { background-image: linear-gradient(var(--plx-sys-border-default), var(--plx-sys-border-default)); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% var(--plx-ref-border-width-1px); } .plx-tabs--folder .plx-tabs__tab, .plx-tabs--contained .plx-tabs__tab { border-bottom-style: none; border-bottom-width: 0; border-left-color: transparent; border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: transparent; border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: transparent; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-medium-500); min-block-size: var(--plx-sys-control-height-toolbar); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-tabs--folder .plx-tabs__tab:hover, .plx-tabs--contained .plx-tabs__tab:hover, .plx-tabs--folder .plx-tabs__tab.is-hover, .plx-tabs--contained .plx-tabs__tab.is-hover { color: var(--plx-sys-content-default); } .plx-tabs--folder .plx-tabs__tab.is-selected, .plx-tabs--contained .plx-tabs__tab.is-selected { background-color: var(--plx-sys-surface-default); border-left-color: var(--plx-sys-border-default); border-right-color: var(--plx-sys-border-default); border-top-color: var(--plx-sys-border-default); color: var(--plx-sys-content-default); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-tabs--folder > .plx-tabs__panel { padding-block-start: var(--plx-sys-space-stack-md); } .plx-tabs--contained > .plx-tabs__panel { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); box-shadow: inset var(--plx-ref-border-width-1px) 0 0 var(--plx-sys-border-default), inset calc(var(--plx-ref-border-width-1px) * -1) 0 0 var(--plx-sys-border-default); border-top-color: var(--plx-sys-border-default); border-top-right-radius: var(--plx-sys-radius-surface-4px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); margin-block-start: calc(var(--plx-ref-border-width-1px) * -1); padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } /* platform/components/Card/card.css */ .plx-panel { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: flex; flex-direction: column; min-inline-size: 0; } .plx-panel__header { align-items: flex-start; border-bottom-color: var(--plx-sys-border-divider); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-md); display: flex; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-panel__heading { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-panel__title { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-14); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-panel__description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-panel__actions, .plx-card__actions { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; position: relative; z-index: var(--plx-sys-layer-raised); } .plx-panel__body { padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-panel__body--flush { padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-panel__footer { border-top-color: var(--plx-sys-border-divider); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; justify-content: flex-end; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-card { background-color: var(--plx-sys-surface-raised); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-card-12px); border-bottom-right-radius: var(--plx-sys-radius-card-12px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-card-12px); border-top-right-radius: var(--plx-sys-radius-card-12px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: flex; flex-direction: column; min-inline-size: 0; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-lg); padding-inline-start: var(--plx-sys-space-inset-lg); position: relative; row-gap: var(--plx-sys-space-stack-sm); } .plx-card--interactive { cursor: pointer; transition-duration: var(--plx-ref-motion-duration-fast); transition-property: border-color, box-shadow; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-card--interactive:hover, .plx-card--interactive.is-hover { box-shadow: var(--plx-sys-shadow-md); } .plx-card.is-selected, .plx-media-card.is-selected { border-bottom-color: var(--plx-sys-selected-border); border-left-color: var(--plx-sys-selected-border); border-right-color: var(--plx-sys-selected-border); border-top-color: var(--plx-sys-selected-border); box-shadow: var(--plx-sys-shadow-ring-subtle); } .plx-card__header { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: flex; } .plx-card__title { color: var(--plx-sys-content-default); flex-basis: 0%; flex-grow: 1; flex-shrink: 1; font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-card__opener { background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-align: start; text-decoration-line: none; } .plx-card--interactive .plx-card__opener::after { content: ""; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; position: absolute; } .plx-card__opener:focus-visible, .plx-card__opener.is-focus-visible { outline-style: none; } .plx-card--interactive:has(.plx-card__opener:focus-visible), .plx-card--interactive:has(.plx-card__opener.is-focus-visible) { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-card__meta { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); } .plx-card__body { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); } .plx-media-card { background-color: var(--plx-sys-surface-raised); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-card-12px); border-bottom-right-radius: var(--plx-sys-radius-card-12px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-card-12px); border-top-right-radius: var(--plx-sys-radius-card-12px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: flex; flex-direction: column; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; position: relative; } .plx-media-card__media { aspect-ratio: var(--plx-comp-media-card-aspect); background-color: var(--plx-sys-surface-sunken); overflow-x: hidden; overflow-y: hidden; position: relative; } .plx-media-card__image { block-size: 100%; display: block; inline-size: 100%; object-fit: cover; } .plx-media-card__placeholder { align-items: center; color: var(--plx-sys-content-subtle); display: flex; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; justify-content: center; position: absolute; } .plx-media-card__badge { inset-block-end: var(--plx-sys-space-inset-sm); inset-inline-end: var(--plx-sys-space-inset-sm); position: absolute; } .plx-media-card__select { accent-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-16px); cursor: pointer; inline-size: var(--plx-ref-size-16px); inset-block-start: var(--plx-sys-space-inset-sm); inset-inline-start: var(--plx-sys-space-inset-sm); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; opacity: 0; position: absolute; z-index: var(--plx-sys-layer-raised); } .plx-media-card:hover .plx-media-card__select, .plx-media-card:focus-within .plx-media-card__select, .plx-media-card.is-selected .plx-media-card__select, .plx-media-card.is-selecting .plx-media-card__select, .plx-media-card.is-hover .plx-media-card__select { opacity: 1; } .plx-media-card__info { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: flex; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-media-card__text { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-media-card__title { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-media-card__meta { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-media-card:has(.plx-card__opener:focus-visible), .plx-media-card:has(.plx-card__opener.is-focus-visible) { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-panel__toggle { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-sys-control-height-inline); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; color: var(--plx-sys-content-muted); cursor: pointer; display: inline-flex; flex-shrink: 0; inline-size: var(--plx-sys-control-height-inline); justify-content: center; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-panel__toggle:hover, .plx-panel__toggle.is-hover { background-color: var(--plx-sys-state-hover); color: var(--plx-sys-content-default); } .plx-panel__toggle .plx-icon { transition-duration: var(--plx-ref-motion-duration-fast); transition-property: transform; transition-timing-function: var(--plx-ref-motion-ease-standard); } .plx-panel.is-collapsed > .plx-panel__header { border-bottom-style: none; } .plx-panel.is-collapsed > .plx-panel__header .plx-panel__toggle .plx-icon { transform: rotate(-90deg); } .plx-card--accent { border-inline-start-color: var(--plx-comp-card-accent); border-inline-start-width: var(--plx-ref-border-width-3px); } /* platform/components/Table/table.css */ .plx-table-wrap { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); max-inline-size: 100%; overflow-x: auto; } .plx-table-wrap--sticky { max-block-size: 100%; overflow-y: auto; } .plx-table { border-collapse: separate; border-spacing: 0; color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-12); inline-size: 100%; } .plx-table__header, .plx-table thead th { background-color: var(--plx-sys-table-header-background); block-size: var(--plx-sys-table-row-height); border-bottom-color: var(--plx-sys-table-line); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-semibold-600); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-align: start; white-space: nowrap; } .plx-table-wrap--sticky thead th { inset-block-start: 0; position: sticky; z-index: var(--plx-sys-layer-sticky); } .plx-table__sort { align-items: center; background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; column-gap: var(--plx-sys-space-inline-xs); cursor: pointer; display: inline-flex; font-family: inherit; font-size: inherit; font-weight: inherit; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-target-min); padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-table__sort:hover, .plx-table__sort.is-sorted, .plx-table__sort.is-hover { color: var(--plx-sys-content-default); } .plx-table__sort:focus-visible, .plx-table__sort.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-table__sort-arrow { -webkit-mask-image: var(--plx-comp-icon-glyph-expand-more); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: currentcolor; block-size: var(--plx-ref-size-12px); inline-size: var(--plx-ref-size-12px); mask-image: var(--plx-comp-icon-glyph-expand-more); mask-position: center; mask-repeat: no-repeat; mask-size: contain; opacity: var(--plx-ref-opacity-30); transform: rotate(180deg); } .plx-table__sort.is-sorted .plx-table__sort-arrow { color: var(--plx-sys-action-primary-background); opacity: 1; } .plx-table__sort.is-descending .plx-table__sort-arrow { transform: none; } .plx-table td, .plx-table tbody th { background-color: var(--plx-sys-surface-default); block-size: var(--plx-sys-table-row-height); border-bottom-color: var(--plx-sys-table-line); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); vertical-align: middle; } .plx-table tbody tr:last-child td, .plx-table tbody tr:last-child th { border-bottom-style: none; border-bottom-width: 0; } .plx-table__row:hover td, .plx-table__row.is-hover td { background-color: var(--plx-sys-table-row-hover); } .plx-table__row.is-clickable { cursor: pointer; } .plx-table__row.is-clickable:focus-visible, .plx-table__row.is-clickable.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-table__row.is-current td, .plx-table__row.is-selected td { background-color: var(--plx-sys-state-selected); } .plx-table tbody td, .plx-table tbody th { font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-regular-400); } .plx-table__column--label { min-inline-size: var(--plx-comp-table-column-label-width); } .plx-table__column--visual { inline-size: var(--plx-comp-table-column-visual-width); } .plx-table__column--width { inline-size: var(--plx-comp-table-column-width); } .plx-table__cell--end { text-align: end; } .plx-table__select { inline-size: var(--plx-ref-size-36px); text-align: center; } .plx-table__check { accent-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-16px); cursor: pointer; inline-size: var(--plx-ref-size-16px); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; vertical-align: middle; } .plx-table__empty { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); text-align: center; } .plx-table--pin-first td:first-child, .plx-table--pin-first th:first-child { border-inline-end-color: var(--plx-sys-table-line); border-inline-end-style: solid; border-inline-end-width: var(--plx-ref-border-width-1px); inset-inline-start: 0; position: sticky; z-index: var(--plx-sys-layer-raised); } :where(.plx-table th:not(:first-child), .plx-table td:not(:first-child)) { position: relative; } .plx-table td.plx-table__cell--label, .plx-table th.plx-table__cell--label, .plx-table__row:hover td.plx-table__cell--label, .plx-table__row:hover th.plx-table__cell--label, .plx-table__row.is-hover td.plx-table__cell--label, .plx-table__row.is-hover th.plx-table__cell--label, .plx-table__row.is-current td.plx-table__cell--label, .plx-table__row.is-current th.plx-table__cell--label, .plx-table__row.is-selected td.plx-table__cell--label, .plx-table__row.is-selected th.plx-table__cell--label { background-color: var(--plx-sys-table-header-background); } .plx-table th:not(:first-child), .plx-table td:not(:first-child) { border-inline-start-color: var(--plx-sys-table-line); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); } .plx-table tbody th.plx-table__cell { font-weight: var(--plx-ref-font-weight-regular-400); text-align: start; } /* platform/components/NavList/nav-list.css */ .plx-nav-list { display: flex; flex-direction: column; row-gap: var(--plx-sys-space-stack-md); } .plx-nav-list__heading { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-bold-700); letter-spacing: var(--plx-ref-letter-spacing-widest); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-transform: uppercase; } .plx-nav-list__items { display: flex; flex-direction: column; list-style-type: none; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; row-gap: var(--plx-ref-space-4px); } .plx-nav-list__item { align-items: center; background-color: transparent; border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; box-sizing: border-box; color: var(--plx-sys-content-default); column-gap: var(--plx-sys-space-inline-sm); cursor: pointer; display: flex; font-family: inherit; font-size: var(--plx-ref-font-size-13); inline-size: 100%; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-height-standard); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); text-align: start; text-decoration-line: none; } .plx-nav-list__item:hover, .plx-nav-list__item.is-hover { background-color: var(--plx-sys-state-hover); } .plx-nav-list__item:focus-visible, .plx-nav-list__item.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-nav-list__item.is-current { background-color: var(--plx-sys-state-selected); color: var(--plx-sys-selected-content); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-nav-list__item:disabled { color: var(--plx-sys-content-disabled); cursor: default; } .plx-nav-list__label { align-items: baseline; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; } .plx-nav-list__entry--actions { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; } .plx-nav-list__entry--actions > .plx-nav-list__item { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; } .plx-nav-list__actions { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; } .plx-nav-list__group > .plx-collapsible-section__heading { padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-nav-list__name { min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-nav-list__count { color: var(--plx-sys-content-subtle); flex-shrink: 0; font-size: var(--plx-ref-font-size-11); font-style: italic; font-weight: var(--plx-ref-font-weight-regular-400); white-space: nowrap; } .plx-nav-list__pin { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-sys-control-height-standard); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-subtle); cursor: pointer; display: inline-flex; flex-shrink: 0; inline-size: var(--plx-sys-control-height-standard); justify-content: center; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; opacity: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-nav-list__entry:hover .plx-nav-list__pin, .plx-nav-list__entry:focus-within .plx-nav-list__pin, .plx-nav-list__entry.is-pinned .plx-nav-list__pin, .plx-nav-list__entry.is-hover .plx-nav-list__pin { opacity: 1; } .plx-nav-list__pin:hover, .plx-nav-list__pin.is-hover { background-color: var(--plx-sys-state-hover); color: var(--plx-sys-content-default); } .plx-nav-list__entry.is-pinned .plx-nav-list__pin { color: var(--plx-sys-content-link); } .plx-nav-list__pin:focus-visible, .plx-nav-list__pin.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-nav-list__icon { --plx-comp-icon-size:var(--plx-sys-control-icon-standard); display: inline-flex; flex-shrink: 0; } .plx-nav-list__pin .plx-icon { --plx-comp-icon-size:var(--plx-sys-control-icon-standard); } .plx-nav-list__actions .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-standard); --plx-comp-button-icon:var(--plx-sys-control-icon-standard); } .plx-nav-list__item--muted:not(.is-current) { color: var(--plx-sys-content-subtle); } .plx-nav-list__item--muted:not(.is-current) .plx-nav-list__icon { color: var(--plx-sys-content-subtle); } .plx-nav-list__item--group { font-weight: var(--plx-ref-font-weight-medium-500); } .plx-nav-list__item--group .plx-nav-list__icon { color: var(--plx-sys-content-muted); } .plx-nav-list__item--group.is-current-parent { color: var(--plx-sys-selected-content); } .plx-nav-list__items--nested { padding-inline-start: calc(var(--plx-sys-control-icon-standard) + var(--plx-sys-space-inline-sm)); } .plx-nav-list__items--nested[hidden] { display: none; } /* platform/components/Tree/tree.css */ .plx-tree, .plx-tree__group { list-style-type: none; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-tree { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-12); } .plx-tree__item { outline-style: none; } .plx-tree__row { align-items: center; border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); box-sizing: border-box; column-gap: var(--plx-sys-space-inline-xs); cursor: pointer; display: flex; min-block-size: var(--plx-sys-control-height-inline); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: calc(var(--plx-comp-tree-level) * var(--plx-ref-space-16px) + var(--plx-sys-space-inset-xs)); } .plx-tree__row:hover, .plx-tree__row.is-hover { background-color: var(--plx-sys-state-hover); } .plx-tree__item.is-selected > .plx-tree__row { background-color: var(--plx-sys-state-selected); color: var(--plx-sys-selected-content); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-tree__item:focus-visible > .plx-tree__row, .plx-tree__item.is-focus-visible > .plx-tree__row { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-tree__toggle { -webkit-mask-image: var(--plx-comp-icon-glyph-expand-more); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: var(--plx-ref-size-12px); background-color: var(--plx-sys-content-muted); block-size: var(--plx-ref-size-16px); flex-shrink: 0; inline-size: var(--plx-ref-size-16px); mask-image: var(--plx-comp-icon-glyph-expand-more); mask-position: center; mask-repeat: no-repeat; mask-size: var(--plx-ref-size-12px); transform: rotate(-90deg); transition-duration: var(--plx-ref-motion-duration-fast); transition-property: transform; } .plx-tree__toggle.is-open { transform: none; } .plx-tree__toggle.is-leaf { visibility: hidden; } .plx-tree__icon { display: inline-flex; flex-shrink: 0; } .plx-tree__label { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-tree__meta { color: var(--plx-sys-content-muted); flex-shrink: 0; font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); } /* platform/components/MediaViewer/media-viewer.css */ .plx-media-viewer { align-items: center; background-color: var(--plx-sys-surface-media); box-sizing: border-box; color: var(--plx-sys-content-on-media); display: flex; flex-direction: column; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; justify-content: center; padding-block-end: var(--plx-sys-space-layout-xl); padding-block-start: var(--plx-sys-space-layout-xl); padding-inline-end: var(--plx-ref-size-80px); padding-inline-start: var(--plx-ref-size-80px); position: fixed; z-index: var(--plx-sys-layer-modal); } .plx-media-viewer:focus, .plx-media-viewer.is-focused { outline-style: none; } .plx-media-viewer__counter { color: var(--plx-sys-content-on-media-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-13); inset-block-start: var(--plx-ref-space-20px); inset-inline-start: var(--plx-ref-space-20px); position: absolute; } .plx-media-viewer__control { align-items: center; background-color: var(--plx-sys-surface-media); border-bottom-color: var(--plx-sys-border-media); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-media); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-media); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-media); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; color: var(--plx-sys-content-on-media); column-gap: var(--plx-sys-space-inline-xs); cursor: pointer; display: inline-flex; font-family: inherit; font-size: var(--plx-ref-font-size-13); justify-content: center; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-block-size: var(--plx-sys-control-height-dialog); min-inline-size: var(--plx-sys-control-height-dialog); padding-block-end: 0; padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-media-viewer__control:hover, .plx-media-viewer__control.is-hover { background-color: var(--plx-sys-surface-media-raised); } .plx-media-viewer__control:focus-visible, .plx-media-viewer__control.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-media-viewer__close { inset-block-start: var(--plx-sys-space-inset-lg); inset-inline-end: var(--plx-sys-space-inset-lg); position: absolute; } .plx-media-viewer__nav { border-bottom-left-radius: var(--plx-sys-radius-control-12px); border-bottom-right-radius: var(--plx-sys-radius-control-12px); border-top-left-radius: var(--plx-sys-radius-control-12px); border-top-right-radius: var(--plx-sys-radius-control-12px); inset-block-start: 50%; min-block-size: var(--plx-ref-size-44px); min-inline-size: var(--plx-ref-size-44px); position: absolute; translate: 0 -50%; } .plx-media-viewer__nav--previous { inset-inline-start: var(--plx-ref-space-20px); } .plx-media-viewer__nav--previous .plx-icon { transform: rotate(90deg); } .plx-media-viewer__nav--next { inset-inline-end: var(--plx-ref-space-20px); } .plx-media-viewer__nav--next .plx-icon { transform: rotate(-90deg); } .plx-media-viewer__figure { align-items: center; display: flex; flex-direction: column; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; max-block-size: 100%; max-inline-size: 100%; min-block-size: 0; row-gap: var(--plx-sys-space-stack-md); } .plx-media-viewer__stage { align-items: center; background-color: var(--plx-sys-surface-sunken); border-bottom-left-radius: var(--plx-sys-radius-dialog-8px); border-bottom-right-radius: var(--plx-sys-radius-dialog-8px); border-top-left-radius: var(--plx-sys-radius-dialog-8px); border-top-right-radius: var(--plx-sys-radius-dialog-8px); display: flex; justify-content: center; min-block-size: 0; overflow-x: hidden; overflow-y: hidden; } .plx-media-viewer__image { display: block; max-block-size: 100%; max-inline-size: 100%; object-fit: contain; } .plx-media-viewer__info { display: flex; flex-direction: column; row-gap: var(--plx-sys-space-stack-xs); text-align: center; } .plx-media-viewer__title { font-size: var(--plx-ref-font-size-15); font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-media-viewer__meta { color: var(--plx-sys-content-on-media-muted); column-gap: var(--plx-sys-space-inline-lg); display: flex; flex-wrap: wrap; font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-12); justify-content: center; } .plx-media-viewer__actions { column-gap: var(--plx-sys-space-inline-sm); display: flex; } /* platform/patterns/AppHeader/app-header.css */ .plx-app-header--accent { --plx-comp-app-header-brand:var(--plx-sys-accent-content); --plx-comp-app-header-content:var(--plx-sys-accent-content-muted); --plx-comp-app-header-divider:var(--plx-sys-accent-border); --plx-comp-app-header-edge:var(--plx-sys-accent-edge); --plx-comp-app-header-hover:var(--plx-sys-accent-state-hover); --plx-comp-app-header-selected:var(--plx-sys-accent-state-hover); --plx-comp-app-header-selected-content:var(--plx-sys-accent-content); --plx-comp-app-header-surface:var(--plx-sys-accent-surface); } .plx-app-header--frost { --plx-comp-app-header-brand:var(--plx-sys-action-primary-background); --plx-comp-app-header-content:var(--plx-sys-content-muted); --plx-comp-app-header-divider:var(--plx-sys-frost-border); --plx-comp-app-header-edge:var(--plx-sys-frost-border); --plx-comp-app-header-hover:var(--plx-sys-frost-state-selected); --plx-comp-app-header-selected:var(--plx-sys-frost-state-selected); --plx-comp-app-header-selected-content:var(--plx-sys-selected-content); --plx-comp-app-header-surface:var(--plx-sys-frost-surface); } .plx-app-header--plain { --plx-comp-app-header-brand:var(--plx-sys-action-primary-background); --plx-comp-app-header-content:var(--plx-sys-content-muted); --plx-comp-app-header-divider:var(--plx-sys-border-default); --plx-comp-app-header-edge:var(--plx-sys-border-default); --plx-comp-app-header-hover:var(--plx-sys-state-hover); --plx-comp-app-header-selected:var(--plx-sys-action-primary-background); --plx-comp-app-header-selected-content:var(--plx-sys-action-primary-content); --plx-comp-app-header-surface:var(--plx-sys-surface-default); } .plx-app-header { --plx-comp-app-header-action-width:var(--plx-ref-size-112px); --plx-comp-app-header-action-height:var(--plx-ref-control-size-32px); --plx-comp-app-header-action-icon-size:var(--plx-ref-size-16px); --plx-comp-app-header-chevron-size:var(--plx-ref-size-16px); --plx-comp-app-header-avatar-size:var(--plx-ref-size-32px); --plx-comp-app-header-edge-shadow:inset 0 calc(var(--plx-ref-border-width-1px) * -1) 0 var(--plx-comp-app-header-edge); --plx-comp-app-header-icon-size:var(--plx-ref-size-24px); --plx-comp-app-header-item-size:var(--plx-ref-size-40px); --plx-comp-app-header-name-width:var(--plx-ref-size-160px); align-items: center; background-color: var(--plx-comp-app-header-surface); block-size: var(--plx-sys-shell-header-height); box-shadow: var(--plx-comp-app-header-edge-shadow); box-sizing: border-box; column-gap: var(--plx-sys-space-inline-md); display: flex; flex-shrink: 0; justify-content: space-between; padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); position: relative; z-index: var(--plx-sys-layer-sticky); } .plx-app-header--plain, .plx-app-header--frost { box-shadow: var(--plx-comp-app-header-edge-shadow), var(--plx-sys-shadow-md); } .plx-app-header__start { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; } .plx-app-header__brand { color: var(--plx-comp-app-header-brand); flex-shrink: 0; font-size: var(--plx-ref-font-size-15); font-weight: var(--plx-ref-font-weight-bold-700); letter-spacing: var(--plx-ref-letter-spacing-tight); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-xs); text-decoration-line: none; user-select: none; } .plx-app-header__nav { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: flex; } .plx-app-header__item { align-items: center; background-color: transparent; block-size: var(--plx-comp-app-header-item-size); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; color: var(--plx-comp-app-header-content); cursor: pointer; display: inline-flex; font-family: inherit; inline-size: var(--plx-comp-app-header-item-size); justify-content: center; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: relative; } .plx-app-header__item:hover, .plx-app-header__item.is-hover { background-color: var(--plx-comp-app-header-hover); } .plx-app-header__item.is-current { background-color: var(--plx-comp-app-header-selected); color: var(--plx-comp-app-header-selected-content); } .plx-app-header__item:focus-visible, .plx-app-header__item.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-app-header--accent .plx-app-header__item:focus-visible, .plx-app-header--accent .plx-app-header__item.is-focus-visible { outline-color: var(--plx-sys-accent-content); } .plx-app-header__divider { background-image: linear-gradient(var(--plx-comp-app-header-divider), var(--plx-comp-app-header-divider)); background-position: center; background-repeat: no-repeat; background-size: var(--plx-ref-border-width-1px) 100%; block-size: var(--plx-ref-size-20px); flex-shrink: 0; inline-size: var(--plx-ref-size-4px); margin-inline-end: var(--plx-sys-space-inline-xs); margin-inline-start: var(--plx-sys-space-inline-xs); } .plx-app-header .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-toolbar); } .plx-app-header--accent .plx-button--secondary { background-color: var(--plx-sys-accent-field-background); border-bottom-color: var(--plx-sys-accent-border); border-left-color: var(--plx-sys-accent-border); border-right-color: var(--plx-sys-accent-border); border-top-color: var(--plx-sys-accent-border); color: var(--plx-sys-accent-content); } .plx-app-header--accent .plx-button--secondary:hover, .plx-app-header--accent .plx-button--secondary.is-hover { background-color: var(--plx-sys-accent-state-hover); } .plx-app-header--frost .plx-search__input { background-color: var(--plx-sys-frost-field-background); border-bottom-color: var(--plx-sys-frost-border); border-left-color: var(--plx-sys-frost-border); border-right-color: var(--plx-sys-frost-border); border-top-color: var(--plx-sys-frost-border); } .plx-app-header__count { inset-block-start: calc(var(--plx-ref-space-4px) * -1); inset-inline-end: calc(var(--plx-ref-space-4px) * -1); pointer-events: none; position: absolute; } .plx-app-header__name { display: inline-flex; flex-direction: column; line-height: var(--plx-ref-line-height-tight); } .plx-app-header__app { font-size: var(--plx-ref-font-size-10); font-weight: var(--plx-ref-font-weight-medium-500); letter-spacing: var(--plx-ref-letter-spacing-wide); opacity: var(--plx-ref-opacity-70); } .plx-app-header__end { align-items: center; column-gap: var(--plx-sys-space-inline-md); display: flex; flex-shrink: 0; } .plx-app-header__utilities { align-items: center; column-gap: 0; display: flex; } .plx-app-header__search-slot { display: flex; position: relative; } .plx-app-header__search { align-items: center; background-color: var(--plx-comp-app-header-surface); column-gap: var(--plx-sys-space-cluster-xs); display: flex; inline-size: var(--plx-ref-size-400px); inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: var(--plx-sys-layer-raised); } .plx-app-header__search > .plx-search { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; } @media (max-width: 47.9375rem) { .plx-app-header__nav, .plx-app-header__nav + .plx-app-header__divider, .plx-app-header__start > .plx-app-header__divider { display: none; } .plx-app-header__search-slot { position: static; } .plx-app-header__search { inline-size: auto; inset-inline-start: var(--plx-sys-space-inset-md); } } .plx-app-switcher { display: flex; position: relative; } .plx-app-switcher__panel { background-color: var(--plx-sys-surface-overlay); border-bottom-left-radius: var(--plx-sys-radius-menu-8px); border-bottom-right-radius: var(--plx-sys-radius-menu-8px); border-top-left-radius: var(--plx-sys-radius-menu-8px); border-top-right-radius: var(--plx-sys-radius-menu-8px); box-shadow: inset 0 0 0 var(--plx-ref-border-width-1px) var(--plx-sys-border-default), var(--plx-sys-elevation-menu); box-sizing: border-box; color: var(--plx-sys-content-default); display: flex; flex-direction: column; inline-size: var(--plx-ref-size-320px); inset-block-start: calc(100% + var(--plx-ref-space-8px)); inset-inline-end: 0; max-block-size: var(--plx-ref-size-560px); overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); position: absolute; row-gap: var(--plx-sys-space-stack-md); z-index: var(--plx-sys-layer-popover); } .plx-app-switcher__pinned { background-color: var(--plx-sys-surface-sunken); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: 0; padding-inline-start: 0; } .plx-app-switcher__heading { align-items: center; block-size: var(--plx-ref-size-20px); color: var(--plx-sys-content-muted); display: flex; font-size: var(--plx-ref-font-size-12); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: var(--plx-sys-space-stack-sm); margin-block-start: 0; margin-inline-end: 0; margin-inline-start: var(--plx-sys-space-inset-xs); } .plx-app-switcher__grid { display: grid; gap: var(--plx-sys-space-stack-xs); grid-template-columns: repeat(3, minmax(0, 1fr)); list-style-type: none; margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; } .plx-app-switcher__tile { position: relative; } .plx-app-switcher__open { align-items: center; block-size: var(--plx-ref-size-80px); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); box-sizing: border-box; color: var(--plx-sys-content-default); display: flex; flex-direction: column; font-size: var(--plx-ref-font-size-12); justify-content: flex-start; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); row-gap: var(--plx-sys-space-stack-xs); text-align: center; text-decoration-line: none; } .plx-app-switcher__open:hover, .plx-app-switcher__open.is-hover { background-color: var(--plx-sys-state-hover); } .plx-app-switcher__tile.is-current > .plx-app-switcher__open { background-color: var(--plx-sys-state-selected); } .plx-app-switcher__open:focus-visible, .plx-app-switcher__pin:focus-visible, .plx-app-switcher__open.is-focus-visible, .plx-app-switcher__pin.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-app-switcher__icon { align-items: center; color: var(--plx-sys-content-link); display: inline-flex; justify-content: center; } .plx-app-switcher__label { line-height: var(--plx-ref-size-16px); max-inline-size: 100%; overflow-wrap: anywhere; } .plx-app-switcher__pin { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-sys-control-height-inline); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); color: var(--plx-sys-content-subtle); cursor: pointer; display: inline-flex; inline-size: var(--plx-sys-control-height-inline); inset-block-start: 0; inset-inline-end: 0; justify-content: center; opacity: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: absolute; } .plx-app-switcher__tile:hover .plx-app-switcher__pin, .plx-app-switcher__tile:focus-within .plx-app-switcher__pin, .plx-app-switcher__tile.is-pinned .plx-app-switcher__pin, .plx-app-switcher__tile.is-hover .plx-app-switcher__pin { opacity: 1; } .plx-app-switcher__tile.is-pinned .plx-app-switcher__pin { color: var(--plx-sys-content-link); } .plx-app-switcher__pin:hover, .plx-app-switcher__pin.is-hover { background-color: var(--plx-sys-state-hover); } .plx-app-header__switch { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-comp-app-header-item-size); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; column-gap: var(--plx-sys-space-inline-md); cursor: pointer; display: inline-flex; font-family: inherit; inline-size: var(--plx-comp-app-header-name-width); justify-content: space-between; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; text-align: start; } .plx-app-header__switch:hover, .plx-app-header__switch[aria-expanded=true], .plx-app-header__switch.is-hover { background-color: var(--plx-comp-app-header-hover); } .plx-app-header__switch:focus-visible, .plx-app-header__switch.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-app-header__switch-chevron { --plx-comp-icon-size:var(--plx-comp-app-header-chevron-size); color: var(--plx-comp-app-header-content); flex-shrink: 0; } .plx-app-switcher--brand .plx-app-switcher__panel { inset-inline-end: auto; inset-inline-start: 0; } .plx-app-header__item .plx-icon { --plx-comp-icon-size:var(--plx-comp-app-header-icon-size); } .plx-app-header__item .plx-avatar { block-size: var(--plx-comp-app-header-avatar-size); inline-size: var(--plx-comp-app-header-avatar-size); } .plx-app-header__switch .plx-app-header__name { min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; } .plx-app-header__switch .plx-app-header__product, .plx-app-header__switch .plx-app-header__app { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-app-switcher__icon .plx-icon { --plx-comp-icon-size:var(--plx-comp-app-header-icon-size); } .plx-app-switcher__pin .plx-icon { --plx-comp-icon-size:var(--plx-sys-control-icon-inline); } .plx-app-header__action .plx-button { --plx-comp-button-height:var(--plx-comp-app-header-action-height); --plx-comp-button-icon:var(--plx-comp-app-header-action-icon-size); inline-size: var(--plx-comp-app-header-action-width); justify-content: flex-start; overflow-x: hidden; } .plx-app-header__account-row .plx-button__label { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: inline-flex; } /* platform/patterns/FilterBar/filter-bar.css */ .plx-filter-bar { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; min-inline-size: 0; } .plx-filter-bar .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-toolbar); } .plx-filter-bar__filters { align-items: center; block-size: var(--plx-sys-control-height-toolbar); column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; min-inline-size: 0; overflow-clip-margin: var(--plx-ref-space-4px); overflow-x: clip; overflow-y: clip; row-gap: var(--plx-ref-space-8px); } .plx-filter-bar__slot { display: inline-flex; } .plx-filter-bar__count { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); margin-inline-start: var(--plx-sys-space-inline-sm); } .plx-filter-bar__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-shrink: 0; margin-inline-start: auto; } /* platform/patterns/SearchWorkspace/search-workspace.css */ .plx-search-ws { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-sm); } .plx-search-ws__head { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-stack-xs); } .plx-search-ws__title { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-20); font-weight: var(--plx-ref-font-weight-bold-700); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-search-ws__count, .plx-search-ws__results { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-13); } .plx-search-ws__spacer { flex-basis: 0%; flex-grow: 1; } .plx-search-ws__query { max-inline-size: var(--plx-ref-size-720px); } .plx-search-ws__query .plx-search { inline-size: 100%; } .plx-search-ws__active { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-inline-xs); } .plx-search-ws__bar { align-items: center; border-bottom-color: var(--plx-sys-border-divider); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; padding-block-end: var(--plx-sys-space-inset-sm); } .plx-search-ws__body { display: flex; flex-direction: column; min-block-size: 0; row-gap: var(--plx-sys-space-stack-sm); } /* platform/patterns/DataToolbar/data-toolbar.css */ .plx-data-toolbar { inline-size: 100%; margin-block-end: var(--plx-sys-space-stack-lg); } .plx-data-toolbar__group { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; } /* platform/patterns/BulkActions/bulk-actions.css */ .plx-selection-summary { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-shrink: 0; } .plx-selection-summary__count { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); white-space: nowrap; } .plx-bulk-actions { align-items: center; background-color: var(--plx-sys-state-selected); border-bottom-color: var(--plx-sys-selected-border); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-selected-border); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-selected-border); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-selected-border); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); box-sizing: border-box; column-gap: var(--plx-sys-space-cluster-md); display: flex; min-inline-size: 0; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-bulk-actions .plx-button { --plx-comp-button-height:var(--plx-sys-control-height-toolbar); } .plx-bulk-actions__divider { block-size: var(--plx-ref-size-20px); border-inline-start-color: var(--plx-sys-selected-border); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); flex-shrink: 0; inline-size: 0; } .plx-bulk-actions__list { align-items: center; block-size: var(--plx-sys-control-height-toolbar); column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; min-inline-size: 0; overflow-clip-margin: var(--plx-ref-space-4px); overflow-x: clip; overflow-y: clip; row-gap: var(--plx-ref-space-8px); } .plx-bulk-actions__slot { display: inline-flex; } /* platform/patterns/ContentGrid/content-grid.css */ .plx-content-grid { column-gap: var(--plx-sys-card-grid-gap); display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--plx-comp-content-grid-min), 1fr)); list-style-type: none; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; row-gap: var(--plx-sys-card-grid-gap); } .plx-content-grid--xs { --plx-comp-content-grid-min:var(--plx-ref-size-100px); } .plx-content-grid--sm { --plx-comp-content-grid-min:var(--plx-ref-size-140px); } .plx-content-grid--md { --plx-comp-content-grid-min:var(--plx-ref-size-180px); } .plx-content-grid--lg { --plx-comp-content-grid-min:var(--plx-ref-size-240px); } .plx-content-grid__item { display: flex; flex-direction: column; min-inline-size: 0; } .plx-content-grid__item > * { flex-grow: 1; } /* platform/patterns/PropertyList/property-list.css */ .plx-property-list { display: flex; flex-direction: column; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; row-gap: var(--plx-sys-space-stack-sm); } .plx-property-list__item { align-items: baseline; column-gap: var(--plx-sys-space-inline-md); display: grid; min-inline-size: 0; } .plx-property-list--columns .plx-property-list__item { grid-template-columns: minmax(0, var(--plx-ref-size-160px)) minmax(0, 1fr); } .plx-property-list--stacked .plx-property-list__item { grid-template-columns: minmax(0, 1fr); row-gap: var(--plx-sys-space-stack-xs); } .plx-property-list__label { color: var(--plx-sys-content-muted); display: flex; flex-direction: column; font-size: var(--plx-ref-font-size-12); row-gap: var(--plx-sys-space-stack-xs); } .plx-property-list__description { color: var(--plx-sys-content-subtle); font-size: var(--plx-ref-font-size-11); } .plx-property-list__value { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; overflow-wrap: anywhere; } .plx-property-list__value--data { font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-12); } .plx-property-list--table { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); overflow-x: hidden; overflow-y: hidden; row-gap: 0; } .plx-property-list--table .plx-property-list__item { align-items: stretch; column-gap: 0; } .plx-property-list--table .plx-property-list__item + .plx-property-list__item, .plx-property-list--table .plx-property-list__item + .plx-property-list__item .plx-property-list__label { box-shadow: inset 0 var(--plx-ref-border-width-1px) 0 var(--plx-sys-table-line); } .plx-property-list--table .plx-property-list__label { background-color: var(--plx-sys-table-header-background); border-inline-end-color: var(--plx-sys-table-line); border-inline-end-style: solid; border-inline-end-width: var(--plx-ref-border-width-1px); justify-content: center; padding-block-end: var(--plx-comp-table-cell-padding-block); padding-block-start: var(--plx-comp-table-cell-padding-block); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); position: relative; } .plx-property-list--table .plx-property-list__value { align-self: center; padding-block-end: var(--plx-comp-table-cell-padding-block); padding-block-start: var(--plx-comp-table-cell-padding-block); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-property-list--table.plx-property-list--columns .plx-property-list__item { grid-template-columns: var(--plx-comp-table-column-label-width) minmax(0, 1fr); min-block-size: var(--plx-sys-table-row-height); } .plx-property-list--table .plx-property-list__label, .plx-property-list--table .plx-property-list__value, .plx-property-list--table .plx-property-list__value--data { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-regular-400); } /* platform/patterns/RecordPage/record-page.css */ .plx-record-page__header { align-items: flex-start; column-gap: var(--plx-sys-space-inline-md); display: flex; margin-block-end: var(--plx-sys-space-stack-xl); min-inline-size: 0; } .plx-record-page__header--md { margin-block-end: var(--plx-sys-space-stack-lg); } .plx-record-page__media { flex-shrink: 0; } .plx-record-page__text { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-record-page__title { color: var(--plx-sys-content-default); font-family: var(--plx-sys-font-heading); font-size: var(--plx-ref-font-size-20); font-weight: var(--plx-ref-font-weight-bold-700); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; overflow-wrap: anywhere; } .plx-record-page__header--md .plx-record-page__title { font-size: var(--plx-ref-font-size-15); } .plx-record-page__description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); line-height: var(--plx-ref-line-height-relaxed); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-record-page__meta { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-wrap: wrap; row-gap: var(--plx-sys-space-cluster-xs); } .plx-record-page__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-shrink: 0; } .plx-record-page__header--card { background-color: var(--plx-sys-surface-default); background-image: linear-gradient( to bottom, var(--plx-sys-header-card-tint) 0%, var(--plx-sys-surface-default) 100%); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-lg); padding-block-end: var(--plx-sys-space-inset-lg); padding-block-start: var(--plx-sys-space-inset-lg); padding-inline-end: var(--plx-sys-space-inset-xl); padding-inline-start: var(--plx-sys-space-inset-lg); } .plx-record-page__header--card .plx-record-page__media { color: var(--plx-sys-header-card-media-content); } .plx-record-page { display: flex; flex-direction: column; min-inline-size: 0; } .plx-record-page__columns { align-items: flex-start; column-gap: var(--plx-sys-space-layout-md); display: flex; min-inline-size: 0; } .plx-record-page__body { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-lg); } .plx-record-page__aside { display: flex; flex-direction: column; flex-shrink: 0; inline-size: var(--plx-sys-panel-inspector-width); row-gap: var(--plx-sys-space-stack-lg); } /* platform/patterns/ActivityList/activity-list.css */ .plx-activity-list { list-style-type: none; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-activity-list__item { align-items: center; border-bottom-color: var(--plx-sys-border-divider); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-sm); display: flex; min-block-size: var(--plx-sys-table-row-height); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); position: relative; } .plx-activity-list__item:last-child { border-bottom-style: none; border-bottom-width: 0; } .plx-activity-list__item.is-interactive:hover, .plx-activity-list__item.is-interactive.is-hover { background-color: var(--plx-sys-state-hover); } .plx-activity-list__item.is-interactive:has(.plx-activity-list__opener:focus-visible), .plx-activity-list__item.is-interactive:has(.plx-activity-list__opener.is-focus-visible) { outline-color: var(--plx-sys-focus-ring-color); outline-offset: calc(var(--plx-ref-border-width-2px) * -1); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-activity-list__unread { background-color: var(--plx-sys-action-primary-background); block-size: var(--plx-ref-size-8px); border-bottom-left-radius: var(--plx-ref-radius-pill); border-bottom-right-radius: var(--plx-ref-radius-pill); border-top-left-radius: var(--plx-ref-radius-pill); border-top-right-radius: var(--plx-ref-radius-pill); flex-shrink: 0; inline-size: var(--plx-ref-size-8px); } .plx-activity-list__leading { display: inline-flex; flex-shrink: 0; } .plx-activity-list__text { align-items: baseline; column-gap: var(--plx-sys-space-inline-sm); display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; } .plx-activity-list__title { color: var(--plx-sys-content-default); flex-shrink: 0; font-size: var(--plx-ref-font-size-13); max-inline-size: 60%; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-activity-list__item.is-unread .plx-activity-list__title { font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-activity-list__opener { background-color: transparent; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-style: none; border-top-width: 0; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; text-align: start; text-decoration-line: none; } .plx-activity-list__item.is-interactive .plx-activity-list__opener::after { content: ""; inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; position: absolute; } .plx-activity-list__opener:focus-visible, .plx-activity-list__opener.is-focus-visible { outline-style: none; } .plx-activity-list__meta { color: var(--plx-sys-content-muted); flex-basis: 0%; flex-grow: 1; flex-shrink: 1; font-size: var(--plx-ref-font-size-13); min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-activity-list__time { color: var(--plx-sys-content-muted); flex-shrink: 0; font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); white-space: nowrap; } .plx-activity-list__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-xs); display: flex; flex-shrink: 0; position: relative; z-index: var(--plx-sys-layer-raised); } .plx-activity-list__item.is-selected, .plx-activity-list__item.is-selected:hover, .plx-activity-list__item.is-selected.is-hover { background-color: var(--plx-sys-state-selected); } /* platform/patterns/NotificationList/notification-list.css */ .plx-notification-list { display: flex; flex-direction: column; min-block-size: 0; } .plx-notification-list .plx-activity-list__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; flex-shrink: 1; font-weight: var(--plx-ref-font-weight-regular-400); max-inline-size: none; white-space: normal; } .plx-notification-list .plx-activity-list__item.is-unread .plx-activity-list__title { font-weight: var(--plx-ref-font-weight-semibold-600); } .plx-notification-list__footer { align-items: center; box-shadow: inset 0 var(--plx-ref-border-width-1px) 0 var(--plx-sys-border-divider); column-gap: var(--plx-sys-space-inline-xs); display: flex; justify-content: space-between; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/patterns/SettingsLayout/settings-layout.css */ .plx-settings { container-type: inline-size; display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; } .plx-settings__frame { align-items: stretch; display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; } .plx-settings__content { box-sizing: border-box; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; max-inline-size: var(--plx-ref-size-900px); min-inline-size: 0; overflow-y: auto; padding-block-end: var(--plx-sys-space-layout-md); padding-block-start: var(--plx-sys-space-layout-md); padding-inline-end: var(--plx-sys-space-layout-lg); padding-inline-start: var(--plx-sys-space-layout-lg); } .plx-settings__section { margin-block-end: var(--plx-sys-space-stack-xl); } .plx-settings__section--card { background-color: var(--plx-sys-surface-default); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-surface-8px); border-bottom-right-radius: var(--plx-sys-radius-surface-8px); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-surface-8px); border-top-right-radius: var(--plx-sys-radius-surface-8px); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-xl); padding-inline-start: var(--plx-sys-space-inset-xl); } .plx-settings__section-title { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-11); font-weight: var(--plx-ref-font-weight-bold-700); letter-spacing: var(--plx-ref-letter-spacing-widest); margin-block-end: var(--plx-sys-space-stack-sm); margin-block-start: var(--plx-sys-space-stack-lg); margin-inline-end: 0; margin-inline-start: 0; text-transform: uppercase; } .plx-settings__section:first-child .plx-settings__section-title { margin-block-start: 0; } .plx-settings__section-description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); margin-block-end: var(--plx-sys-space-stack-sm); margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-settings__row { align-items: center; border-bottom-color: var(--plx-sys-border-divider); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); column-gap: var(--plx-sys-space-inline-lg); display: flex; justify-content: space-between; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: 0; padding-inline-start: 0; } .plx-settings__row:last-child { border-bottom-style: none; border-bottom-width: 0; } .plx-settings__row-text { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-settings__row-label { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-medium-500); } .plx-settings__row-description { color: var(--plx-sys-content-muted); font-size: var(--plx-ref-font-size-12); } .plx-settings__row-control { align-items: center; display: flex; flex-shrink: 0; } .plx-settings__rows > .plx-field { border-bottom-color: var(--plx-sys-border-divider); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); } .plx-settings__rows > .plx-field:last-child { border-bottom-style: none; border-bottom-width: 0; } .plx-settings__actions { align-items: center; column-gap: var(--plx-sys-space-cluster-sm); display: flex; flex-wrap: wrap; margin-block-start: var(--plx-sys-space-stack-lg); row-gap: var(--plx-sys-space-cluster-sm); } @container (max-width: 37.5rem) { .plx-settings__frame { flex-direction: column; } .plx-settings__nav { border-bottom-color: var(--plx-sys-border-default); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-inline-end-style: none; border-inline-end-width: 0; inline-size: 100%; } .plx-settings__content { flex-basis: 100%; padding-inline-end: var(--plx-sys-space-layout-sm); padding-inline-start: var(--plx-sys-space-layout-sm); } .plx-settings .plx-field--inline { grid-template-columns: minmax(0, 1fr); row-gap: var(--plx-sys-space-stack-xs); } } /* platform/patterns/ToolRail/tool-rail.css */ .plx-tool-rail { align-items: center; background-color: var(--plx-sys-surface-raised); box-shadow: inset calc(var(--plx-ref-border-width-1px) * -1) 0 0 var(--plx-sys-border-default); box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-xs); padding-inline-start: var(--plx-sys-space-inset-xs); row-gap: var(--plx-sys-space-stack-xs); } .plx-tool-rail__item { --plx-comp-icon-size:var(--plx-sys-control-icon-prominent); align-items: center; background-color: transparent; block-size: var(--plx-sys-control-height-prominent); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-muted); cursor: pointer; display: inline-flex; font-family: inherit; inline-size: var(--plx-sys-control-height-prominent); justify-content: center; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; } .plx-tool-rail__item:hover, .plx-tool-rail__item.is-hover { background-color: var(--plx-sys-state-hover); color: var(--plx-sys-content-default); } .plx-tool-rail__item.is-pressed { background-color: var(--plx-sys-state-selected); color: var(--plx-sys-selected-content); } .plx-tool-rail__item:focus-visible, .plx-tool-rail__item.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-tool-rail__item:disabled { color: var(--plx-sys-content-disabled); cursor: default; } .plx-tool-rail__divider { background-color: transparent; background-image: linear-gradient(var(--plx-sys-border-divider), var(--plx-sys-border-divider)); background-position: center; background-repeat: no-repeat; background-size: 100% var(--plx-ref-border-width-1px); block-size: var(--plx-ref-size-4px); inline-size: var(--plx-ref-size-24px); margin-block-end: 0; margin-block-start: 0; } .plx-tool-rail--labels .plx-tool-rail__item { block-size: auto; flex-direction: column; inline-size: var(--plx-ref-size-52px); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); row-gap: var(--plx-sys-space-stack-xs); } .plx-tool-rail__label { font-size: var(--plx-ref-font-size-10); } /* platform/patterns/AppShell/app-shell.css */ .plx-app-shell { block-size: 100dvh; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: hidden; } .plx-app-shell__main { display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; } .plx-app-shell__main:focus, .plx-app-shell__main.is-focused { outline-style: none; } .plx-app-shell__skip { background-color: var(--plx-sys-surface-overlay); border-bottom-color: var(--plx-sys-focus-ring-color); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-focus-ring-color); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-focus-ring-color); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-focus-ring-color); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-link); font-size: var(--plx-ref-font-size-13); inset-block-start: calc(var(--plx-ref-size-100px) * -1); inset-inline-start: var(--plx-sys-space-inset-sm); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); position: fixed; z-index: var(--plx-sys-layer-critical); } .plx-app-shell__skip:focus, .plx-app-shell__skip.is-focused { inset-block-start: var(--plx-sys-space-inset-sm); } .plx-app-shell__body { display: flex; flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; min-inline-size: 0; position: relative; } .plx-app-shell__scrim { background-color: var(--plx-sys-scrim); inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; opacity: var(--plx-ref-opacity-50); position: absolute; z-index: var(--plx-sys-layer-overlay); } .plx-panel-splitter { cursor: col-resize; inline-size: var(--plx-ref-size-8px); inset-block-end: 0; inset-block-start: 0; position: absolute; touch-action: none; z-index: var(--plx-sys-layer-raised); } .plx-panel-splitter--end { inset-inline-end: calc(var(--plx-ref-size-8px) / -2); } .plx-panel-splitter--start { inset-inline-start: calc(var(--plx-ref-size-8px) / -2); } .plx-panel-splitter::after { background-color: transparent; content: ""; inline-size: var(--plx-ref-border-width-2px); inset-block-end: 0; inset-block-start: 0; inset-inline-start: calc(50% - var(--plx-ref-border-width-1px)); position: absolute; transition-duration: var(--plx-ref-motion-duration-fast); transition-property: background-color; } .plx-panel-splitter:hover::after, .plx-panel-splitter:focus-visible::after, .plx-panel-splitter.is-hover::after, .plx-panel-splitter.is-focus-visible::after { background-color: var(--plx-sys-focus-ring-color); } .plx-panel-splitter:focus-visible, .plx-panel-splitter.is-focus-visible { outline-style: none; } .plx-app-shell__slot { display: contents; } .plx-app-shell__page { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; } .plx-page-content { box-sizing: border-box; display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; min-block-size: 0; min-inline-size: 0; overflow-y: auto; padding-block-end: var(--plx-sys-space-layout-sm); padding-block-start: var(--plx-sys-space-layout-sm); padding-inline-end: var(--plx-sys-space-layout-md); padding-inline-start: var(--plx-sys-space-layout-md); position: relative; row-gap: var(--plx-sys-space-stack-md); } .plx-page-panes { display: flex; flex-basis: 0%; flex-grow: 1; min-block-size: 0; min-inline-size: 0; } :root.is-resizing-columns body { cursor: col-resize; } /* platform/patterns/NavPane/nav-pane.css */ .plx-nav-pane { align-self: stretch; background-color: var(--plx-comp-nav-pane-background); box-shadow: inset calc(var(--plx-ref-border-width-1px) * -1) 0 0 var(--plx-sys-border-default); box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; inline-size: var(--plx-comp-nav-pane-width); min-block-size: 0; min-inline-size: 0; } .plx-nav-pane__header { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; padding-block-end: 0; padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-nav-pane__body { display: flex; flex-basis: 0%; flex-direction: column; flex-grow: 1; flex-shrink: 1; min-block-size: 0; overflow-x: hidden; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); row-gap: var(--plx-sys-space-stack-md); } .plx-nav-pane--inline { position: relative; } .plx-nav-pane--overlay { box-shadow: var(--plx-sys-elevation-overlay-shadow); inset-block-end: 0; inset-block-start: 0; inset-inline-start: 0; max-inline-size: calc(100% - var(--plx-sys-space-layout-xl)); position: absolute; z-index: var(--plx-sys-layer-popover); } .plx-nav-pane__footer { align-items: center; box-shadow: inset 0 var(--plx-ref-border-width-1px) 0 var(--plx-sys-border-divider); box-sizing: border-box; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; min-block-size: var(--plx-comp-pane-footer-height); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } .plx-nav-pane__collapse { display: inline-flex; flex-shrink: 0; } .plx-nav-pane__collapse--end { margin-inline-start: auto; } .plx-nav-pane-rail { align-self: stretch; background-color: var(--plx-comp-nav-pane-background); flex-shrink: 0; } .plx-nav-pane__title { color: var(--plx-sys-content-default); flex-basis: 0%; flex-grow: 1; font-family: var(--plx-sys-font-label); font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-bold-700); min-inline-size: 0; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .plx-nav-pane__actions { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: inline-flex; flex-shrink: 0; } .plx-nav-pane__subheader { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/patterns/SidePanel/side-panel.css */ .plx-side-panel { align-self: stretch; background-color: var(--plx-sys-surface-default); box-shadow: inset var(--plx-ref-border-width-1px) 0 0 var(--plx-sys-border-default); box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; inline-size: var(--plx-sys-panel-inspector-width); min-block-size: 0; position: relative; } .plx-side-panel__header { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; min-block-size: var(--plx-sys-control-height-toolbar); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-side-panel__icon { --plx-comp-icon-size:var(--plx-sys-control-icon-toolbar); color: var(--plx-sys-content-muted); display: inline-flex; } .plx-side-panel__title { color: var(--plx-sys-content-default); flex-basis: 0%; flex-grow: 1; flex-shrink: 1; font-size: var(--plx-ref-font-size-13); font-weight: var(--plx-ref-font-weight-semibold-600); margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; min-inline-size: 0; } .plx-side-panel__body { flex-basis: 0%; flex-grow: 1; flex-shrink: 1; min-block-size: 0; overflow-x: hidden; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: 0; padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-side-panel--overlay { box-shadow: var(--plx-sys-elevation-overlay-shadow); inline-size: min(var(--plx-sys-panel-inspector-width), calc(100% - var(--plx-sys-space-layout-xl))); inset-block-end: 0; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: var(--plx-sys-layer-popover); } .plx-side-panel-rail { align-self: stretch; box-shadow: inset var(--plx-ref-border-width-1px) 0 0 var(--plx-sys-border-default); flex-shrink: 0; } .plx-side-panel__footer { align-items: center; box-shadow: inset 0 var(--plx-ref-border-width-1px) 0 var(--plx-sys-border-divider); box-sizing: border-box; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; min-block-size: var(--plx-comp-pane-footer-height); padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); } /* platform/patterns/SecondaryPane/secondary-pane.css */ .plx-secondary-pane { background-color: var(--plx-sys-surface-default); border-inline-end-color: var(--plx-sys-border-default); border-inline-end-style: solid; border-inline-end-width: 0; border-inline-start-color: var(--plx-sys-border-default); border-inline-start-style: solid; border-inline-start-width: 0; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; min-block-size: 0; position: relative; } .plx-secondary-pane--start { border-inline-end-width: var(--plx-ref-border-width-1px); } .plx-secondary-pane--end { border-inline-start-width: var(--plx-ref-border-width-1px); } .plx-secondary-pane--sm { inline-size: var(--plx-comp-secondary-pane-width-sm); } .plx-secondary-pane--md { inline-size: var(--plx-comp-secondary-pane-width-md); } .plx-secondary-pane--lg { inline-size: var(--plx-comp-secondary-pane-width-lg); } .plx-secondary-pane--resized { inline-size: var(--plx-comp-secondary-pane-width); } .plx-secondary-pane__header { align-items: center; column-gap: var(--plx-sys-space-inline-xs); display: flex; flex-shrink: 0; font-size: var(--plx-ref-font-size-12); font-weight: var(--plx-ref-font-weight-semibold-600); min-block-size: var(--plx-sys-control-height-toolbar); padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-secondary-pane__title { flex-grow: 1; min-inline-size: 0; } .plx-secondary-pane__body { display: flex; flex-direction: column; flex-grow: 1; min-block-size: 0; overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-sm); padding-inline-start: var(--plx-sys-space-inset-sm); row-gap: var(--plx-sys-space-stack-sm); } .plx-secondary-pane-rail--start { box-shadow: inset calc(var(--plx-ref-border-width-1px) * -1) 0 0 var(--plx-sys-border-default); } .plx-secondary-pane-rail--end { box-shadow: inset var(--plx-ref-border-width-1px) 0 0 var(--plx-sys-border-default); } /* platform/patterns/ImageEditor/image-editor.css */ .plx-image-editor__bar { align-items: center; background-color: var(--plx-sys-surface-canvas); border-block-end-color: var(--plx-sys-border-default); border-block-end-style: solid; border-block-end-width: var(--plx-ref-border-width-1px); display: flex; flex-shrink: 0; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); } .plx-image-editor__panel { background-color: var(--plx-sys-surface-raised); border-inline-end-color: var(--plx-sys-border-default); border-inline-end-style: solid; border-inline-end-width: var(--plx-ref-border-width-1px); box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; inline-size: var(--plx-ref-size-220px); overflow-y: auto; padding-block-end: var(--plx-sys-space-inset-md); padding-block-start: var(--plx-sys-space-inset-md); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); row-gap: var(--plx-sys-space-stack-md); } .plx-image-editor__canvas { align-items: center; background-color: var(--plx-sys-surface-sunken); background-image: repeating-conic-gradient(var(--plx-sys-surface-raised) 0% 25%, transparent 0% 50%); background-size: var(--plx-ref-size-24px) var(--plx-ref-size-24px); display: flex; flex-basis: 0%; flex-grow: 1; justify-content: center; min-inline-size: 0; overflow-x: hidden; overflow-y: hidden; position: relative; } .plx-image-editor__frame { --plx-comp-image-editor-zoom:1; position: relative; transform: scale(var(--plx-comp-image-editor-zoom)); transition: transform var(--plx-ref-motion-duration-base) var(--plx-ref-motion-ease-standard); } .plx-image-editor__image { --plx-comp-image-editor-filter:none; --plx-comp-image-editor-ratio:auto; --plx-comp-image-editor-transform:none; aspect-ratio: var(--plx-comp-image-editor-ratio); display: block; filter: var(--plx-comp-image-editor-filter); transform: var(--plx-comp-image-editor-transform); } .plx-image-editor__image--cropped { block-size: auto; object-fit: cover; } .plx-image-editor__text { --plx-comp-image-editor-text-color:var(--plx-sys-content-default); --plx-comp-image-editor-text-font:var(--plx-sys-font-body); --plx-comp-image-editor-text-top:40%; color: var(--plx-comp-image-editor-text-color); font-family: var(--plx-comp-image-editor-text-font); font-size: var(--plx-ref-font-size-20); font-style: normal; font-weight: var(--plx-ref-font-weight-regular-400); inset-block-start: var(--plx-comp-image-editor-text-top); inset-inline-end: var(--plx-sys-space-inset-lg); inset-inline-start: var(--plx-sys-space-inset-lg); position: absolute; text-align: start; } .plx-image-editor__text--bold { font-weight: var(--plx-ref-font-weight-bold-700); } .plx-image-editor__text--italic { font-style: italic; } .plx-image-editor__text--center { text-align: center; } .plx-image-editor__text--end { text-align: end; } .plx-image-editor__overlay { --plx-comp-image-editor-overlay-opacity:1; --plx-comp-image-editor-overlay-scale:1; inset-block-start: 50%; inset-inline-start: 50%; max-inline-size: 60%; opacity: var(--plx-comp-image-editor-overlay-opacity); position: absolute; transform: translate(-50%, -50%) scale(var(--plx-comp-image-editor-overlay-scale)); } .plx-image-editor__status { background-color: var(--plx-sys-toast-background); border-bottom-left-radius: var(--plx-sys-radius-surface-4px); border-bottom-right-radius: var(--plx-sys-radius-surface-4px); border-top-left-radius: var(--plx-sys-radius-surface-4px); border-top-right-radius: var(--plx-sys-radius-surface-4px); color: var(--plx-sys-toast-content); font-size: var(--plx-ref-font-size-12); inset-block-end: var(--plx-sys-space-layout-sm); inset-inline-start: 50%; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-md); padding-inline-start: var(--plx-sys-space-inset-md); position: absolute; transform: translateX(-50%); } .plx-image-editor__status:empty { opacity: 0; } .plx-image-editor__presets { display: grid; gap: var(--plx-sys-space-inline-sm); grid-template-columns: repeat(2, minmax(0, 1fr)); } .plx-image-editor__preset { align-items: stretch; background-color: var(--plx-sys-surface-sunken); border-bottom-color: var(--plx-sys-border-default); border-bottom-left-radius: var(--plx-sys-radius-control); border-bottom-right-radius: var(--plx-sys-radius-control); border-bottom-style: solid; border-bottom-width: var(--plx-ref-border-width-1px); border-left-color: var(--plx-sys-border-default); border-left-style: solid; border-left-width: var(--plx-ref-border-width-1px); border-right-color: var(--plx-sys-border-default); border-right-style: solid; border-right-width: var(--plx-ref-border-width-1px); border-top-color: var(--plx-sys-border-default); border-top-left-radius: var(--plx-sys-radius-control); border-top-right-radius: var(--plx-sys-radius-control); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-content-default); cursor: pointer; display: flex; flex-direction: column; font-family: inherit; font-size: var(--plx-ref-font-size-11); overflow-x: hidden; overflow-y: hidden; padding-block-end: var(--plx-sys-space-inset-xs); padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; row-gap: var(--plx-sys-space-stack-xs); } .plx-image-editor__preset[aria-pressed=true] { border-bottom-color: var(--plx-sys-selected-border); border-left-color: var(--plx-sys-selected-border); border-right-color: var(--plx-sys-selected-border); border-top-color: var(--plx-sys-selected-border); box-shadow: var(--plx-sys-shadow-ring-subtle); } .plx-image-editor__preset img { block-size: auto; inline-size: 100%; } /* platform/patterns/StatusBar/status-bar.css */ .plx-status-bar { align-items: center; background-color: var(--plx-sys-status-bar-background); border-top-color: var(--plx-sys-status-bar-edge); border-top-style: solid; border-top-width: var(--plx-ref-border-width-1px); color: var(--plx-sys-status-bar-content); column-gap: var(--plx-sys-space-inline-lg); display: flex; flex-shrink: 0; font-size: var(--plx-ref-font-size-11); min-block-size: var(--plx-ref-size-40px); padding-inline-end: var(--plx-sys-space-layout-md); padding-inline-start: var(--plx-sys-space-layout-md); } .plx-status-bar__start { align-items: center; column-gap: var(--plx-sys-space-inline-sm); display: flex; min-inline-size: 0; } .plx-status-bar__end { margin-inline-start: auto; } /* platform/patterns/TimeGrid/time-grid.css */ .plx-time-grid { --plx-comp-time-grid-hour:var(--plx-ref-size-48px); background-color: var(--plx-sys-surface-default); display: grid; grid-template-columns: var(--plx-ref-size-48px) repeat(var(--plx-comp-time-grid-days), minmax(0, 1fr)); min-inline-size: 0; overflow-y: auto; } .plx-time-grid__corner, .plx-time-grid__head { background-color: var(--plx-sys-surface-default); border-block-end-color: var(--plx-sys-border-divider); border-block-end-style: solid; border-block-end-width: var(--plx-ref-border-width-1px); inset-block-start: 0; position: sticky; z-index: var(--plx-sys-layer-raised); } .plx-time-grid__head { border-inline-start-color: var(--plx-sys-border-divider); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); display: flex; justify-content: center; padding-block-end: var(--plx-sys-space-inset-sm); padding-block-start: var(--plx-sys-space-inset-sm); padding-inline-end: 0; padding-inline-start: 0; } .plx-time-grid__hours { display: grid; grid-template-rows: repeat(var(--plx-comp-time-grid-hours), var(--plx-comp-time-grid-hour)); } .plx-time-grid__hour { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-10); padding-block-start: var(--plx-sys-space-inset-xs); padding-inline-end: var(--plx-sys-space-inset-xs); text-align: end; } .plx-time-grid__day { border-inline-start-color: var(--plx-sys-border-divider); border-inline-start-style: solid; border-inline-start-width: var(--plx-ref-border-width-1px); display: grid; grid-template-rows: repeat(var(--plx-comp-time-grid-hours), var(--plx-comp-time-grid-hour)); position: relative; } .plx-time-grid__day.is-today { background-color: var(--plx-sys-state-selected); } .plx-time-grid__slot { border-block-end-color: var(--plx-sys-border-divider); border-block-end-style: solid; border-block-end-width: var(--plx-ref-border-width-1px); } .plx-time-grid__event { block-size: calc(var(--plx-comp-time-grid-span) * var(--plx-comp-time-grid-hour)); box-sizing: border-box; inset-block-start: calc(var(--plx-comp-time-grid-start) * var(--plx-comp-time-grid-hour)); inset-inline-end: var(--plx-sys-space-inset-xs); inset-inline-start: var(--plx-sys-space-inset-xs); padding-block-end: var(--plx-sys-space-inset-xs); position: absolute; } /* platform/patterns/WidgetGrid/widget-grid.css */ .plx-widget-grid { column-gap: var(--plx-sys-space-inline-md); display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--plx-ref-size-280px), 1fr)); row-gap: var(--plx-sys-space-inline-md); } .plx-widget-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .plx-widget-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .plx-widget-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .plx-widget-grid__item { border-bottom-left-radius: var(--plx-sys-radius-card-12px); border-bottom-right-radius: var(--plx-sys-radius-card-12px); border-top-left-radius: var(--plx-sys-radius-card-12px); border-top-right-radius: var(--plx-sys-radius-card-12px); min-inline-size: 0; position: relative; } .plx-widget-grid__item--wide { grid-column: span 2; } .plx-widget-grid__item.is-dragging { opacity: var(--plx-ref-opacity-50); } .plx-widget-grid__item.is-drop-target { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: dashed; outline-width: var(--plx-ref-border-width-2px); } .plx-widget-grid__handle { align-items: center; appearance: none; background-color: transparent; block-size: var(--plx-sys-control-height-inline); border-bottom-left-radius: var(--plx-sys-radius-compact-4px); border-bottom-right-radius: var(--plx-sys-radius-compact-4px); border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; border-right-style: none; border-right-width: 0; border-top-left-radius: var(--plx-sys-radius-compact-4px); border-top-right-radius: var(--plx-sys-radius-compact-4px); border-top-style: none; border-top-width: 0; color: var(--plx-sys-content-muted); cursor: grab; display: inline-flex; inline-size: var(--plx-sys-control-height-inline); inset-block-start: var(--plx-sys-space-inset-sm); inset-inline-end: var(--plx-sys-space-inset-sm); justify-content: center; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 0; padding-inline-start: 0; position: absolute; z-index: var(--plx-sys-layer-raised); } .plx-widget-grid__handle:hover, .plx-widget-grid__handle.is-hover { background-color: var(--plx-sys-state-hover); color: var(--plx-sys-content-default); } .plx-widget-grid__handle:focus-visible, .plx-widget-grid__handle.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-widget-grid__handle.plx-widget-grid__handle--inline { inset-block-start: auto; inset-inline-end: auto; position: static; } /* platform/components/Slider/slider.css */ .plx-slider { display: flex; flex-direction: column; row-gap: var(--plx-sys-space-stack-xs); } .plx-slider__head { align-items: baseline; column-gap: var(--plx-sys-space-inline-sm); display: flex; justify-content: space-between; } .plx-slider__label { color: var(--plx-sys-content-default); font-size: var(--plx-ref-font-size-12); } .plx-slider__value { color: var(--plx-sys-content-muted); font-family: var(--plx-sys-font-data); font-size: var(--plx-ref-font-size-11); } .plx-slider__input { accent-color: var(--plx-sys-action-primary-background); block-size: var(--plx-sys-control-height-inline); cursor: pointer; inline-size: 100%; margin-block-end: 0; margin-block-start: 0; margin-inline-end: 0; margin-inline-start: 0; } .plx-slider__input:focus-visible, .plx-slider__input.is-focus-visible { outline-color: var(--plx-sys-focus-ring-color); outline-offset: var(--plx-sys-focus-ring-offset); outline-style: solid; outline-width: var(--plx-ref-border-width-2px); } .plx-slider__input:disabled { cursor: default; opacity: var(--plx-ref-opacity-50); } /* platform/system/utilities.css */ .plx-u-absolute { position: absolute !important; } .plx-u-auto-rows-auto { grid-auto-rows: auto !important; } .plx-u-auto-rows-max-content { grid-auto-rows: max-content !important; } .plx-u-basis-160px { flex-basis: var(--plx-ref-size-160px) !important; } .plx-u-basis-220px { flex-basis: var(--plx-ref-size-220px) !important; } .plx-u-basis-240px { flex-basis: var(--plx-ref-size-240px) !important; } .plx-u-bg-nav-pane-background { background-color: var(--plx-comp-nav-pane-background) !important; } .plx-u-bg-surface-raised { background-color: var(--plx-sys-surface-raised) !important; } .plx-u-bg-transparent { background-color: transparent !important; } .plx-u-block { display: block !important; } .plx-u-border-1px { border-width: var(--plx-ref-border-width-1px) !important; } .plx-u-border-2px { border-width: var(--plx-ref-border-width-2px) !important; } .plx-u-border-b-1px { border-bottom-width: var(--plx-ref-border-width-1px) !important; } .plx-u-border-b-dashed { border-bottom-style: var(--plx-ref-border-style-dashed) !important; } .plx-u-border-b-none { border-bottom-style: none !important; } .plx-u-border-b-solid { border-bottom-style: var(--plx-ref-border-style-solid) !important; } .plx-u-border-dashed { border-style: var(--plx-ref-border-style-dashed) !important; } .plx-u-border-l-1px { border-left-width: var(--plx-ref-border-width-1px) !important; } .plx-u-border-l-2px { border-left-width: var(--plx-ref-border-width-2px) !important; } .plx-u-border-l-3px { border-left-width: var(--plx-ref-border-width-3px) !important; } .plx-u-border-l-4px { border-left-width: var(--plx-ref-border-width-4px) !important; } .plx-u-border-l-none { border-left-style: none !important; } .plx-u-border-l-solid { border-left-style: var(--plx-ref-border-style-solid) !important; } .plx-u-border-none { border-style: none !important; } .plx-u-border-r-1px { border-right-width: var(--plx-ref-border-width-1px) !important; } .plx-u-border-r-border-default { border-right-color: var(--plx-sys-border-default) !important; } .plx-u-border-r-none { border-right-style: none !important; } .plx-u-border-r-solid { border-right-style: var(--plx-ref-border-style-solid) !important; } .plx-u-border-radius-detail-4px { border-radius: var(--plx-sys-radius-detail-4px) !important; } .plx-u-border-radius-pill { border-radius: var(--plx-ref-radius-pill) !important; } .plx-u-border-solid { border-style: var(--plx-ref-border-style-solid) !important; } .plx-u-border-t-1px { border-top-width: var(--plx-ref-border-width-1px) !important; } .plx-u-border-t-border-divider { border-top-color: var(--plx-sys-border-divider) !important; } .plx-u-border-t-none { border-top-style: none !important; } .plx-u-border-t-solid-2 { border-top-style: solid !important; } .plx-u-border-t-solid { border-top-style: var(--plx-ref-border-style-solid) !important; } .plx-u-bottom-0 { bottom: 0 !important; } .plx-u-break-break-all { word-break: break-all !important; } .plx-u-capitalize { text-transform: capitalize !important; } .plx-u-col-end-3 { grid-column-end: 3 !important; } .plx-u-col-end-5 { grid-column-end: 5 !important; } .plx-u-col-start-1 { grid-column-start: 1 !important; } .plx-u-col-start-3 { grid-column-start: 3 !important; } .plx-u-cols-1fr-1fr { grid-template-columns: 1fr 1fr !important; } .plx-u-cols-2fr-1fr-1fr { grid-template-columns: 2fr 1fr 1fr !important; } .plx-u-cols-repeat-2-1fr { grid-template-columns: repeat(2, 1fr) !important; } .plx-u-cols-repeat-3-1fr { grid-template-columns: repeat(3, 1fr) !important; } .plx-u-cols-repeat-7-1fr { grid-template-columns: repeat(7, 1fr) !important; } .plx-u-cursor-col-resize { cursor: col-resize !important; } .plx-u-cursor-default { cursor: default !important; } .plx-u-cursor-grab { cursor: grab !important; } .plx-u-cursor-pointer { cursor: pointer !important; } .plx-u-duration-base { transition-duration: var(--plx-ref-motion-duration-base) !important; } .plx-u-duration-fast { transition-duration: var(--plx-ref-motion-duration-fast) !important; } .plx-u-duration-slow { transition-duration: var(--plx-ref-motion-duration-slow) !important; } .plx-u-ease-standard { transition-timing-function: var(--plx-ref-motion-ease-standard) !important; } .plx-u-ellipsis { text-overflow: ellipsis !important; } .plx-u-fixed { position: fixed !important; } .plx-u-flex-1 { flex-basis: 0% !important; flex-grow: 1 !important; flex-shrink: 1 !important; } .plx-u-flex-column { flex-direction: column !important; } .plx-u-flex-wrap { flex-wrap: wrap !important; } .plx-u-flex { display: flex !important; } .plx-u-font-body { font-family: var(--plx-sys-font-body) !important; } .plx-u-font-code { font-family: var(--plx-sys-font-code) !important; } .plx-u-font-data { font-family: var(--plx-sys-font-data) !important; } .plx-u-font-mono { font-family: var(--plx-ref-font-mono) !important; } .plx-u-font-sans { font-family: var(--plx-ref-font-sans) !important; } .plx-u-fs-09 { font-size: var(--plx-ref-font-size-09) !important; } .plx-u-fs-10 { font-size: var(--plx-ref-font-size-10) !important; } .plx-u-fs-11 { font-size: var(--plx-ref-font-size-11) !important; } .plx-u-fs-12 { font-size: var(--plx-ref-font-size-12) !important; } .plx-u-fs-13 { font-size: var(--plx-ref-font-size-13) !important; } .plx-u-fs-14 { font-size: var(--plx-ref-font-size-14) !important; } .plx-u-fs-15 { font-size: var(--plx-ref-font-size-15) !important; } .plx-u-fs-18 { font-size: var(--plx-ref-font-size-18) !important; } .plx-u-fs-20 { font-size: var(--plx-ref-font-size-20) !important; } .plx-u-fw-bold-700 { font-weight: var(--plx-ref-font-weight-bold-700) !important; } .plx-u-fw-medium-500 { font-weight: var(--plx-ref-font-weight-medium-500) !important; } .plx-u-fw-regular-400 { font-weight: var(--plx-ref-font-weight-regular-400) !important; } .plx-u-fw-semibold-600 { font-weight: var(--plx-ref-font-weight-semibold-600) !important; } .plx-u-gap-cluster-sm { column-gap: var(--plx-sys-space-cluster-sm) !important; row-gap: var(--plx-sys-space-cluster-sm) !important; } .plx-u-gap-x-0 { column-gap: 0 !important; } .plx-u-gap-x-12px { column-gap: var(--plx-ref-space-12px) !important; } .plx-u-gap-x-16px { column-gap: var(--plx-ref-space-16px) !important; } .plx-u-gap-x-24px { column-gap: var(--plx-ref-space-24px) !important; } .plx-u-gap-x-4px { column-gap: var(--plx-ref-space-4px) !important; } .plx-u-gap-x-8px { column-gap: var(--plx-ref-space-8px) !important; } .plx-u-gap-x-cluster-xs { column-gap: var(--plx-sys-space-cluster-xs) !important; } .plx-u-gap-x-inline-sm { column-gap: var(--plx-sys-space-inline-sm) !important; } .plx-u-gap-x-stack-xs { column-gap: var(--plx-sys-space-stack-xs) !important; } .plx-u-gap-y-0 { row-gap: 0 !important; } .plx-u-gap-y-12px { row-gap: var(--plx-ref-space-12px) !important; } .plx-u-gap-y-16px { row-gap: var(--plx-ref-space-16px) !important; } .plx-u-gap-y-24px { row-gap: var(--plx-ref-space-24px) !important; } .plx-u-gap-y-4px { row-gap: var(--plx-ref-space-4px) !important; } .plx-u-gap-y-8px { row-gap: var(--plx-ref-space-8px) !important; } .plx-u-gap-y-cluster-xs { row-gap: var(--plx-sys-space-cluster-xs) !important; } .plx-u-gap-y-component-gap-sm { row-gap: var(--plx-sys-space-component-gap-sm) !important; } .plx-u-gap-y-inline-sm { row-gap: var(--plx-sys-space-inline-sm) !important; } .plx-u-gap-y-pattern-stack-md { row-gap: var(--plx-sys-space-pattern-stack-md) !important; } .plx-u-gap-y-stack-sm { row-gap: var(--plx-sys-space-stack-sm) !important; } .plx-u-gap-y-stack-xs { row-gap: var(--plx-sys-space-stack-xs) !important; } .plx-u-grid { display: grid !important; } .plx-u-grow-0 { flex-grow: 0 !important; } .plx-u-h-100p { height: 100% !important; } .plx-u-h-10px { height: var(--plx-ref-glyph-size-10px) !important; } .plx-u-h-12px { height: var(--plx-ref-size-12px) !important; } .plx-u-h-14px { height: var(--plx-ref-glyph-size-14px) !important; } .plx-u-h-16px { height: var(--plx-ref-size-16px) !important; } .plx-u-h-20px { height: var(--plx-ref-size-20px) !important; } .plx-u-h-24px { height: var(--plx-ref-size-24px) !important; } .plx-u-h-28px { height: var(--plx-ref-size-28px) !important; } .plx-u-h-32px { height: var(--plx-ref-size-32px) !important; } .plx-u-h-40px { height: var(--plx-ref-size-40px) !important; } .plx-u-h-48px { height: var(--plx-ref-size-48px) !important; } .plx-u-h-4px { height: var(--plx-ref-size-4px) !important; } .plx-u-h-60px { height: var(--plx-ref-size-60px) !important; } .plx-u-h-60p { height: 60% !important; } .plx-u-h-6px { height: var(--plx-ref-glyph-size-6px) !important; } .plx-u-h-72px { height: var(--plx-ref-size-72px) !important; } .plx-u-h-8px { height: var(--plx-ref-size-8px) !important; } .plx-u-inline-block { display: inline-block !important; } .plx-u-inline-flex { display: inline-flex !important; } .plx-u-italic { font-style: italic !important; } .plx-u-items-baseline { align-items: baseline !important; } .plx-u-items-center { align-items: center !important; } .plx-u-items-flex-end { align-items: flex-end !important; } .plx-u-items-flex-start { align-items: flex-start !important; } .plx-u-items-stretch { align-items: stretch !important; } .plx-u-justify-center { justify-content: center !important; } .plx-u-justify-flex-end { justify-content: flex-end !important; } .plx-u-justify-flex-start { justify-content: flex-start !important; } .plx-u-justify-space-between { justify-content: space-between !important; } .plx-u-leading-16px { line-height: var(--plx-ref-size-16px) !important; } .plx-u-leading-none { line-height: var(--plx-ref-line-height-none) !important; } .plx-u-leading-normal { line-height: var(--plx-ref-line-height-normal) !important; } .plx-u-leading-relaxed { line-height: var(--plx-ref-line-height-relaxed) !important; } .plx-u-leading-snug { line-height: var(--plx-ref-line-height-snug) !important; } .plx-u-leading-tight { line-height: var(--plx-ref-line-height-tight) !important; } .plx-u-left-0 { left: 0 !important; } .plx-u-left-4px { left: var(--plx-ref-space-4px) !important; } .plx-u-line-through { text-decoration-line: line-through !important; } .plx-u-max-height-160px { max-height: var(--plx-ref-size-160px) !important; } .plx-u-max-w-200px { max-width: var(--plx-ref-size-200px) !important; } .plx-u-max-w-300px { max-width: var(--plx-ref-size-300px) !important; } .plx-u-max-w-320px { max-width: var(--plx-ref-size-320px) !important; } .plx-u-max-w-560px { max-width: var(--plx-ref-size-560px) !important; } .plx-u-max-w-600px { max-width: var(--plx-ref-size-600px) !important; } .plx-u-max-w-68p { max-width: 68% !important; } .plx-u-max-w-720px { max-width: var(--plx-ref-size-720px) !important; } .plx-u-max-w-72px { max-width: var(--plx-ref-size-72px) !important; } .plx-u-mb-0 { margin-bottom: 0 !important; } .plx-u-mb-12px { margin-bottom: var(--plx-ref-space-12px) !important; } .plx-u-mb-16px { margin-bottom: var(--plx-ref-space-16px) !important; } .plx-u-mb-20px { margin-bottom: var(--plx-ref-space-20px) !important; } .plx-u-mb-24px { margin-bottom: var(--plx-ref-space-24px) !important; } .plx-u-mb-28px { margin-bottom: var(--plx-ref-space-28px) !important; } .plx-u-mb-4px { margin-bottom: var(--plx-ref-space-4px) !important; } .plx-u-mb-8px { margin-bottom: var(--plx-ref-space-8px) !important; } .plx-u-mb-stack-md { margin-bottom: var(--plx-sys-space-stack-md) !important; } .plx-u-mb-stack-sm { margin-bottom: var(--plx-sys-space-stack-sm) !important; } .plx-u-mb-stack-xs { margin-bottom: var(--plx-sys-space-stack-xs) !important; } .plx-u-min-h-0 { min-height: 0 !important; } .plx-u-min-h-100p { min-height: 100% !important; } .plx-u-min-h-180px { min-height: var(--plx-ref-size-180px) !important; } .plx-u-min-h-80px { min-height: var(--plx-ref-size-80px) !important; } .plx-u-min-h-label-height-16px { min-height: var(--plx-sys-label-height-16px) !important; } .plx-u-min-h-label-height-20px { min-height: var(--plx-sys-label-height-20px) !important; } .plx-u-min-w-0 { min-width: 0 !important; } .plx-u-min-w-100px { min-width: var(--plx-ref-size-100px) !important; } .plx-u-min-w-16px { min-width: var(--plx-ref-size-16px) !important; } .plx-u-min-w-60px { min-width: var(--plx-ref-size-60px) !important; } .plx-u-min-w-80px { min-width: var(--plx-ref-size-80px) !important; } .plx-u-ml-4px { margin-left: var(--plx-ref-space-4px) !important; } .plx-u-ml-8px { margin-left: var(--plx-ref-space-8px) !important; } .plx-u-ml-auto { margin-left: auto !important; } .plx-u-mr-4px { margin-right: var(--plx-ref-space-4px) !important; } .plx-u-mr-8px { margin-right: var(--plx-ref-space-8px) !important; } .plx-u-mr-inline-xs { margin-right: var(--plx-sys-space-inline-xs) !important; } .plx-u-mt-0 { margin-top: 0 !important; } .plx-u-mt-12px { margin-top: var(--plx-ref-space-12px) !important; } .plx-u-mt-16px { margin-top: var(--plx-ref-space-16px) !important; } .plx-u-mt-20px { margin-top: var(--plx-ref-space-20px) !important; } .plx-u-mt-24px { margin-top: var(--plx-ref-space-24px) !important; } .plx-u-mt-4px { margin-top: var(--plx-ref-space-4px) !important; } .plx-u-mt-8px { margin-top: var(--plx-ref-space-8px) !important; } .plx-u-mt-auto { margin-top: auto !important; } .plx-u-mt-stack-lg { margin-top: var(--plx-sys-space-stack-lg) !important; } .plx-u-mt-stack-md { margin-top: var(--plx-sys-space-stack-md) !important; } .plx-u-mt-stack-sm { margin-top: var(--plx-sys-space-stack-sm) !important; } .plx-u-mt-stack-xs { margin-top: var(--plx-sys-space-stack-xs) !important; } .plx-u-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .plx-u-mx-4px { margin-left: var(--plx-ref-space-4px) !important; margin-right: var(--plx-ref-space-4px) !important; } .plx-u-mx-auto { margin-left: auto !important; margin-right: auto !important; } .plx-u-my-0 { margin-bottom: 0 !important; margin-top: 0 !important; } .plx-u-my-4px { margin-bottom: var(--plx-ref-space-4px) !important; margin-top: var(--plx-ref-space-4px) !important; } .plx-u-none-2 { display: none !important; } .plx-u-none-3 { text-decoration-line: none !important; } .plx-u-none { text-transform: none !important; } .plx-u-object-contain { object-fit: contain !important; } .plx-u-opacity-0 { opacity: 0 !important; } .plx-u-opacity-1 { opacity: 1 !important; } .plx-u-opacity-50 { opacity: var(--plx-ref-opacity-50) !important; } .plx-u-opacity-70 { opacity: var(--plx-ref-opacity-70) !important; } .plx-u-outline-1px { outline-width: var(--plx-ref-border-width-1px) !important; } .plx-u-outline-2px { outline-width: var(--plx-ref-border-width-2px) !important; } .plx-u-outline-3px { outline-width: var(--plx-ref-border-width-3px) !important; } .plx-u-outline-offset-focus-ring-offset { outline-offset: var(--plx-sys-focus-ring-offset) !important; } .plx-u-outline-solid { outline-style: var(--plx-ref-border-style-solid) !important; } .plx-u-overflow-hidden { overflow-x: hidden !important; overflow-y: hidden !important; } .plx-u-overflow-y-auto { overflow-y: auto !important; } .plx-u-p-0 { padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .plx-u-p-12px { padding-bottom: var(--plx-ref-space-12px) !important; padding-left: var(--plx-ref-space-12px) !important; padding-right: var(--plx-ref-space-12px) !important; padding-top: var(--plx-ref-space-12px) !important; } .plx-u-p-16px { padding-bottom: var(--plx-ref-space-16px) !important; padding-left: var(--plx-ref-space-16px) !important; padding-right: var(--plx-ref-space-16px) !important; padding-top: var(--plx-ref-space-16px) !important; } .plx-u-p-32px { padding-bottom: var(--plx-ref-space-32px) !important; padding-left: var(--plx-ref-space-32px) !important; padding-right: var(--plx-ref-space-32px) !important; padding-top: var(--plx-ref-space-32px) !important; } .plx-u-p-4px { padding-bottom: var(--plx-ref-space-4px) !important; padding-left: var(--plx-ref-space-4px) !important; padding-right: var(--plx-ref-space-4px) !important; padding-top: var(--plx-ref-space-4px) !important; } .plx-u-p-8px { padding-bottom: var(--plx-ref-space-8px) !important; padding-left: var(--plx-ref-space-8px) !important; padding-right: var(--plx-ref-space-8px) !important; padding-top: var(--plx-ref-space-8px) !important; } .plx-u-pb-0 { padding-bottom: 0 !important; } .plx-u-pb-12px { padding-bottom: var(--plx-ref-space-12px) !important; } .plx-u-pb-16px { padding-bottom: var(--plx-ref-space-16px) !important; } .plx-u-pb-20px { padding-bottom: var(--plx-ref-space-20px) !important; } .plx-u-pb-4px { padding-bottom: var(--plx-ref-space-4px) !important; } .plx-u-pb-8px { padding-bottom: var(--plx-ref-space-8px) !important; } .plx-u-pb-inset-xs { padding-bottom: var(--plx-sys-space-inset-xs) !important; } .plx-u-pl-12px { padding-left: var(--plx-ref-space-12px) !important; } .plx-u-pl-16px { padding-left: var(--plx-ref-space-16px) !important; } .plx-u-pl-20px { padding-left: var(--plx-ref-space-20px) !important; } .plx-u-pl-24px { padding-left: var(--plx-ref-space-24px) !important; } .plx-u-pl-32px { padding-left: var(--plx-ref-space-32px) !important; } .plx-u-pl-40px { padding-left: var(--plx-ref-space-40px) !important; } .plx-u-pl-inset-xs { padding-left: var(--plx-sys-space-inset-xs) !important; } .plx-u-pr-12px { padding-right: var(--plx-ref-space-12px) !important; } .plx-u-pr-16px { padding-right: var(--plx-ref-space-16px) !important; } .plx-u-pr-inset-xs { padding-right: var(--plx-sys-space-inset-xs) !important; } .plx-u-pt-0 { padding-top: 0 !important; } .plx-u-pt-12px { padding-top: var(--plx-ref-space-12px) !important; } .plx-u-pt-16px { padding-top: var(--plx-ref-space-16px) !important; } .plx-u-pt-4px { padding-top: var(--plx-ref-space-4px) !important; } .plx-u-pt-8px { padding-top: var(--plx-ref-space-8px) !important; } .plx-u-pt-component-gap-sm { padding-top: var(--plx-sys-space-component-gap-sm) !important; } .plx-u-pt-stack-xs { padding-top: var(--plx-sys-space-stack-xs) !important; } .plx-u-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .plx-u-px-12px { padding-left: var(--plx-ref-space-12px) !important; padding-right: var(--plx-ref-space-12px) !important; } .plx-u-px-16px { padding-left: var(--plx-ref-space-16px) !important; padding-right: var(--plx-ref-space-16px) !important; } .plx-u-px-20px { padding-left: var(--plx-ref-space-20px) !important; padding-right: var(--plx-ref-space-20px) !important; } .plx-u-px-24px { padding-left: var(--plx-ref-space-24px) !important; padding-right: var(--plx-ref-space-24px) !important; } .plx-u-px-28px { padding-left: var(--plx-ref-space-28px) !important; padding-right: var(--plx-ref-space-28px) !important; } .plx-u-px-32px { padding-left: var(--plx-ref-space-32px) !important; padding-right: var(--plx-ref-space-32px) !important; } .plx-u-px-40px { padding-left: var(--plx-ref-space-40px) !important; padding-right: var(--plx-ref-space-40px) !important; } .plx-u-px-4px { padding-left: var(--plx-ref-space-4px) !important; padding-right: var(--plx-ref-space-4px) !important; } .plx-u-px-8px { padding-left: var(--plx-ref-space-8px) !important; padding-right: var(--plx-ref-space-8px) !important; } .plx-u-py-0 { padding-bottom: 0 !important; padding-top: 0 !important; } .plx-u-py-12px { padding-bottom: var(--plx-ref-space-12px) !important; padding-top: var(--plx-ref-space-12px) !important; } .plx-u-py-16px { padding-bottom: var(--plx-ref-space-16px) !important; padding-top: var(--plx-ref-space-16px) !important; } .plx-u-py-20px { padding-bottom: var(--plx-ref-space-20px) !important; padding-top: var(--plx-ref-space-20px) !important; } .plx-u-py-24px { padding-bottom: var(--plx-ref-space-24px) !important; padding-top: var(--plx-ref-space-24px) !important; } .plx-u-py-28px { padding-bottom: var(--plx-ref-space-28px) !important; padding-top: var(--plx-ref-space-28px) !important; } .plx-u-py-4px { padding-bottom: var(--plx-ref-space-4px) !important; padding-top: var(--plx-ref-space-4px) !important; } .plx-u-py-8px { padding-bottom: var(--plx-ref-space-8px) !important; padding-top: var(--plx-ref-space-8px) !important; } .plx-u-py-inset-xs { padding-bottom: var(--plx-sys-space-inset-xs) !important; padding-top: var(--plx-sys-space-inset-xs) !important; } .plx-u-radius-0px { border-bottom-left-radius: var(--plx-ref-radius-0px) !important; border-bottom-right-radius: var(--plx-ref-radius-0px) !important; border-top-left-radius: var(--plx-ref-radius-0px) !important; border-top-right-radius: var(--plx-ref-radius-0px) !important; } .plx-u-radius-avatar-4px { border-bottom-left-radius: var(--plx-sys-radius-avatar-4px) !important; border-bottom-right-radius: var(--plx-sys-radius-avatar-4px) !important; border-top-left-radius: var(--plx-sys-radius-avatar-4px) !important; border-top-right-radius: var(--plx-sys-radius-avatar-4px) !important; } .plx-u-radius-avatar-6px { border-bottom-left-radius: var(--plx-sys-radius-avatar-6px) !important; border-bottom-right-radius: var(--plx-sys-radius-avatar-6px) !important; border-top-left-radius: var(--plx-sys-radius-avatar-6px) !important; border-top-right-radius: var(--plx-sys-radius-avatar-6px) !important; } .plx-u-radius-bl-0px { border-bottom-left-radius: var(--plx-ref-radius-0px) !important; } .plx-u-radius-bl-card-4px { border-bottom-left-radius: var(--plx-sys-radius-card-4px) !important; } .plx-u-radius-bl-card-6px { border-bottom-left-radius: var(--plx-sys-radius-card-6px) !important; } .plx-u-radius-br-card-4px { border-bottom-right-radius: var(--plx-sys-radius-card-4px) !important; } .plx-u-radius-br-card-6px { border-bottom-right-radius: var(--plx-sys-radius-card-6px) !important; } .plx-u-radius-card-4px { border-bottom-left-radius: var(--plx-sys-radius-card-4px) !important; border-bottom-right-radius: var(--plx-sys-radius-card-4px) !important; border-top-left-radius: var(--plx-sys-radius-card-4px) !important; border-top-right-radius: var(--plx-sys-radius-card-4px) !important; } .plx-u-radius-card-6px { border-bottom-left-radius: var(--plx-sys-radius-card-6px) !important; border-bottom-right-radius: var(--plx-sys-radius-card-6px) !important; border-top-left-radius: var(--plx-sys-radius-card-6px) !important; border-top-right-radius: var(--plx-sys-radius-card-6px) !important; } .plx-u-radius-detail-4px { border-bottom-left-radius: var(--plx-sys-radius-detail-4px) !important; border-bottom-right-radius: var(--plx-sys-radius-detail-4px) !important; border-top-left-radius: var(--plx-sys-radius-detail-4px) !important; border-top-right-radius: var(--plx-sys-radius-detail-4px) !important; } .plx-u-radius-pill { border-bottom-left-radius: var(--plx-ref-radius-pill) !important; border-bottom-right-radius: var(--plx-ref-radius-pill) !important; border-top-left-radius: var(--plx-ref-radius-pill) !important; border-top-right-radius: var(--plx-ref-radius-pill) !important; } .plx-u-radius-surface-8px { border-bottom-left-radius: var(--plx-sys-radius-surface-8px) !important; border-bottom-right-radius: var(--plx-sys-radius-surface-8px) !important; border-top-left-radius: var(--plx-sys-radius-surface-8px) !important; border-top-right-radius: var(--plx-sys-radius-surface-8px) !important; } .plx-u-radius-tl-0px { border-top-left-radius: var(--plx-ref-radius-0px) !important; } .plx-u-radius-tl-card-6px { border-top-left-radius: var(--plx-sys-radius-card-6px) !important; } .plx-u-radius-tr-0px { border-top-right-radius: var(--plx-ref-radius-0px) !important; } .plx-u-radius-tr-card-4px { border-top-right-radius: var(--plx-sys-radius-card-4px) !important; } .plx-u-radius-tr-card-6px { border-top-right-radius: var(--plx-sys-radius-card-6px) !important; } .plx-u-relative { position: relative !important; } .plx-u-resize-vertical { resize: vertical !important; } .plx-u-right-0 { right: 0 !important; } .plx-u-right-4px { right: var(--plx-ref-space-4px) !important; } .plx-u-self-start { align-self: start !important; } .plx-u-self-stretch { align-self: stretch !important; } .plx-u-shadow-card { box-shadow: var(--plx-sys-shadow-card) !important; } .plx-u-shrink-0 { flex-shrink: 0 !important; } .plx-u-text-center { text-align: center !important; } .plx-u-text-content-muted { color: var(--plx-sys-content-muted) !important; } .plx-u-text-inherit { text-align: inherit !important; } .plx-u-text-left { text-align: left !important; } .plx-u-text-right { text-align: right !important; } .plx-u-top-0 { top: 0 !important; } .plx-u-top-4px { top: var(--plx-ref-space-4px) !important; } .plx-u-tracking-caps { letter-spacing: var(--plx-ref-letter-spacing-caps) !important; } .plx-u-tracking-normal { letter-spacing: normal !important; } .plx-u-tracking-snug { letter-spacing: var(--plx-ref-letter-spacing-snug) !important; } .plx-u-tracking-tight { letter-spacing: var(--plx-ref-letter-spacing-tight) !important; } .plx-u-tracking-wider { letter-spacing: var(--plx-ref-letter-spacing-wider) !important; } .plx-u-tracking-widest { letter-spacing: var(--plx-ref-letter-spacing-widest) !important; } .plx-u-tracking-wide { letter-spacing: var(--plx-ref-letter-spacing-wide) !important; } .plx-u-transform-none { transform: none !important; } .plx-u-transform-rotate-0deg { transform: rotate(0deg) !important; } .plx-u-transform-rotate-180deg { transform: rotate(180deg) !important; } .plx-u-transform-rotate-90deg { transform: rotate(90deg) !important; } .plx-u-transition-all { transition-property: all !important; } .plx-u-transition-background-color { transition-property: background-color !important; } .plx-u-transition-border-color { transition-property: border-color !important; } .plx-u-transition-box-shadow-border-color { transition-property: box-shadow, border-color !important; } .plx-u-transition-box-shadow { transition-property: box-shadow !important; } .plx-u-transition-opacity { transition-property: opacity !important; } .plx-u-transition-transform { transition-property: transform !important; } .plx-u-transition-width { transition-property: width !important; } .plx-u-uppercase { text-transform: uppercase !important; } .plx-u-w-100px { width: var(--plx-ref-size-100px) !important; } .plx-u-w-100p { width: 100% !important; } .plx-u-w-10px { width: var(--plx-ref-glyph-size-10px) !important; } .plx-u-w-120px { width: var(--plx-ref-size-120px) !important; } .plx-u-w-16px { width: var(--plx-ref-size-16px) !important; } .plx-u-w-180px { width: var(--plx-ref-size-180px) !important; } .plx-u-w-200px { width: var(--plx-ref-size-200px) !important; } .plx-u-w-20px { width: var(--plx-ref-size-20px) !important; } .plx-u-w-220px { width: var(--plx-ref-size-220px) !important; } .plx-u-w-240px { width: var(--plx-ref-size-240px) !important; } .plx-u-w-24px { width: var(--plx-ref-size-24px) !important; } .plx-u-w-280px { width: var(--plx-ref-size-280px) !important; } .plx-u-w-28px { width: var(--plx-ref-size-28px) !important; } .plx-u-w-32px { width: var(--plx-ref-size-32px) !important; } .plx-u-w-36px { width: var(--plx-ref-size-36px) !important; } .plx-u-w-40px { width: var(--plx-ref-size-40px) !important; } .plx-u-w-48px { width: var(--plx-ref-size-48px) !important; } .plx-u-w-4px { width: var(--plx-ref-size-4px) !important; } .plx-u-w-52px { width: var(--plx-ref-size-52px) !important; } .plx-u-w-68px { width: var(--plx-ref-size-68px) !important; } .plx-u-w-6px { width: var(--plx-ref-glyph-size-6px) !important; } .plx-u-w-72px { width: var(--plx-ref-size-72px) !important; } .plx-u-w-80px { width: var(--plx-ref-size-80px) !important; } .plx-u-w-8px { width: var(--plx-ref-size-8px) !important; } .plx-u-w-92px { width: var(--plx-ref-size-92px) !important; } .plx-u-w-auto { width: auto !important; } .plx-u-w-fit-content { width: fit-content !important; } .plx-u-ws-normal { white-space: normal !important; } .plx-u-ws-nowrap { white-space: nowrap !important; } .plx-u-z-menu { z-index: var(--plx-sys-layer-menu) !important; } .plx-u-z-raised { z-index: var(--plx-sys-layer-raised) !important; } .plx-u-bg-var { background-color: var(--plx-comp-u-bg) !important; } .plx-u-block-var { block-size: var(--plx-comp-u-block) !important; } .plx-u-inline-var { inline-size: var(--plx-comp-u-inline) !important; } /* platform/platform.css */