.sgrid[data-v-c82de2ca]{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(var(--tile-min,88px),1fr));padding:var(--space-md);width:100%}.tile[data-v-c82de2ca],.tile-wrap[data-v-c82de2ca]{position:relative}.tile[data-v-c82de2ca]{aspect-ratio:1;background:var(--surface-container-highest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);color:inherit;cursor:pointer;display:grid;overflow:hidden;padding:0;place-items:center;width:100%}.tile-circle[data-v-c82de2ca]{border-radius:50%}.tile[data-v-c82de2ca]:hover{border-color:var(--outline)}.tile[data-v-c82de2ca]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tile-selected[data-v-c82de2ca]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.tile-badge[data-v-c82de2ca]{display:flex;pointer-events:none;position:absolute;right:4px;top:4px;z-index:1}.tile-img[data-v-c82de2ca]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tile-fallback[data-v-c82de2ca]{color:var(--on-surface-variant);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile-add[data-v-c82de2ca]{background:none;border-style:dashed}.tile-add-icon[data-v-c82de2ca]{color:var(--on-surface-variant);font-size:28px;line-height:1}.tile-add:hover .tile-add-icon[data-v-c82de2ca]{color:var(--on-surface)}@keyframes sgrid-wiggle-c82de2ca{0%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}to{transform:rotate(-1.6deg)}}.tile-wiggle[data-v-c82de2ca]{animation:sgrid-wiggle-c82de2ca .3s ease-in-out infinite}.tile-wiggle[data-v-c82de2ca]:nth-child(2n){animation-delay:-.1s;animation-duration:.34s}.tile-wiggle[data-v-c82de2ca]:nth-child(3n){animation-delay:-.2s}@media(prefers-reduced-motion:reduce){.tile-wiggle[data-v-c82de2ca]{animation:none}}.tile-remove[data-v-c82de2ca]{background:var(--error);border:none;border-radius:50%;box-shadow:0 1px 4px var(--shadow-color);color:#fff;cursor:pointer;display:grid;font-size:15px;height:22px;line-height:1;place-items:center;position:absolute;right:-6px;top:-6px;width:22px;z-index:2}.tile-remove[data-v-c82de2ca]:hover{filter:brightness(1.1)}.tile-name[data-v-c82de2ca]{color:var(--on-surface-variant);display:block;margin-top:var(--space-xs);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sgrid-popper[data-v-c82de2ca]{box-shadow:0 12px 32px var(--shadow-color);overflow:hidden;padding:0;pointer-events:auto;position:fixed;z-index:60}