.rx [data-accent=teal]{--rx-accent:#0f6861}.rx [data-accent=amber]{--rx-accent:#80530a}.rx [data-accent=coral]{--rx-accent:#97432e}.rx [data-accent=blue]{--rx-accent:#3f6188}.rx [data-accent=sage]{--rx-accent:#4c6537}html[data-theme=dark] .rx [data-accent=teal]{--rx-accent:#5cc3b3}html[data-theme=dark] .rx [data-accent=amber]{--rx-accent:#e3a93f}html[data-theme=dark] .rx [data-accent=coral]{--rx-accent:#e8876b}html[data-theme=dark] .rx [data-accent=blue]{--rx-accent:#86aee0}html[data-theme=dark] .rx [data-accent=sage]{--rx-accent:#9cc07f}.rx .rx-search{background:var(--color-card);width:100%;box-shadow:inset 0 1px 3px #3c301c17, 0 0 0 1px color-mix(in srgb, var(--color-rule) 70%, transparent);color:var(--color-ink);border-radius:14px;outline:none;padding:.8rem 1rem .8rem 2.75rem;font-size:.95rem;transition:box-shadow .18s}.rx .rx-search::placeholder{color:var(--color-graphite)}.rx .rx-search:focus-visible{box-shadow:inset 0 1px 3px #3c301c17, 0 0 0 2px color-mix(in srgb, var(--color-ink) 45%, transparent)}html[data-theme=dark] .rx .rx-search{box-shadow:inset 0 1px 3px #00000080, 0 0 0 1px color-mix(in srgb, var(--color-rule) 90%, transparent)}.rx .rx-group{isolation:isolate;background:color-mix(in srgb, var(--rx-accent) 8%, var(--color-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rx-accent) 18%, transparent);border-radius:26px;padding:1.35rem;position:relative;overflow:hidden}@media (min-width:640px){.rx .rx-group{padding:1.6rem 1.75rem 1.75rem}}html[data-theme=dark] .rx .rx-group{background:color-mix(in srgb, var(--rx-accent) 10%, var(--color-paper))}.rx .rx-pattern{z-index:-1;width:360px;height:360px;color:var(--rx-accent);opacity:.09;pointer-events:none;position:absolute;top:-90px;right:-70px;transform:rotate(-9deg)}html[data-theme=dark] .rx .rx-pattern{opacity:.1}.rx .rx-emblem{width:2.75rem;height:2.75rem;color:var(--rx-accent);background:color-mix(in srgb, var(--rx-accent) 18%, var(--color-card));box-shadow:var(--shadow-paper);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.rx .rx-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--rx-accent);background:color-mix(in srgb, var(--rx-accent) 12%, transparent);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.rx .rx-card{background:var(--color-card);width:100%;min-height:7rem;box-shadow:var(--shadow-paper);transition:transform .2s var(--default-transition-timing-function), box-shadow .2s var(--default-transition-timing-function), border-color .2s;border:1px solid #0000;border-radius:18px;align-items:center;gap:1rem;padding:1.25rem 1.25rem 1.25rem 1rem;display:flex}.rx .rx-card:hover,.rx .rx-card:focus-visible{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--rx-accent) 32%, transparent);transform:translateY(-2px)}.rx .rx-card:focus-visible{outline:2px solid var(--rx-accent);outline-offset:2px}.rx .rx-arrow{color:var(--color-graphite);transition:transform .22s var(--default-transition-timing-function), color .2s}.rx .rx-card:hover .rx-arrow,.rx .rx-card:focus-visible .rx-arrow{color:var(--rx-accent);transform:translate(4px)}@media (prefers-reduced-motion:reduce){.rx .rx-card:hover,.rx .rx-card:focus-visible,.rx .rx-card:hover .rx-arrow,.rx .rx-card:focus-visible .rx-arrow{transform:none}}