/* © 2026 Mark Kats. Все права защищены. */

/* Runtime state is carried by data-* attributes so the DOM never receives a style attribute. */
[data-shd-display="none"] { display: none !important; }
[data-shd-display="block"] { display: block !important; }
[data-shd-display="flex"] { display: flex !important; }
[data-shd-display="inline-flex"] { display: inline-flex !important; }
[data-shd-display="inline"] { display: inline !important; }
[data-shd-display="grid"] { display: grid !important; }
[data-shd-display="table"] { display: table !important; }
[data-shd-display="table-row"] { display: table-row !important; }
[data-shd-display="table-cell"] { display: table-cell !important; }
[data-shd-display="contents"] { display: contents !important; }

[data-shd-visibility="hidden"] { visibility: hidden !important; }
[data-shd-visibility="visible"] { visibility: visible !important; }

[data-shd-opacity] {
	opacity: attr(data-shd-opacity type(<number>)) !important;
}

[data-shd-width] {
	width: attr(data-shd-width type(<length-percentage>)) !important;
}
[data-shd-height] {
	height: attr(data-shd-height type(<length-percentage>)) !important;
}
[data-shd-min-width] {
	min-width: attr(data-shd-min-width type(<length-percentage>)) !important;
}
[data-shd-max-width] {
	max-width: attr(data-shd-max-width type(<length-percentage>)) !important;
}
[data-shd-min-height] {
	min-height: attr(data-shd-min-height type(<length-percentage>)) !important;
}
[data-shd-max-height] {
	max-height: attr(data-shd-max-height type(<length-percentage>)) !important;
}
[data-shd-left] {
	left: attr(data-shd-left type(<length-percentage>)) !important;
}
[data-shd-top] {
	top: attr(data-shd-top type(<length-percentage>)) !important;
}
[data-shd-right] {
	right: attr(data-shd-right type(<length-percentage>)) !important;
}
[data-shd-bottom] {
	bottom: attr(data-shd-bottom type(<length-percentage>)) !important;
}
[data-shd-flex-basis] {
	flex-basis: attr(data-shd-flex-basis type(<length-percentage>)) !important;
}
[data-shd-font-size] {
	font-size: attr(data-shd-font-size type(<length>)) !important;
}
[data-shd-letter-spacing] {
	letter-spacing: attr(data-shd-letter-spacing type(<length>)) !important;
}
[data-shd-line-height] {
	line-height: attr(data-shd-line-height type(<number> | <length>)) !important;
}
[data-shd-z-index] {
	z-index: attr(data-shd-z-index type(*)) !important;
}
[data-shd-stroke-width] {
	stroke-width: attr(data-shd-stroke-width type(<number>)) !important;
}
[data-shd-color] { color: attr(data-shd-color type(*)) !important; }
[data-shd-background-color] { background-color: attr(data-shd-background-color type(*)) !important; }
[data-shd-border-color] {
	border-color: attr(data-shd-border-color type(<color>)) !important;
}
[data-shd-fill] { fill: attr(data-shd-fill type(*)) !important; }
[data-shd-stroke] { stroke: attr(data-shd-stroke type(*)) !important; }

