._collapse_l6uvn_2{font-family:var(--font-body);letter-spacing:var(--tracking-body);overflow:hidden;container-type:inline-size}._bar_l6uvn_5{--icon:32px;--control-gap:2px;--muted:var(--text-secondary);grid-template-columns:calc(var(--controls,0) * var(--icon) + max(var(--controls,0) - 1, 0) * var(--control-gap)) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-muted);color:var(--foreground);padding:6px 8px 6px 16px;display:grid}._bar_l6uvn_5[data-tone=inverted]{--muted:color-mix(in oklch, var(--background) 66%, transparent);background:var(--foreground);color:var(--background);border-bottom-color:#0000}._side_l6uvn_8{min-width:0}._viewport_l6uvn_9{min-height:32px;position:relative;overflow:hidden}._face_l6uvn_12{justify-content:center;align-items:center;min-height:32px;display:flex;position:absolute;top:0;left:0;right:0}._message_l6uvn_13{font-size:var(--text-sm);text-align:center;text-wrap:balance;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;margin:0;padding:6px 0;line-height:1.4;display:flex}._text_l6uvn_14{min-width:0}._countdown_l6uvn_17{color:var(--muted);white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}._countdownLabel_l6uvn_18{color:inherit}._time_l6uvn_19{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:500;line-height:inherit;align-items:baseline;display:inline-flex}._time_l6uvn_19[data-pending]{opacity:0}._bar_l6uvn_5[data-tone=inverted] ._time_l6uvn_19{color:var(--background)}._digit_l6uvn_22{text-align:center;display:inline-block;position:relative;overflow:clip}._digitSizer_l6uvn_23{visibility:hidden}._digitFace_l6uvn_24{display:block;position:absolute;inset:0}._unit_l6uvn_25{align-items:baseline;display:inline-flex}._unitMark_l6uvn_26{color:var(--muted);margin-left:1px;font-weight:400}._sep_l6uvn_28{color:var(--muted);font-feature-settings:"case";padding-inline:1px;font-weight:400;display:inline-block}._gap_l6uvn_29{width:.4em;display:inline-block}._cta_l6uvn_31{color:inherit;cursor:pointer;font:inherit;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:500;text-decoration:none;display:inline-flex}._cta_l6uvn_31 svg{transition:transform var(--duration-fast) var(--ease-standard)}._controls_l6uvn_34{align-items:center;gap:var(--control-gap);display:flex}._icon_l6uvn_35,._ring_l6uvn_35{width:var(--icon);height:var(--icon);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}._icon_l6uvn_35:active,._ring_l6uvn_35:active{background:color-mix(in oklch, currentColor 12%, transparent);color:inherit}._ring_l6uvn_35 svg{width:20px;height:20px;overflow:visible;transform:rotate(-90deg)}._ringTrack_l6uvn_38{fill:none;stroke:currentColor;stroke-opacity:.22;stroke-width:1.75px}._ringFill_l6uvn_39{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.75px}._ringIcon_l6uvn_40{place-items:center;display:grid;position:absolute;inset:0}._ringIcon_l6uvn_40 svg{fill:currentColor;width:9px;height:9px;transform:none}._bar_l6uvn_5[data-tone=inverted] ._icon_l6uvn_35,._bar_l6uvn_5[data-tone=inverted] ._ring_l6uvn_35{color:var(--muted)}@media (hover:hover) and (pointer:fine){._icon_l6uvn_35:hover,._ring_l6uvn_35:hover{background:color-mix(in oklch, currentColor 10%, transparent)}._bar_l6uvn_5 ._icon_l6uvn_35:hover,._bar_l6uvn_5 ._ring_l6uvn_35:hover{color:var(--foreground)}._bar_l6uvn_5[data-tone=inverted] ._icon_l6uvn_35:hover,._bar_l6uvn_5[data-tone=inverted] ._ring_l6uvn_35:hover{color:var(--background)}._cta_l6uvn_31:hover svg{transform:translate(2px)}}@container (width<=560px){._bar_l6uvn_5{gap:0 var(--space-2);grid-template-columns:0 minmax(0,1fr) auto;padding-left:14px}._face_l6uvn_12{justify-content:flex-start}._message_l6uvn_13{text-align:left;justify-content:flex-start;column-gap:10px}}@media (prefers-reduced-motion:reduce){._icon_l6uvn_35,._ring_l6uvn_35,._cta_l6uvn_31 svg{transition:none}}.demo-bar-wrap.svelte-eib9b1{flex-direction:column;gap:1rem;width:100%;padding:2.5rem 1rem;display:flex}.demo-dismissed.svelte-eib9b1{border:1px dashed var(--border);border-radius:var(--radius-control);font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.demo-reset-btn.svelte-eib9b1{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font-size:var(--text-xs);cursor:pointer;padding:.375rem .75rem}.demo-controls.svelte-eib9b1{font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.demo-controls.svelte-eib9b1 label:where(.svelte-eib9b1){align-items:center;gap:.375rem;display:flex}.demo-controls.svelte-eib9b1 select:where(.svelte-eib9b1){background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-control);padding:.2rem .4rem}