.care-action-card{--care-ink: var(--accent-card-ink);--care-ink-soft: color-mix(in srgb, var(--accent-card-ink) 68%, transparent);--care-chip-bg: rgb(255 255 255 / .55);--care-chip-border: color-mix(in srgb, var(--accent-card-ink) 10%, transparent);--care-mark: rgb(255 255 255 / .26);--care-title-ink: var(--care-ink);--care-rise: 0px}.care-action-card[data-face=true]{--care-rise: 1.5rem;padding-top:var(--care-rise)}.care-action-card[data-handled=true]{--care-ink: var(--ink-strong);--care-ink-soft: var(--ink-soft);--care-title-ink: color-mix(in srgb, var(--ink-strong) 72%, var(--ink-soft));--care-chip-bg: color-mix(in srgb, var(--surface) 72%, transparent);--care-chip-border: var(--border-soft);--care-mark: color-mix(in srgb, var(--care-accent) 20%, transparent)}.care-action-card[data-paused=true]{--care-ink: var(--ink-strong);--care-ink-soft: var(--ink-soft);--care-title-ink: color-mix(in srgb, var(--ink-strong) 62%, var(--ink-soft));--care-chip-bg: var(--surface);--care-chip-border: var(--border-strong);--care-mark: color-mix(in srgb, var(--ink-soft) 14%, transparent)}.care-action-card[data-paused=true] .care-action-surface{border-color:var(--border-strong)}.care-action-card[data-handled=true] .care-action-surface{border-color:color-mix(in srgb,var(--care-accent) 45%,var(--border-soft))}.care-action-card[data-interactive=true]{transition:transform .2s ease-out}.care-action-card[data-interactive=true]:hover{transform:scale(1.015)}.care-action-card[data-interactive=true]:active{transform:scale(.985)}.care-action-surface{border-color:var(--brand-teal-fixed);color:var(--care-ink)}.care-action-surface:focus-visible,.care-action-detail:focus-visible,.care-action-resume:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.care-action-mark{position:absolute;right:-.9rem;bottom:1.6rem;width:6.5rem;height:6.5rem;color:var(--care-mark);rotate:-12deg;pointer-events:none}.care-action-face{position:absolute;top:0;left:.875rem;z-index:2;display:grid;place-items:center;width:3.625rem;height:3.625rem;overflow:hidden;border:3px solid #fff;border-radius:999px;background:#fff;box-shadow:0 0 0 2px var(--brand-teal-fixed),0 3px 6px #10223b2e;color:var(--accent-card-ink);pointer-events:none}.care-action-card[data-handled=true] .care-action-face{filter:saturate(.6)}.care-action-card[data-paused=true] .care-action-face{box-shadow:0 0 0 2px var(--border-strong),0 3px 6px #10223b2e}.care-action-done{border:2px solid var(--brand-lime);border-radius:var(--organic-btn-900-1300);background:var(--brand-teal-fixed);color:#fffdf9}.care-action-resume{border-radius:var(--organic-btn-900-1300)}.care-action-resume-label{border:2px solid var(--border-strong);border-radius:var(--organic-900-1300);background:var(--surface);color:var(--ink-strong)}@media(hover:hover){.care-action-resume:hover:not(:disabled) .care-action-resume-label{border-color:var(--brand-teal)}}.care-action-resume:disabled .care-action-resume-label{color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.care-action-card[data-interactive=true]{transition:none}.care-action-card[data-interactive=true]:hover,.care-action-card[data-interactive=true]:active{transform:none}}.care-action-face[data-more]{top:.75rem;left:calc(.875rem + 2.875rem + var(--care-more-at, 0) * 1.5rem);width:2.25rem;height:2.25rem;border-width:2px;box-shadow:0 0 0 1.5px var(--brand-teal-fixed),0 2px 4px #10223b29}