/* Values that are intentionally dynamic use typed data-* attributes. */
[data-shd-transform] { transform: attr(data-shd-transform type(*)) !important; }
[data-shd-transform-origin] { transform-origin: attr(data-shd-transform-origin type(*)) !important; }
[data-shd-background] { background: attr(data-shd-background type(*)) !important; }
[data-shd-background-image] { background-image: attr(data-shd-background-image type(*)) !important; }
[data-shd-border] { border: attr(data-shd-border type(*)) !important; }
[data-shd-box-shadow] { box-shadow: attr(data-shd-box-shadow type(*)) !important; }
[data-shd-filter] { filter: attr(data-shd-filter type(*)) !important; }
[data-shd-font] { font: attr(data-shd-font type(*)) !important; }
[data-shd-flex] { flex: attr(data-shd-flex type(*)) !important; }
[data-shd-gap] { gap: attr(data-shd-gap type(*)) !important; }
[data-shd-row-gap] { row-gap: attr(data-shd-row-gap type(*)) !important; }
[data-shd-margin] { margin: attr(data-shd-margin type(*)) !important; }
[data-shd-margin-top] { margin-top: attr(data-shd-margin-top type(*)) !important; }
[data-shd-margin-right] { margin-right: attr(data-shd-margin-right type(*)) !important; }
[data-shd-margin-bottom] { margin-bottom: attr(data-shd-margin-bottom type(*)) !important; }
[data-shd-padding] { padding: attr(data-shd-padding type(*)) !important; }
[data-shd-outline] { outline: attr(data-shd-outline type(*)) !important; }
[data-shd-grid-template-columns] { grid-template-columns: attr(data-shd-grid-template-columns type(*)) !important; }
[data-shd-grid-column] { grid-column: attr(data-shd-grid-column type(*)) !important; }
[data-shd-align-items] { align-items: attr(data-shd-align-items type(*)) !important; }
[data-shd-align-self] { align-self: attr(data-shd-align-self type(*)) !important; }
[data-shd-justify-content] { justify-content: attr(data-shd-justify-content type(*)) !important; }
[data-shd-flex-wrap] { flex-wrap: attr(data-shd-flex-wrap type(*)) !important; }
[data-shd-box-sizing] { box-sizing: attr(data-shd-box-sizing type(*)) !important; }
[data-shd-overflow] { overflow: attr(data-shd-overflow type(*)) !important; }
[data-shd-overflow-y] { overflow-y: attr(data-shd-overflow-y type(*)) !important; }
[data-shd-inset] { inset: attr(data-shd-inset type(*)) !important; }
[data-shd-word-break] { word-break: attr(data-shd-word-break type(*)) !important; }
[data-shd-overscroll-behavior] { overscroll-behavior: attr(data-shd-overscroll-behavior type(*)) !important; }
[data-shd-cursor] { cursor: attr(data-shd-cursor type(*)) !important; }
[data-shd-text-align] { text-align: attr(data-shd-text-align type(*)) !important; }
[data-shd-text-decoration] { text-decoration: attr(data-shd-text-decoration type(*)) !important; }
[data-shd-transition] { transition: attr(data-shd-transition type(*)) !important; }
[data-shd-will-change] { will-change: attr(data-shd-will-change type(*)) !important; }
[data-shd-backface-visibility] { backface-visibility: attr(data-shd-backface-visibility type(*)) !important; }
[data-shd-resize] { resize: attr(data-shd-resize type(*)) !important; }
[data-shd-zoom] { zoom: attr(data-shd-zoom type(*)) !important; }
[data-shd-flex-direction] { flex-direction: attr(data-shd-flex-direction type(*)) !important; }
[data-shd-contain] { contain: attr(data-shd-contain type(*)) !important; }
[data-shd-backdrop-filter] { backdrop-filter: attr(data-shd-backdrop-filter type(*)) !important; }
[data-shd-mix-blend-mode] { mix-blend-mode: attr(data-shd-mix-blend-mode type(*)) !important; }
[data-shd-webkit-overflow-scrolling] { -webkit-overflow-scrolling: attr(data-shd-webkit-overflow-scrolling type(*)) !important; }

[data-shd-width="auto"] { width: auto !important; }
[data-shd-height="auto"] { height: auto !important; }
[data-shd-min-width="0"] { min-width: 0 !important; }
[data-shd-min-height="0"] { min-height: 0 !important; }
[data-shd-flex="1 1 auto"] { flex: 1 1 auto !important; }
[data-shd-flex="1 1 0"] { flex: 1 1 0 !important; }
[data-shd-flex="1 1 100%"] { flex: 1 1 100% !important; }
[data-shd-flex="0 0 auto"] { flex: 0 0 auto !important; }
[data-shd-position="fixed"] { position: fixed !important; }
[data-shd-position="absolute"] { position: absolute !important; }
[data-shd-position="relative"] { position: relative !important; }
[data-shd-pointer-events="none"] { pointer-events: none !important; }
[data-shd-pointer-events="auto"] { pointer-events: auto !important; }
[data-shd-cursor="pointer"] { cursor: pointer !important; }
[data-shd-cursor="default"] { cursor: default !important; }
[data-shd-cursor="move"] { cursor: move !important; }
[data-shd-cursor="not-allowed"] { cursor: not-allowed !important; }
[data-shd-user-select="none"] { user-select: none !important; }
[data-shd-white-space="nowrap"] { white-space: nowrap !important; }
[data-shd-white-space="pre-line"] { white-space: pre-line !important; }
[data-shd-white-space="pre-wrap"] { white-space: pre-wrap !important; }
[data-shd-white-space="normal"] { white-space: normal !important; }
[data-shd-overflow="hidden"] { overflow: hidden !important; }
[data-shd-overflow="auto"] { overflow: auto !important; }
[data-shd-overflow-y="auto"] { overflow-y: auto !important; }
[data-shd-inset="0"] { inset: 0 !important; }
[data-shd-inset="auto"] { inset: auto !important; }
[data-shd-overscroll-behavior="contain"] { overscroll-behavior: contain !important; }
[data-shd-word-break="break-word"] { word-break: break-word !important; }
[data-shd-cursor="copy"] { cursor: copy !important; }
[data-shd-cursor="grab"] { cursor: grab !important; }
[data-shd-cursor="grabbing"] { cursor: grabbing !important; }
[data-shd-text-decoration="line-through"] { text-decoration: line-through !important; }
[data-shd-text-decoration="none"] { text-decoration: none !important; }
[data-shd-backface-visibility="hidden"] { backface-visibility: hidden !important; }
[data-shd-resize="none"] { resize: none !important; }
[data-shd-touch-action="none"] { touch-action: none !important; }
[data-shd-touch-action="auto"] { touch-action: auto !important; }

