[data-card-root]{--q-card-tone:var(--q-base);background:oklch(var(--q-surface-raised-l) var(--q-card-tone));border-radius:var(--q-card-radius);width:100%;padding:2rem}[data-card-root]:focus-visible{outline:var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}[data-card-root] header{flex-flow:row;justify-content:space-between;align-items:baseline;width:100%;display:flex}[data-card-root] header h1{font-size:1.1rem}[data-card-root] header>*{flex-flow:column;display:flex}[data-card-root] header>:first-child{align-items:flex-start}[data-card-root] header>:last-child{align-items:flex-end}[data-card-root] footer{flex-flow:row;justify-content:flex-end;margin-top:1rem;display:flex}[data-card-root] footer form{padding:0}[data-card-root]>p,[data-card-root] section>p{margin:2rem 0}[data-card-root] dl{justify-content:space-between;gap:var(--q-spacing-x,.5rem);flex-flow:row;display:flex}[data-card-root] dl>div{font-family:var(--q-mono-family);flex-flow:column;align-items:center;display:flex}[data-card-root] dl>div:first-child{align-items:flex-start}[data-card-root] dl>div:last-child{align-items:flex-end}[data-card-root] dl>div>dt{color:oklch(var(--q-shade-600) var(--q-base));text-transform:uppercase}[data-card-root] strong{color:oklch(var(--q-shade-600) var(--q-primary));font-weight:var(--q-weight-bold)}[data-card-root] [data-separator-root]{background:var(--q-divider);margin:1.5rem 0}[data-card-root][aria-checked=true]{--q-card-tone:var(--q-success)}[data-card-root][aria-checked=true]>strong{color:oklch(var(--q-shade-500) var(--q-success))}[data-card-root].structured{flex-direction:column;padding:0;display:flex;overflow:hidden}[data-card-root].structured>header{padding:.875rem 1rem 0}[data-card-root].structured>footer{border-top:var(--q-panel-border-thickness) var(--q-panel-border-style) var(--q-divider);justify-content:space-between;align-items:center;gap:.5rem;margin-top:0;padding:.6rem 1rem}[data-card-root].clickable{cursor:pointer;transition:transform .15s}[data-card-root].clickable:hover{transform:translateY(-1px)}[data-card-root].clickable:active{transform:translateY(0)}[data-card-root] .cover{aspect-ratio:16/9;background:oklch(var(--q-shade-300) var(--q-card-tone));justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}[data-card-root] .cover img{object-fit:cover;width:100%;height:100%;display:block}[data-card-root] .body{flex-direction:column;flex:1;gap:.35rem;padding:.875rem 1rem .75rem;display:flex}