html body .vl-page .vl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,210px));justify-content:start;gap:14px;margin-bottom:20px;display:grid}html body .vl-page .vl-card{isolation:isolate;box-sizing:border-box;aspect-ratio:.75;border:1px solid var(--app-line);background:var(--app-control);width:100%;min-width:0;min-height:280px;color:var(--foreground);font-family:var(--font-ui);text-align:start;box-shadow:0 15px 34px color-mix(in srgb,var(--app-shadow-color) 33.33%,transparent);cursor:pointer;border-radius:11px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;transform:none}html body .vl-page .vl-card:hover{border-color:var(--app-accent);box-shadow:0 25px 54px color-mix(in srgb,var(--app-shadow-color) 53.33%,transparent);transform:translateY(-5px)}html body .vl-page .vl-card:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}html body .vl-page .vl-card[aria-disabled=true]{cursor:wait}html body .vl-page .vl-card.vg-card{--app-library-card-hover-line:var(--app-line);--app-library-card-hover-ring:0 0 0 0 transparent}html body .vl-page .vl-card:after{content:"";z-index:-1;background:var(--app-library-card-overlay);pointer-events:none;position:absolute;inset:20% 0 0}html body .vl-page .vl-card-cover{z-index:-2;border-radius:inherit;background:var(--library-cover-background,var(--app-panel));width:100%;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}html body .vl-page .vl-card-cover :is(img,video){object-fit:cover;width:100%;height:100%;display:block}html body .vl-page .vl-card-cover>svg{filter:drop-shadow(0 18px 22px #0007);width:94%;height:55%;position:absolute;inset:5% 3% auto;transform:scale(1.08)}html body .vl-page .vl-card-cover.vg-media>svg{width:48px;height:48px;inset:calc(50% - 24px) auto auto calc(50% - 24px);transform:none}html body .vl-page .vl-card-cover .vl-card-placeholder{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--app-accent) 12%,transparent),transparent 57%),var(--app-surface-gradient);color:var(--app-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px 18px 108px;display:flex;position:absolute;inset:0}html body .vl-page .vl-card-cover .vl-card-placeholder svg{opacity:.65;width:42px;height:42px;filter:drop-shadow(0 10px 18px var(--app-shadow));flex:none}html body .vl-page .vl-card-cover .vl-card-placeholder span{max-width:160px;font-size:10px;line-height:1.7}html body .vl-page .vl-card-body{box-sizing:border-box;min-width:0;min-height:0;color:var(--foreground);gap:5px;padding:11px 12px;display:grid;position:absolute;bottom:60px;left:0;right:0}html body .vl-page .vl-card-body b{overflow-wrap:anywhere;text-shadow:0 2px 12px var(--app-media-shade);font-size:11px;line-height:1.5}html body .vl-page .vl-card-body small{white-space:normal;-webkit-line-clamp:2;color:var(--app-muted);-webkit-box-orient:vertical;font-size:9px;line-height:1.7;display:-webkit-box;overflow:hidden}html body .vl-page .vl-card-body span{color:var(--app-muted);font-size:9px}html body .vl-page .vl-card:not(:has(.vl-card-actions)) .vl-card-body{bottom:0}html body .vl-page .vl-card-actions{justify-content:space-between;align-items:center;gap:7px;padding:0 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}html body .vl-page .vl-card-transfer{gap:6px;padding:0 10px 10px;display:flex;position:absolute;bottom:40px;left:0;right:0}html body .vl-page .vl-card:has(.vl-card-transfer) .vl-card-body{bottom:82px}@media (max-width:760px){html body .vl-page .vl-grid{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}html body .vl-page .vl-card{min-height:290px}}@media (prefers-reduced-motion:reduce){html body .vl-page .vl-card{transition:none}html body .vl-page .vl-card:hover{transform:none}}html body .vl-page .vl-toolbar{border:1px solid var(--app-line);background:var(--app-panel);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:9px 12px;display:flex}.vl-toolbar .ve-library-control{flex:0 175px}.vl-toolbar .ve-library-control:has(.ve-library-field){flex:240px}.vl-toolbar>.ve-library-count{margin-inline-start:auto}@media (max-width:620px){html body .vl-page .vl-toolbar>*{flex:100%;width:100%;min-width:0}.vl-toolbar .ve-library-count{margin:0}}@property --vg-card-angle{syntax:"<angle>";inherits:false;initial-value:0deg}html body .vl-page .vg-card:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--vg-card-angle),#f28 0deg,transparent 54deg,transparent 126deg,#2268ff 180deg,transparent 234deg,transparent 306deg,#f28 360deg) border-box;-webkit-mask-composite:xor;opacity:0;pointer-events:none;border:2px solid #0000;transition:opacity .18s;animation:5s linear infinite paused vg-card-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html body .vl-page .vg-card:is(:hover,:focus-visible,:focus-within):before{opacity:1;animation-play-state:running}@keyframes vg-card-spin{to{--vg-card-angle:360deg}}@media (prefers-reduced-motion:reduce){html body .vl-page .vg-card:before{animation:none}}