.t-card{--t-sh:4px;--t-card-down:#f7f8fa;box-sizing:border-box;border:var(--t-edge);border-radius:var(--t-r2);color:var(--t-ink);box-shadow:0 var(--t-sh) 0 var(--t-ink);font:inherit;text-align:start;-webkit-tap-highlight-color:transparent;transition:translate var(--t-snappy) var(--t-spring), box-shadow var(--t-snappy) var(--t-spring), background-color 90ms linear;background:#fff;text-decoration:none;display:block;position:relative}button.t-card,a.t-card{cursor:pointer;touch-action:manipulation;inline-size:100%}.t-card:is(button,a):is(:active,[data-down]),.t-card[data-press-host][data-down]{translate:0 var(--t-sh);box-shadow:0 0 0 var(--t-ink);background:var(--t-card-down);transition-duration:var(--t-press-ms)}.t-card[data-tone=blue]{--t-card-down:var(--t-brand-press);background:var(--t-brand);color:#fff}.t-card[data-tone=blue]:is(:active,[data-down]){background:var(--t-brand-press)}.t-card[data-tone=grouped]{background:var(--t-grouped)}.t-card__main{border-radius:inherit;inline-size:100%;min-inline-size:0;color:inherit;font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:14px;padding:0;text-decoration:none;display:flex}.t-surface{box-sizing:border-box;border-radius:var(--t-r1);box-shadow:var(--t-lift-1);background:#fff}.t-surface[data-tone=grouped]{background:var(--t-grouped);box-shadow:none}.t-surface[data-tone=sky]{background:var(--t-tint);box-shadow:none}.t-surface[data-tone=warm]{box-shadow:none;background:#fff6dc}.t-surface[data-tone=line]{border:1.5px solid var(--t-hair);border-radius:var(--t-r2);box-shadow:none}.t-surface[data-radius="2"]{border-radius:var(--t-r2)}.t-surface[data-radius="3"]{border-radius:var(--t-r3)}