.wg-card{cursor:pointer;color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex;position:relative}.wg-card__cover-link{z-index:1;position:absolute;inset:0}.wg-card__image-wrap{aspect-ratio:var(--wg-ratio,16 / 10);background:var(--muted);border-radius:12px;position:relative;overflow:hidden}.wg-card__image-wrap:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 12%, transparent);pointer-events:none;position:absolute;inset:0}.wg-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-smooth,cubic-bezier(.16, 1, .3, 1))}.wg-card:hover .wg-card__img{transform:scale(1.04)}.wg-card__overlay{opacity:0;transition:opacity .32s var(--ease-smooth,cubic-bezier(.16, 1, .3, 1));background:#0000006b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wg-card:hover .wg-card__overlay{opacity:1}.wg-card__hint{border-radius:var(--uk-global-border-radius);background:var(--primary);color:var(--primary-foreground,#fff);pointer-events:none;align-items:center;padding:12px 26px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -10px #00000073}.wg-card__meta{justify-content:space-between;align-items:flex-start;gap:8px;padding:0 2px;display:flex}.wg-card__title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.wg-card__details{z-index:2;color:var(--primary);flex:none;align-self:center;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.wg-card__details svg{flex:none;transition:translate .2s}[dir=ltr] .wg-card__details svg{scale:-1 1}@media (hover:hover){.wg-card__details:hover{text-underline-offset:4px;text-decoration:underline}.wg-card__details:hover svg{translate:-3px}[dir=ltr] .wg-card__details:hover svg{translate:3px}}.wg-card__category{color:var(--foreground);margin:2px 0 0;font-size:.875rem;font-weight:400}@media (max-width:767px){.wg-grid.grid{row-gap:32px}.wg-fancybox .fancybox__slide{padding-left:10px;padding-right:10px}}.wg-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.wg-toolbar__label{color:var(--foreground);font-size:.875rem;font-weight:600}.wg-view{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:10px;gap:2px;margin-inline-start:auto;padding:3px;display:inline-flex;position:relative}.wg-view button{width:36px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:color .25s;display:inline-flex;position:relative}.wg-view button[aria-pressed=true]{color:var(--foreground)}.wg-view:before{content:"";background:var(--background);border-radius:8px;width:36px;height:32px;transition:inset-inline-start .35s cubic-bezier(.65,0,.35,1);position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 3px #0000001f}.wg-view[data-view=list]:before{inset-inline-start:41px}.wg-grid.grid[data-view=list]{grid-template-columns:minmax(0,1fr);row-gap:0}.wg-grid[data-view=list] .wg-card{border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:20px;padding-block:14px}.wg-grid[data-view=list] .wg-card:first-child{padding-top:0}.wg-grid[data-view=list] .wg-card__image-wrap{border-radius:8px;flex:none;width:200px}.wg-grid[data-view=list] .wg-card__meta{flex:1;align-items:center;min-width:0}.wg-grid[data-view=list] .wg-card__overlay{display:none}@media (max-width:767px){.wg-grid.grid[data-view=list]{row-gap:0}.wg-grid[data-view=list] .wg-card{gap:14px;padding-block:10px}.wg-grid[data-view=list] .wg-card__image-wrap{width:112px}}.wg-card__extra{margin-top:8px}.wg-card__extra>*{z-index:2;position:relative}.wg-dev-grade{gap:4px;display:flex}.wg-card__extra>.wg-dev-open{z-index:3;top:14px;color:#fff;filter:drop-shadow(0 1px 6px #00000073);opacity:0;place-items:center;width:44px;height:44px;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset-inline-start:14px}.wg-card__extra>.wg-dev-open:hover{transform:translate(2px,-2px)}.wg-card:hover .wg-dev-open,.wg-dev-open:focus-visible{opacity:1}.wg-dev-grade button{border:1px solid var(--border);background:var(--background);width:26px;height:26px;color:var(--foreground);cursor:pointer;border-radius:6px;font-size:.75rem;font-weight:600}.wg-dev-grade button:hover{border-color:var(--primary)}.wg-card__extra>.wg-dev-note{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);width:100%;color:var(--foreground);font:inherit;margin-top:8px;padding:8px 10px;font-size:.875rem;display:block}.wg-card__extra>.wg-dev-note:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.wg-dev-grade button.is-on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.wg-card__extra>.wg-dev-metrics{border-collapse:collapse;width:100%;margin-top:8px;font-size:.8125rem}.wg-dev-metrics th{white-space:nowrap;text-align:start;vertical-align:top;width:1%;padding:4px 0 4px 10px;font-weight:600}.wg-dev-metrics td{color:var(--muted-foreground);padding:4px 0}.wg-dev-metrics td strong{color:var(--foreground)}