.ds-spotlight-panel{color:var(--foreground,#0f172a);font-family:inherit}
.ds-spotlight-start{--ds-spot-start-bg:var(--spotlight-start-bg,var(--spotlight-accent,#0f766e));--ds-spot-start-fg:var(--spotlight-start-fg,#fff);--ds-spot-start-soft:var(--spotlight-start-soft,color-mix(in srgb, var(--ds-spot-start-bg) 18%, transparent));--ds-spot-start-surface:var(--spotlight-start-surface,#fff);--ds-spot-start-ink:var(--spotlight-start-ink,#0f172a);--ds-spot-start-radius:var(--spotlight-start-radius,999px);border:1px solid color-mix(in srgb, var(--ds-spot-start-bg) 35%, transparent);border-radius:var(--ds-spot-start-radius);background:linear-gradient(105deg, var(--ds-spot-start-soft) 0%, color-mix(in srgb, var(--ds-spot-start-bg) 12%, var(--ds-spot-start-surface)) 48%, var(--ds-spot-start-surface) 100%);color:var(--ds-spot-start-bg);letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb, var(--ds-spot-start-ink) 10%, transparent), 0 0 0 0 color-mix(in srgb, var(--ds-spot-start-bg) 35%, transparent);align-items:center;gap:.65rem;padding:.65rem 1.15rem .65rem .7rem;font-size:.95rem;font-weight:650;line-height:1.2;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;position:relative}.ds-spotlight-start:hover{border-color:color-mix(in srgb, var(--ds-spot-start-bg) 55%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--ds-spot-start-bg) 18%, transparent), 0 0 0 3px color-mix(in srgb, var(--ds-spot-start-bg) 12%, transparent);transform:translateY(-1px)}.ds-spotlight-start:active{transform:translateY(0)}.ds-spotlight-start:focus-visible{outline:2px solid var(--ds-spot-start-bg);outline-offset:3px}.ds-spotlight-start__glyph{background:var(--ds-spot-start-bg);width:2rem;height:2rem;color:var(--ds-spot-start-fg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ds-spotlight-start__glyph:after{content:"";border:2px solid color-mix(in srgb, var(--ds-spot-start-bg) 45%, transparent);pointer-events:none;border-radius:999px;animation:2.2s ease-out infinite ds-spotlight-start-pulse;position:absolute;inset:-4px}.ds-spotlight-start__label{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;display:inline-flex}.ds-spotlight-start__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--ds-spot-start-bg) 78%, var(--ds-spot-start-ink) 22%);opacity:.9;font-size:.68rem;font-weight:700}.ds-spotlight-start__text{color:color-mix(in srgb, var(--ds-spot-start-bg) 55%, var(--ds-spot-start-ink) 45%);font-size:.95rem;font-weight:650}.ds-spotlight-start--compact{gap:.45rem;padding:.28rem .8rem .28rem .35rem;font-size:.82rem}.ds-spotlight-start--compact .ds-spotlight-start__glyph{width:1.45rem;height:1.45rem}.ds-spotlight-start--compact .ds-spotlight-start__glyph svg{width:11px;height:11px}.ds-spotlight-start--compact .ds-spotlight-start__glyph:after{border-width:1.5px;inset:-3px}.ds-spotlight-start--compact .ds-spotlight-start__label{gap:0;line-height:1.15}.ds-spotlight-start--compact .ds-spotlight-start__eyebrow{letter-spacing:.07em;font-size:.55rem;line-height:1.1}.ds-spotlight-start--compact .ds-spotlight-start__text{font-size:.8rem;line-height:1.15}@keyframes ds-spotlight-start-pulse{0%{opacity:.7;transform:scale(.92)}70%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.ds-spotlight-start,.ds-spotlight-start__glyph:after{transition:none;animation:none}}