/* CSS custom properties formerly written with style.setProperty(). */
[data-shd-custom-bg] { --custom-bg: attr(data-shd-custom-bg type(*)); }
[data-shd-dur] { --dur: attr(data-shd-dur type(<time>)); }
[data-shd-notes-presence-color] { --notes-presence-color: attr(data-shd-notes-presence-color type(*)); }
[data-shd-pb-tab-custom-color] { --pb-tab-custom-color: attr(data-shd-pb-tab-custom-color type(*)); }
[data-shd-pb-select-bg] { --pb-select-bg: attr(data-shd-pb-select-bg type(*)); }
[data-shd-pb-select-text] { --pb-select-text: attr(data-shd-pb-select-text type(*)); }
[data-shd-pb-select-border] { --pb-select-border: attr(data-shd-pb-select-border type(*)); }
[data-shd-pb-option-swatch-color] { --pb-option-swatch-color: attr(data-shd-pb-option-swatch-color type(*)); }
[data-shd-pb-swatch-color] { --pb-swatch-color: attr(data-shd-pb-swatch-color type(*)); }
[data-shd-shd-row-cols] { --shd-row-cols: attr(data-shd-shd-row-cols type(<integer>)); }
[data-shd-proposal-action-form-columns] { --proposal-action-form-columns: attr(data-shd-proposal-action-form-columns type(*)); }
[data-shd-proposal-accent] { --proposal-accent: attr(data-shd-proposal-accent type(*)); }
[data-shd-proposal-surface] { --proposal-surface: attr(data-shd-proposal-surface type(*)); }
[data-shd-proposal-text] { --proposal-text: attr(data-shd-proposal-text type(*)); }
[data-shd-proposal-background] { --proposal-background: attr(data-shd-proposal-background type(*)); }
[data-shd-proposal-radius] { --proposal-radius: attr(data-shd-proposal-radius type(<length>)); }
[data-shd-proposal-template-editor-sidebar-height] { --proposal-template-editor-sidebar-height: attr(data-shd-proposal-template-editor-sidebar-height type(<length>)); }
[data-shd-proposal-template-editor-sidebar-slot-height] { --proposal-template-editor-sidebar-slot-height: attr(data-shd-proposal-template-editor-sidebar-slot-height type(<length>)); }
[data-shd-notes-depth] { --notes-depth: attr(data-shd-notes-depth type(<number>)); }
[data-shd-notes-outline-level] { --notes-outline-level: attr(data-shd-notes-outline-level type(<integer>)); }
[data-shd-tor-room-fill] { --tor-room-fill: attr(data-shd-tor-room-fill type(*)); }
[data-shd-tor-draw-stroke-color] { --tor-draw-stroke-color: attr(data-shd-tor-draw-stroke-color type(*)); }
[data-shd-tor-draw-fill-color] { --tor-draw-fill-color: attr(data-shd-tor-draw-fill-color type(*)); }
[data-shd-shd-scheme-modal-z-base] { --shd-scheme-modal-z-base: attr(data-shd-shd-scheme-modal-z-base type(<integer>)); }
[data-agents-service-hue] { --agents-service-hue: attr(data-agents-service-hue type(<number>)); }

