.item-card{--item-card-height:64px;--item-card-radius:var(--radius-2xl);--item-card-padding-x:12px;--item-card-padding-y:12px;--item-card-gap:12px;width:100%;min-width:0;min-height:var(--item-card-height);box-sizing:border-box;align-items:center;gap:var(--item-card-gap);padding:var(--item-card-padding-y) var(--item-card-padding-x);border-radius:var(--item-card-radius);color:var(--foreground);font:inherit;border:0;outline:none;transition:background-color .15s,box-shadow .18s,transform .16s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.item-card--default{background:var(--surface);box-shadow:var(--surface-shadow)}.item-card--secondary{background:var(--surface-secondary);box-shadow:none}.item-card--tertiary{background:var(--surface-tertiary);box-shadow:none}.item-card--outline{border:1px solid var(--border);box-shadow:none;background:0 0}.item-card--transparent{box-shadow:none;background:0 0}.item-card__icon{box-sizing:border-box;border-radius:var(--radius-xl);background:var(--surface-secondary);width:40px;height:40px;color:var(--muted);flex:0 0 40px;justify-content:center;align-items:center;display:flex;overflow:hidden}.item-card__icon>svg{stroke-width:1.75px;width:18px;height:18px}.item-card--secondary .item-card__icon{background:var(--surface)}.item-card--tertiary .item-card__icon,.item-card--outline .item-card__icon,.item-card--transparent .item-card__icon{background:var(--surface-secondary)}.item-card__content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.item-card__title{min-width:0;color:var(--foreground);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;display:block;overflow:hidden}.item-card__description{min-width:0;color:var(--muted);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:17px;display:block;overflow:hidden}.item-card__action{flex:none;justify-content:center;align-items:center;min-width:0;margin-inline-start:auto;display:flex}.item-card__action>button{flex:none}.item-card--default:hover{background:color-mix(in oklab, var(--surface) 96%, var(--foreground) 4%)}.item-card--secondary:hover{background:color-mix(in oklab, var(--surface-secondary) 95%, var(--foreground) 5%)}.item-card--tertiary:hover{background:color-mix(in oklab, var(--surface-tertiary) 94%, var(--foreground) 6%)}.item-card--outline:hover{background:color-mix(in oklab, var(--foreground) 3.5%, transparent)}.item-card--transparent:hover{background:color-mix(in oklab, var(--foreground) 4%, transparent)}.item-card[data-hovered]{cursor:pointer}.item-card[data-pressed]{transform:scale(.995)}.item-card[data-focus-visible]{box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 55%, transparent)}.item-card[data-disabled]{opacity:.45;pointer-events:none}button.item-card,a.item-card{text-align:start;cursor:pointer;appearance:none;border:0;text-decoration:none}@media (max-width:640px){.item-card{--item-card-height:60px;--item-card-radius:var(--radius-2xl);--item-card-padding-x:12px;--item-card-padding-y:10px;--item-card-gap:10px}.item-card__icon{border-radius:var(--radius-xl);flex-basis:38px;width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.item-card{transition-duration:.01ms}}
