.mag{--card:var(--surface);--fill-slab:var(--surface);--font-ui:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--ink:var(--foreground);--ink-rgb:28 74 42;--pane-edge:transparent;box-sizing:border-box;font-family:var(--font-ui);isolation:isolate;position:relative}.mag-chip{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.mag-skin{color:var(--ink);background:var(--fill-slab,var(--card));box-shadow:var(--elev-2);transform:translate(var(--lx,0px), var(--ly,0px));border-radius:50%;justify-content:center;align-items:center;transition:transform .26s cubic-bezier(.22,.9,.28,1),background-color .24s,color .24s,box-shadow .24s;display:flex;position:absolute;inset:0;overflow:hidden}.mag-chip:hover .mag-skin{background:rgba(var(--ink-rgb), .11)}.mag-chip:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:999px}.mag-chip[data-on] .mag-skin{color:var(--card);background:var(--ink);box-shadow:var(--elev-3)}.mag-chip[data-on]:hover .mag-skin{color:var(--card);background:var(--ink)}[data-stroke=on] .mag-skin{box-shadow:inset 0 0 0 1px var(--pane-edge)}.mag-mark{object-fit:contain;opacity:.46;filter:saturate(.68);width:84%;height:84%;transition:opacity .24s,filter .24s;display:block}.mag-chip[data-on] .mag-mark{opacity:1;filter:saturate(1.05)}.mag-core{z-index:10;background:var(--fill-slab);width:72px;height:72px;box-shadow:var(--elev-3);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mag-core .nina-flutuar{animation:none}.mag-caption{width:max-content;max-width:220px;color:var(--ink);text-align:center;font-size:16px;font-weight:600;position:absolute;top:calc(100% - 28px);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.mag-skin,.mag-mark{transition-duration:1ms}}