/* Properties used by the runtime renderer but not covered by fixed utilities. */
[data-shd-border-radius] { border-radius: attr(data-shd-border-radius type(*)) !important; }
[data-shd-border-bottom] { border-bottom: attr(data-shd-border-bottom type(*)) !important; }
[data-shd-border-right] { border-right: attr(data-shd-border-right type(*)) !important; }
[data-shd-border-top] { border-top: attr(data-shd-border-top type(*)) !important; }
[data-shd-font-family] { font-family: attr(data-shd-font-family type(*)) !important; }
[data-shd-font-weight] { font-weight: attr(data-shd-font-weight type(*)) !important; }
[data-shd-text-overflow] { text-overflow: attr(data-shd-text-overflow type(*)) !important; }
[data-shd-accent-color] { accent-color: attr(data-shd-accent-color type(*)) !important; }
[data-shd-animation] { animation: attr(data-shd-animation type(*)) !important; }
[data-shd-appearance] { appearance: attr(data-shd-appearance type(*)) !important; }

/* Small static utilities used by the migrated templates. */
.csp-hidden { display: none !important; }
.csp-w-full { width: 100% !important; }
.csp-width-32 { width: 32px !important; }
.csp-flex-1 { flex: 1 !important; }
.csp-flex-shrink-0 { flex-shrink: 0 !important; }
.csp-min-w-0 { min-width: 0 !important; }
.csp-min-w-140 { min-width: 140px !important; }
.csp-min-width-80 { min-width: 80px !important; }
.csp-text-center { text-align: center !important; }
.csp-text-right { text-align: right !important; }
.csp-color-muted { color: var(--tasks-muted) !important; }
.csp-color-text { color: var(--pb-text) !important; }
.csp-font-size-9 { font-size: 9px !important; }
.csp-font-size-10 { font-size: 10px !important; }
.csp-font-size-11 { font-size: 11px !important; }
.csp-font-size-12 { font-size: 12px !important; }
.csp-font-size-14 { font-size: 14px !important; }
.csp-font-weight-500 { font-weight: 500 !important; }
.csp-margin-left-4 { margin-left: 4px !important; }
.csp-margin-left-8 { margin-left: 8px !important; }
.csp-margin-right-4 { margin-right: 4px !important; }
.csp-margin-top-8 { margin-top: 8px !important; }
.csp-margin-bottom-4 { margin-bottom: 4px !important; }
.csp-margin-bottom-6 { margin-bottom: 6px !important; }
.csp-margin-top-10 { margin-top: 10px !important; }
.csp-margin-bottom-10 { margin-bottom: 10px !important; }
.csp-margin-top-0 { margin-top: 0 !important; }
.csp-margin-top-6 { margin-top: 6px !important; }
.csp-margin-top-8 { margin-top: 8px !important; }
.csp-margin-left-auto { margin-left: auto !important; }
.csp-padding-panel { padding: 10px 14px !important; }
.csp-padding-table-row { padding: 4px 10px !important; }
.csp-padding-table-row--large { padding: 6px 10px !important; }
.csp-padding-child { padding-left: 18px !important; }
.csp-padding-child-title { padding-left: 28px !important; }
.csp-display-grid-gap-5 { display: grid !important; gap: 5px !important; }
.csp-display-grid-gap-4 { display: grid !important; gap: 4px !important; }
.csp-display-grid-gap-3 { display: grid !important; gap: 3px !important; }
.csp-display-flex-gap-6 { display: flex !important; gap: 6px !important; }
.csp-display-flex-row { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; }
.csp-display-inline-flex { display: inline-flex !important; align-items: center !important; gap: 3px !important; }
.csp-display-contents { display: contents !important; }
.csp-display-flex-start { display: flex !important; align-items: flex-start !important; gap: 6px !important; }
.csp-display-flex-wrap { display: flex !important; flex-wrap: wrap !important; }
.csp-display-flex-wrap--gap-4 { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
.csp-display-flex-wrap--gap-6 { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.csp-display-flex-wrap--gap-6-mb { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 6px !important; }
.csp-display-flex-wrap--gap-4-mb { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; margin-bottom: 6px !important; }
.csp-label-grid { display: grid !important; gap: 3px !important; font-size: 11px !important; color: var(--tasks-muted) !important; }
.csp-white-space-pre-wrap { white-space: pre-wrap !important; }
.csp-white-space-nowrap { white-space: nowrap !important; }
.csp-overflow-ellipsis { overflow: hidden !important; text-overflow: ellipsis !important; }
.csp-border-subtle { border: 1px solid rgba(255, 255, 255, 0.05) !important; }
.csp-background-subtle { background: rgba(255, 255, 255, 0.02) !important; }
.csp-comment-row { font-size: 11px !important; color: var(--tasks-muted) !important; padding: 3px 0 !important; }
.csp-comment-row--activity { font-size: 11px !important; color: var(--tasks-muted) !important; padding: 3px 0 !important; }
.csp-attachment-title { font-size: 11px !important; color: var(--pb-text) !important; }
.csp-comment-text { margin-left: 8px !important; }
.csp-status-child { padding-left: 18px !important; color: var(--tasks-muted) !important; font-size: 11px !important; }
.csp-status-child-title { padding-left: 18px !important; color: var(--tasks-muted) !important; }
.csp-status-description { margin: 0 0 8px !important; }
.csp-gantt-wrap { flex: 1 1 auto !important; min-height: 400px !important; }
.csp-gantt-wrap--zero { flex: 1 1 auto !important; min-height: 0 !important; }
.csp-height-full { height: 100% !important; }
.csp-height-16 { height: 16px !important; }
.csp-width-16 { width: 16px !important; }
.csp-min-width-16 { min-width: 16px !important; }
.csp-min-height-16 { min-height: 16px !important; }
.csp-min-height-28 { min-height: 28px !important; }
.csp-width-48 { width: 48px !important; }
.csp-width-52 { width: 52px !important; }
.csp-width-70 { width: 70px !important; }
.csp-width-90 { width: 90px !important; }
.csp-width-100 { width: 100px !important; }
.csp-width-140 { min-width: 140px !important; }
.csp-no-decoration { text-decoration: none !important; }
.csp-align-self-start { align-self: flex-start !important; }
.csp-grid-template-2 { grid-template-columns: 1fr 1fr !important; }
.csp-border-radius-7 { border-radius: 7px !important; }
.csp-success-notice { padding: 5px 8px !important; border: 1px solid rgba(58, 178, 99, 0.5) !important; border-radius: 7px !important; background: rgba(58, 178, 99, 0.12) !important; font-size: 12px !important; color: #9fdeb1 !important; }
.csp-font-size-10-muted { font-size: 10px !important; color: var(--tasks-muted) !important; }
.csp-font-size-11-muted { font-size: 11px !important; color: var(--tasks-muted) !important; }
.csp-font-size-11-text { font-size: 11px !important; color: var(--pb-text) !important; }
.csp-font-size-12-text { font-size: 12px !important; color: var(--pb-text) !important; }
.csp-font-size-9-tag { height: 14px !important; font-size: 9px !important; }
.csp-inline-form-flex { flex: 1 !important; }
.csp-button-full { width: 100% !important; }
.csp-opacity-78 { opacity: 0.78 !important; }
.csp-opacity-82 { opacity: 0.82 !important; }
.csp-opacity-60 { opacity: 0.6 !important; }
.csp-public-title-row { flex: 1 !important; padding: 0 8px !important; }
.csp-public-subtitle { font-size: 11px !important; margin-left: 8px !important; }
.csp-public-comment-cell { background: rgba(255, 255, 255, 0.02) !important; padding: 4px 10px !important; }
.csp-public-comment-cell--form { background: rgba(255, 255, 255, 0.02) !important; padding: 6px 10px !important; }
.csp-public-comment-form { display: flex !important; gap: 6px !important; align-items: flex-start !important; }
.csp-public-comment-input { min-height: 28px !important; flex: 1 !important; }
.csp-quiz-form-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; }
.csp-quiz-card-spaced { margin-top: 16px !important; }
.csp-quiz-option-row { padding: 8px !important; border: 1px solid var(--ui-border, #e2e8f0) !important; border-radius: 6px !important; }
.csp-deploy-log { margin: 0 !important; max-height: 58vh !important; white-space: pre-wrap !important; word-break: break-word !important; overflow-wrap: anywhere !important; }
.csp-controller-agent-actions { grid-template-columns: repeat(5, max-content) !important; }
.csp-agent-command { margin-top: 8px !important; }
.csp-log-pre { display: block !important; max-height: 60vh !important; white-space: pre-wrap !important; word-break: break-word !important; margin: 0 !important; }
.csp-pre-wrap-zero { white-space: pre-wrap !important; margin: 0 !important; }
.csp-alice-audio-help { display: inline !important; padding: 0 !important; background: none !important; color: var(--shd-link) !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; text-decoration: underline !important; border-bottom: 0 !important; font-size: inherit !important; }
.csp-stickers-format-row { display: flex !important; gap: 10px !important; align-items: center !important; white-space: nowrap !important; }
.csp-stickers-format-label { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
.csp-stickers-settings-section { height: 161.188px !important; }
.csp-stickers-main-row { display: flex !important; gap: 12px !important; align-items: flex-start !important; }
.csp-stickers-main-column { flex: 1 1 auto !important; min-width: 0 !important; }
.csp-stickers-preview-column { flex: 0 0 auto !important; width: 132px !important; }
.csp-stickers-preview-title { text-align: center !important; }
.csp-stickers-preview { margin-top: 7px !important; }
.csp-stickers-info { margin-top: 0 !important; }
.csp-scheme-settings-row { display: flex !important; gap: 8px !important; align-items: center !important; margin: 6px 0 !important; }
.csp-scheme-settings-label { display: flex !important; gap: 6px !important; align-items: center !important; flex: 1 1 auto !important; }
.csp-scheme-help { margin-top: 0 !important; }
.csp-scheme-theme-row { display: flex !important; gap: 8px !important; align-items: center !important; }
.csp-scheme-limit-row { display: flex !important; gap: 8px !important; align-items: center !important; margin-top: 4px !important; }
.csp-scheme-clamp-row { display: flex !important; gap: 8px !important; align-items: center !important; margin-top: 2px !important; }
.csp-scheme-limit-label { display: flex !important; gap: 6px !important; align-items: center !important; }
.csp-scheme-number-72 { width: 72px !important; }
.csp-vision-result-list { margin-bottom: 6px !important; opacity: 0.85 !important; }
.csp-vision-result-new { margin: 6px 0 4px !important; opacity: 0.9 !important; }
.csp-vision-result-existing { margin: 10px 0 4px !important; opacity: 0.9 !important; }
.csp-loader-box { color: #d0d0d0 !important; font-family: 'Fira Mono', monospace !important; text-align: center !important; min-width: 280px !important; max-width: 90vw !important; }
.csp-loader-icon-64 { width: 64px !important; height: 64px !important; margin-bottom: 10px !important; filter: brightness(0.8) invert(1) !important; opacity: 0.8 !important; animation: spin 1s linear infinite !important; }
.csp-loader-icon-56 { width: 56px !important; height: 56px !important; margin-bottom: 10px !important; filter: brightness(0.8) invert(1) !important; opacity: 0.85 !important; animation: spin 1s linear infinite !important; }
.csp-loader-progress-520 { width: min(520px, 88vw) !important; height: 10px !important; background: rgba(255, 255, 255, 0.12) !important; border-radius: 999px !important; overflow: hidden !important; margin: 12px auto 6px !important; position: relative !important; }
.csp-loader-progress-420 { width: min(420px, 80vw) !important; height: 8px !important; background: rgba(255, 255, 255, 0.15) !important; border-radius: 999px !important; overflow: hidden !important; margin: 10px auto 6px !important; }
.csp-loader-progress-bar { height: 100% !important; background: #2c65d2 !important; transition: width 0.2s ease !important; }
.csp-loader-progress-bar--zero { width: 0 !important; }
.csp-loader-subtext-10 { margin-top: 10px !important; font-size: 12px !important; opacity: 0.9 !important; }
.csp-loader-subtext-8 { margin-top: 8px !important; font-size: 12px !important; opacity: 0.9 !important; }
.csp-loader-cancel { margin-top: 14px !important; background: #333 !important; color: #eee !important; border: 0 !important; border-radius: 10px !important; padding: 8px 14px !important; cursor: pointer !important; font-family: 'Fira Mono', monospace !important; }
.csp-loader-indeterminate { position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.35) 50%, transparent 100%) !important; transform: translateX(-100%) !important; animation: shd-indet 1.1s linear infinite !important; mix-blend-mode: screen !important; }

[data-progress] {
	--csp-progress: attr(data-progress type(<percentage>));
}