:where(.u-card){position:relative;border:1px solid var(--border-default);border-radius:28px}@media(max-width:767px){:where(.u-card){border-radius:16px}}:where(.u-card--r-lg){border-radius:20px}@media(max-width:767px){:where(.u-card--r-lg){border-radius:16px}}:where(.u-card--r-md){border-radius:16px}@media(max-width:767px){:where(.u-card--r-md){border-radius:12px}}:where(.u-card--surface){background:var(--bg-surface)}:where(.u-card--sunken){background:var(--bg-sunken);border-color:transparent}:where(.u-card--canvas){background:var(--bg-canvas);border-color:transparent}:where(.u-card--brand){background:var(--brand-subtle);border-color:transparent}:where(.u-card--inverse){background:var(--bg-inverse);border-color:transparent;color:var(--text-inverse)}:where(.u-card--deep){background:var(--brand-deep);border-color:transparent;color:var(--text-inverse)}:where(.u-card--borderless){border-color:transparent}:where(.u-card--p-L){padding:14px}@media(min-width:768px){:where(.u-card--p-L){padding:28px 32px}}:where(.u-card--p-M){padding:12px}@media(min-width:768px){:where(.u-card--p-M){padding:24px}}:where(.u-card--p-S){padding:12px}@media(min-width:768px){:where(.u-card--p-S){padding:16px}}:where(.u-card--p-none){padding:0}:where(.u-card--interactive){transition:border-color .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s cubic-bezier(.2,.7,.2,1),transform .2s cubic-bezier(.2,.7,.2,1)}@media(hover:hover)and (pointer:fine){:where(.u-card--interactive):hover{border-color:var(--border-strong);box-shadow:0 1px 2px rgba(23,21,18,.04),0 4px 12px -4px rgba(23,21,18,.06)}}:where(.u-card--interactive):active{transform:scale(.99)}:where(.u-card__header){display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}@media(min-width:768px){:where(.u-card__header){margin-bottom:20px}}:where(.u-card__title){font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:20px;letter-spacing:-.1px}@media(min-width:768px){:where(.u-card__title){font-family:var(--font-ui);font-weight:600;font-size:18px;line-height:24px;letter-spacing:-.2px}}:where(.u-card__subtitle){font-family:var(--font-ui);font-weight:400;font-size:13px;line-height:18px;color:var(--text-secondary);margin-top:2px}@media(min-width:768px){:where(.u-card__subtitle){font-family:var(--font-ui);font-weight:400;font-size:14px;line-height:20px;margin-top:4px}}:where(.u-card--inverse,.u-card--deep) :where(.u-card__subtitle){color:hsla(0,0%,100%,.7)}