.compact-themed-panel{--compact-panel-accent:var(--ui-accent);--compact-panel-soft:var(--ui-accent-soft);--compact-panel-border:var(--ui-accent-border);color:var(--ui-text);background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--compact-panel-accent) 9%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--ui-surface) 97%, var(--compact-panel-accent) 3%), var(--ui-surface));border-color:color-mix(in srgb, var(--compact-panel-accent) 22%, var(--ui-border));font-family:inherit;position:relative;overflow:visible}.compact-themed-panel.is-success{--compact-panel-accent:var(--ui-buy);--compact-panel-soft:var(--ui-buy-soft);--compact-panel-border:var(--ui-buy-border)}.compact-themed-panel.is-danger{--compact-panel-accent:var(--ui-danger);--compact-panel-soft:var(--ui-danger-soft);--compact-panel-border:var(--ui-danger-border)}.compact-themed-panel.is-warning{--compact-panel-accent:var(--ui-warning);--compact-panel-soft:var(--ui-warning-soft);--compact-panel-border:var(--ui-warning-border)}.compact-themed-panel.is-info{--compact-panel-accent:var(--ui-info);--compact-panel-soft:var(--ui-info-soft);--compact-panel-border:var(--ui-info-border)}.compact-themed-panel .ui-panel-title,.compact-themed-panel .ui-card-title,.compact-themed-panel .panel-title{font-family:inherit;font-size:var(--ui-font-sm,11px);letter-spacing:-.01em;font-weight:600}.compact-themed-panel .ui-panel-subtitle,.compact-themed-panel .ui-card-subtitle,.compact-themed-panel .panel-subtitle{font-family:inherit;font-size:var(--ui-font-xxs,9px);font-weight:450;line-height:1.25}.compact-panel-slider{--compact-slide-accent:var(--compact-panel-accent,var(--ui-accent));--compact-slide-soft:color-mix(in srgb, var(--compact-slide-accent) 9%, transparent);--compact-slide-border:color-mix(in srgb, var(--compact-slide-accent) 24%, var(--ui-border));--compact-dot-color:var(--ui-warning);isolation:isolate;width:100%;min-width:0;min-height:116px;color:var(--ui-text);background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--compact-slide-accent) 8%, transparent), transparent 34%), color-mix(in srgb, var(--ui-surface-2) 76%, transparent);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;grid-template-rows:minmax(0,1fr) 20px;gap:3px;padding:7px 8px 4px;font-family:inherit;display:grid;position:relative;overflow:hidden;container:compact-panel/inline-size}.compact-panel-slider.is-success{--compact-slide-accent:var(--ui-buy)}.compact-panel-slider.is-danger{--compact-slide-accent:var(--ui-danger)}.compact-panel-slider.is-warning{--compact-slide-accent:var(--ui-warning)}.compact-panel-slider.is-info{--compact-slide-accent:var(--ui-info)}.compact-panel-slider:focus-visible{outline:2px solid color-mix(in srgb, var(--compact-slide-accent) 56%, transparent);outline-offset:-3px}.compact-panel-slider__viewport{z-index:1;min-width:0;min-height:0;position:relative;overflow:hidden}.compact-panel-slide{align-content:start;gap:5px;width:100%;min-width:0;min-height:0;display:grid}.compact-panel-slide__header{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.compact-panel-slide__icon{width:24px;height:24px;color:var(--compact-slide-accent);background:var(--compact-slide-soft);border:1px solid var(--compact-slide-border);border-radius:var(--ui-radius-sm);place-items:center;display:grid}.compact-panel-slide__heading{gap:1px;min-width:0;display:grid;overflow:hidden}.compact-panel-slide__heading small{color:var(--compact-slide-accent);letter-spacing:.045em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6.5px,.72cqi,8px);font-weight:550;line-height:1;overflow:hidden}.compact-panel-slide__heading strong{color:var(--ui-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1.05cqi,11.5px);font-weight:600;line-height:1.08;overflow:hidden}.compact-panel-slide__value{max-width:132px;min-height:22px;color:var(--compact-slide-accent);background:var(--compact-slide-soft);border:1px solid var(--compact-slide-border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:7px;font-size:clamp(7px,.78cqi,9px);font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.compact-panel-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;display:grid}.compact-panel-metric{min-width:0;min-height:20px;color:var(--ui-muted);background:color-mix(in srgb, var(--ui-text) 3%, transparent);border:1px solid color-mix(in srgb, var(--ui-text) 7%, transparent);border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:3px 6px;display:flex;overflow:hidden}.compact-panel-metric small{color:currentColor;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:clamp(6px,.64cqi,7.5px);font-weight:500;line-height:1;overflow:hidden}.compact-panel-metric strong{min-width:0;max-width:58%;color:var(--ui-text-soft);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:clamp(6.8px,.74cqi,8.5px);font-weight:600;line-height:1;overflow:hidden}.compact-panel-metric.is-success{color:var(--ui-buy);background:var(--ui-buy-soft);border-color:var(--ui-buy-border)}.compact-panel-metric.is-danger{color:var(--ui-danger);background:var(--ui-danger-soft);border-color:var(--ui-danger-border)}.compact-panel-metric.is-warning{color:var(--ui-warning);background:var(--ui-warning-soft);border-color:var(--ui-warning-border)}.compact-panel-metric.is-info{color:var(--ui-info);background:var(--ui-info-soft);border-color:var(--ui-info-border)}.compact-panel-slide__note{color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(6.5px,.7cqi,8px);font-weight:450;line-height:1.2;overflow:hidden}.compact-panel-slider__footer{z-index:10;justify-content:center;align-items:center;min-height:20px;display:flex;position:relative;overflow:visible}.compact-panel-dots{justify-content:center;align-items:center;gap:2px;display:flex;overflow:visible}.compact-panel-dot{appearance:none;width:16px;height:20px;color:var(--compact-dot-color);cursor:pointer;transition:width var(--motion-slow,.26s) var(--ui-ease,ease), transform var(--motion-fast,.12s) var(--ui-ease,ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.compact-panel-dot>span{background:color-mix(in srgb, var(--compact-dot-color) 28%, var(--ui-border));border:1px solid color-mix(in srgb, var(--compact-dot-color) 34%, transparent);border-radius:999px;width:6px;height:4px;display:block;position:relative;overflow:hidden}.compact-panel-dot.is-active>span{background:color-mix(in srgb, var(--compact-dot-color) 10%, transparent);border-color:color-mix(in srgb, var(--compact-dot-color) 58%, transparent);width:30px}.compact-panel-dot:hover{background:0 0}@container compact-panel (max-width:620px){.compact-panel-slide__value{max-width:98px}.compact-panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@container compact-panel (max-width:390px){.compact-panel-slider{min-height:128px;padding-inline:6px}.compact-panel-slide__header{grid-template-columns:22px minmax(0,1fr);gap:6px}.compact-panel-slide__icon{width:22px;height:22px}.compact-panel-slide__value{grid-column:1/-1;justify-self:start;max-width:100%;min-height:19px}.compact-panel-metric{min-height:19px;padding-inline:5px}.compact-panel-dot{width:14px}.compact-panel-dot.is-active{width:32px}.compact-panel-dot.is-active>span{width:26px}}@media (max-width:560px){.compact-themed-panel{padding:7px}}@media (prefers-reduced-motion:reduce){.compact-panel-slide,.compact-panel-dot,.compact-panel-dot>span,.compact-panel-dot>span:before{transition:none!important;animation:none!important}}@keyframes compactPanelSlideNext{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes compactPanelSlidePrevious{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes compactPanelDotFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.compact-themed-panel{container:compact-panel-shell/inline-size}.compact-themed-panel .ui-collapsible-trigger{width:100%;min-width:0;display:block;position:relative}.compact-themed-panel .ui-collapsible-trigger .ui-section-header{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:0;flex-direction:row!important;display:flex!important}.compact-themed-panel .ui-collapsible-trigger .ui-section-title-wrap{flex:auto;align-items:center;min-width:0;display:flex;overflow:visible}.compact-themed-panel .ui-collapsible-trigger .ui-section-icon{z-index:2;transform-origin:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:visible}.compact-themed-panel .ui-collapsible-trigger .ui-section-icon .signal-icon{display:block;overflow:visible}.compact-themed-panel .ui-collapsible-trigger .ui-section-icon:hover{z-index:3}.compact-themed-panel .ui-collapsible-trigger .ui-section-title-wrap>div:last-child{min-width:0;overflow:hidden}.compact-themed-panel .ui-collapsible-trigger .ui-section-header h3,.compact-themed-panel .ui-collapsible-trigger .ui-section-header p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-themed-panel .ui-collapsible-trigger .ui-section-header-right{flex:none;justify-content:flex-end;align-self:center;align-items:center;min-width:max-content;margin-left:auto;display:flex}.compact-themed-panel .ui-collapsible-trigger .ui-collapsible-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px;min-width:max-content;display:inline-flex}.compact-themed-panel .ui-collapsible-trigger .ui-collapse-icon{flex:none;place-items:center;width:24px;height:24px;margin:0;display:inline-grid}@container compact-panel-shell (max-width:560px){.compact-themed-panel .ui-collapsible-trigger .ui-section-header,.compact-themed-panel .ui-collapsible-trigger .ui-section-title-wrap{gap:6px}.compact-themed-panel .ui-collapsible-trigger .ui-section-icon{width:24px;height:24px}.compact-themed-panel .ui-collapsible-trigger .ui-section-header h3{font-size:10px;line-height:1.1}.compact-themed-panel .ui-collapsible-trigger .ui-section-header p{margin-top:2px;font-size:8px;line-height:1.1}.compact-themed-panel .ui-collapsible-trigger .ui-collapse-icon{width:22px;height:22px}}@container compact-panel-shell (max-width:360px){.compact-themed-panel .ui-collapsible-trigger .ui-section-header,.compact-themed-panel .ui-collapsible-trigger .ui-section-title-wrap{gap:5px}.compact-themed-panel .ui-collapsible-trigger .ui-section-icon{width:22px;height:22px}.compact-themed-panel .ui-collapsible-trigger .ui-section-header h3{font-size:9px}.compact-themed-panel .ui-collapsible-trigger .ui-section-header p{font-size:7px}.compact-themed-panel .ui-collapsible-trigger .ui-collapse-icon{width:20px;height:20px}}@media (max-width:560px){.compact-themed-panel .ui-collapsible-trigger .ui-section-header{justify-content:space-between;align-items:center;flex-direction:row!important;display:flex!important}.compact-themed-panel .ui-collapsible-trigger .ui-section-header-right{margin-left:auto}}.compact-panel-slider{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr) 18px;gap:1px;padding:5px 8px 4px}.compact-panel-slider__viewport{z-index:1;align-items:center;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.compact-panel-slide{width:100%;min-width:0;min-height:0;max-height:100%;overflow:hidden}.compact-panel-slide.slide-next{animation:compactPanelSlideNext .28s var(--ui-ease,ease) both}.compact-panel-slide.slide-previous{animation:compactPanelSlidePrevious .28s var(--ui-ease,ease) both}.compact-panel-slider__footer{z-index:20;background:0 0;justify-content:center;align-self:end;align-items:center;width:100%;min-width:0;height:18px;min-height:18px;margin:0;padding:0;display:flex;position:relative;overflow:visible}.compact-panel-dots{justify-content:center;align-items:center;gap:2px;min-width:0;display:flex;overflow:visible}.compact-panel-dot{appearance:none;width:18px;height:18px;color:var(--compact-dot-color);cursor:pointer;touch-action:manipulation;transition:width var(--motion-slow,.26s) var(--ui-ease,ease), transform var(--motion-fast,.12s) var(--ui-ease,ease);background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;display:inline-grid}.compact-panel-dot>span{background:color-mix(in srgb, var(--compact-dot-color) 26%, var(--ui-border));border:1px solid color-mix(in srgb, var(--compact-dot-color) 32%, transparent);width:6px;height:4px;transition:width var(--motion-base,.18s) var(--ui-ease,ease), background var(--motion-base,.18s) var(--ui-ease,ease), border-color var(--motion-base,.18s) var(--ui-ease,ease), box-shadow var(--motion-base,.18s) var(--ui-ease,ease);border-radius:999px;display:block;position:relative;overflow:hidden}.compact-panel-dot>span:before{content:"";border-radius:inherit;background:var(--compact-dot-color);transform-origin:0;opacity:0;position:absolute;inset:0;transform:scaleX(0)}.compact-panel-dot:hover,.compact-panel-dot:hover>span{background:0 0}.compact-panel-dot:active{transform:scale(.96)}.compact-panel-dot:focus-visible{outline:2px solid color-mix(in srgb, var(--compact-dot-color) 70%, transparent);outline-offset:2px;border-radius:999px}.compact-panel-dot.is-active{width:42px}.compact-panel-dot.is-active>span{border-color:color-mix(in srgb, var(--compact-dot-color) 58%, transparent);background:color-mix(in srgb, var(--compact-dot-color) 12%, transparent);width:34px;box-shadow:0 0 10px color-mix(in srgb, var(--compact-dot-color) 16%, transparent)}.compact-panel-dot.is-active>span:before{opacity:1;animation:compactPanelDotFill var(--compact-slide-duration,5.6s) linear forwards}.compact-panel-slider.is-paused .compact-panel-dot.is-active>span:before,.compact-panel-slider:focus-within .compact-panel-dot.is-active>span:before{animation-play-state:paused}@container compact-panel (max-width:390px){.compact-panel-slider{padding-inline:8px}.compact-panel-dot{width:15px;height:18px}.compact-panel-dot.is-active{width:36px}.compact-panel-dot.is-active>span{width:28px}}@media (prefers-reduced-motion:reduce){.compact-panel-slide,.compact-panel-dot,.compact-panel-dot>span,.compact-panel-dot>span:before{transition:none!important;animation:none!important}}
