.card{--card-background:var(--shade-primary-50);max-width:100%;box-shadow:var(--box-shadow-input);border-radius:var(--border-radius-s);padding:var(--unit-line);background-color:var(--color-background);transition:box-shadow var(--anim-timing) var(--anim-base), background-color var(--anim-timing) var(--anim-base);flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.card figure{padding:var(--padding-m) var(--padding-m) 0;flex-shrink:0;margin:0;position:relative;overflow:hidden}.card figure>.chip{right:var(--margin-s);top:var(--margin-s);z-index:2;position:absolute}.card figure>img{object-fit:cover;width:100%;height:100%;transition:all 1s;position:absolute;inset:0}.card figure svg{padding:var(--padding-xs) 0;stroke:var(--color-foreground)}.card figure input{display:none}.card figcaption{box-sizing:border-box;width:100%;height:100%;padding:var(--padding-m) calc(var(--padding-m) - var(--unit-line)) calc(var(--padding-l) - var(--unit-line));color:var(--color-foreground);flex-direction:column;justify-content:space-between;display:flex}.card figcaption h5,.card figcaption p{margin:0}.card figcaption h5,.card figcaption .description{color:var(--shade-foreground-50)}.card figcaption .description{margin:var(--margin-m) 0 0}.card figcaption .chip-list{margin-top:var(--margin-s)}.card.action{cursor:pointer;text-decoration:none}.card.action:hover{box-shadow:var(--box-shadow-input-hover);transition:background-color var(--anim-base) calc(var(--anim-timing) / 2), box-shadow var(--anim-base) var(--anim-timing)}.card.action:hover>figure>img{opacity:.7;transform:scale(1.05)}.card.action.img .description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card.img{contain:paint}.card.img>figure{min-height:calc(var(--unit-base) * 20);background-color:var(--card-background);min-width:calc(var(--unit-base) * 10);border-top-left-radius:calc(var(--border-radius-s) - var(--unit-line));border-top-right-radius:calc(var(--border-radius-s) - var(--unit-line))}.card.img>figure .chip-list{bottom:var(--padding-m);left:var(--padding-m);right:var(--padding-m);flex-wrap:nowrap;position:absolute}.card.img>figure .chip-list .chip{max-width:calc(var(--unit-base) * 16)}.card.img.landscape{gap:var(--margin-l)}.card.img.landscape figure{border-top-right-radius:0}.card footer{padding-top:var(--padding-m);border-top:var(--unit-line) solid var(--shade-foreground);margin:var(--margin-l) 0 0;align-items:center;display:flex}.card footer h4{margin:0}.card footer .users-collection{width:100%}.card footer .host{align-items:center;gap:var(--margin-xs);width:100%;display:inline-flex}.card footer .host h4{max-width:100%}.card footer .host .avatar{flex-shrink:0}.card.selected{background-color:var(--color-active)}.card.selected figure svg{padding:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);border-radius:var(--border-radius-m);background-color:var(--color-action);stroke:var(--color-foreground)}@supports (color:contrast-color(red)){.card.selected figure svg{stroke:contrast-color(var(--color-action))}}.card.selected,.card.selected:hover{box-shadow:none;transition:none}:is(.card.selected,.card.selected:hover) figure svg{margin:inherit;background-color:var(--color-action)}.card.landscape{max-width:calc(var(--unit-base) * 24);flex-direction:row}.card.landscape figure{padding:var(--padding-m);align-content:center;display:flex}.card.landscape figure svg{background-color:var(--shade-foreground);width:calc(var(--unit-base) * 2);height:calc(var(--unit-base) * 2);padding:var(--unit-base);border-radius:var(--border-radius-xs)}.card.landscape figcaption{border-top-right-radius:calc(var(--border-radius-s) - var(--unit-line));border-bottom-right-radius:calc(var(--border-radius-s) - var(--unit-line));padding:var(--padding-m) var(--padding-m) var(--padding-m) 0;justify-content:center;height:auto}@media screen and (max-width:48rem){.card.landscape{max-width:inherit}}.card .check-icon{width:16px;height:16px;color:var(--color-primary);position:absolute;top:8px;right:8px}.card:active{background-color:var(--color-active);transition:background-color var(--anim-base) var(--anim-timing)}