.vg-personal [data-vg-shelf-ui][inert] { display: none; }
.vg-dialog-capable .vg-personal [data-vg-shelf-ui][inert] { display: block; }
.vg-personal [data-vg-shelf-ui][inert] [data-vg-empty] { visibility: hidden; }
.vg-personal-tabs { border-block-end: 1px solid var(--border); padding-block-end: var(--s3); }
.vg-personal-tabs [aria-selected="true"] { color: var(--on-dark); background: var(--forest); border-color: var(--forest); }
.vg-personal-panel { margin-block-start: var(--s5); }
.vg-personal-heading { justify-content: space-between; }
.vg-personal-home .vg-personal-heading { margin-block-end: var(--s5); }
.vg-personal-list { display: grid; gap: var(--s4); padding: 0; margin: 0; list-style: none; }
.vg-personal-card { display: grid; grid-template-columns: clamp(3rem, 16vw, 5rem) minmax(0, 1fr); gap: var(--s3); align-items: start; }
.vg-personal-card > :only-child { grid-column: 1 / -1; }
.vg-personal-card :where(h3,p) { overflow-wrap: anywhere; }
.vg-personal-card progress { width: min(100%, 11rem); display: block; accent-color: var(--accent); }
.vg-personal-card .vg-cover { display: grid; place-items: center; }
.vg-personal-select select { min-height: 44px; width: auto; max-width: 100%; }
.vg-personal-actions { min-width: 0; }
.vg-personal-actions [role="status"] { flex-basis: 100%; }
.vg-personal :where([role="status"]:empty), .vg-personal-actions [role="status"]:empty { position: absolute; }
.vg-personal-confirm { width: min(32rem, calc(100% - 2rem)); border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); color: var(--text); padding: var(--s5); }
.vg-personal-confirm::backdrop { background: rgb(23 29 27 / .65); }
@media (min-width: 48rem) {
  .vg-personal-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 75rem) {
  .vg-personal-home .vg-personal-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}