:host{--_fg: var(--osg-trial-countdown-fg, light-dark(var(--gray-cool-70), var(--gray-cool-5)));--_bg: var(--osg-trial-countdown-bg, light-dark(var(--gray-cool-10), var(--gray-cool-70)));--_accent: var(--osg-trial-countdown-accent, light-dark(var(--gray-cool-50), var(--gray-cool-20)));display:block;color-scheme:inherit}:host([hidden]){display:none}:host([data-variant="warning"]){--_fg: var(--osg-trial-countdown-warning-fg, light-dark(var(--yellow-80), var(--yellow-10)));--_bg: var(--osg-trial-countdown-warning-bg, light-dark(var(--yellow-10), var(--yellow-80)));--_accent: var(--osg-trial-countdown-warning-accent, light-dark(var(--yellow-60), var(--yellow-20)))}:host([data-variant="danger"]){--_fg: var(--osg-trial-countdown-danger-fg, light-dark(var(--red-cool-70), var(--red-cool-5)));--_bg: var(--osg-trial-countdown-danger-bg, light-dark(var(--red-cool-10), var(--red-cool-70)));--_accent: var(--osg-trial-countdown-danger-accent, light-dark(var(--red-cool-60), var(--red-cool-20)))}:host([data-variant="primary"]){--_fg: var(--osg-trial-countdown-primary-fg, light-dark(var(--blue-70), var(--blue-5)));--_bg: var(--osg-trial-countdown-primary-bg, light-dark(var(--blue-10), var(--blue-70)));--_accent: var(--osg-trial-countdown-primary-accent, light-dark(var(--blue-60), var(--blue-20)))}.bar{display:flex;gap:0.75em;justify-content:center;align-items:center;padding:0.625em 1em;font-size:var(--osg-trial-countdown-font-size, 0.875rem);font-family:var(--osg-trial-countdown-font-family, var(--font-family-sans-serif));line-height:1.4;text-align:center;color:var(--_fg);background:var(--_bg);box-shadow:inset 0 -1px 0 var(--_accent)}.message{font-weight:500}.count{margin-inline:0.15em;font-weight:700;font-variant-numeric:tabular-nums}::slotted(*){flex:none}::slotted(a),::slotted(osg-btn){font:inherit;font-weight:600;color:inherit}@media (max-width: 40rem){.bar{flex-direction:column;gap:0.375em}}