.og-live-mascot{flex:none;line-height:0;display:inline-block;position:relative}.og-live-mascot__still,.og-live-mascot__canvas{width:100%;height:100%;position:absolute;inset:0}.og-live-mascot__canvas{image-rendering:pixelated;opacity:0}.og-live-mascot[data-live] .og-live-mascot__canvas{opacity:1}.og-live-mascot[data-live] .og-live-mascot__still{visibility:hidden}.og-avb{gap:var(--sp16);min-width:0;display:grid}.og-avb__tabs{justify-self:start}.og-avb__panel:focus-visible{outline:none}.og-avb__panel[data-state=active]{animation:og-avb-in var(--mMenu) var(--ease) both}@keyframes og-avb-in{0%{opacity:0}to{opacity:1}}.og-avb__options{gap:var(--sp8);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.og-avb__options[data-kind=swatch]{gap:var(--sp8) 6px;grid-template-columns:repeat(auto-fill,36px);justify-items:center}.og-avb__option{border:var(--embRim);background:var(--embFace);box-shadow:var(--emb);color:var(--tx);cursor:pointer;outline-offset:2px;transition:background-color var(--mFast) var(--ease), outline-color var(--mFast) var(--ease), box-shadow var(--mFast) var(--ease), transform var(--mFast) var(--ease);-webkit-tap-highlight-color:transparent;outline:2px solid #0000;place-items:center;padding:0;display:inline-grid;position:relative}.og-avb__option[data-kind=tile]{aspect-ratio:1;border-radius:var(--rBtnMd);width:100%;max-width:64px}.og-avb__option[data-kind=swatch]{border-radius:var(--rPill);width:32px;height:32px}.og-avb__option[data-chosen]{outline-color:var(--tx)}.og-avb__option:focus-visible{outline-color:var(--tx);box-shadow:var(--emb), var(--focusRing)}.og-avb__option:active{box-shadow:none;transform:scale(.96)}@media (hover:hover) and (pointer:fine){.og-avb__option:hover{background-color:var(--embFaceHover)}}@media (pointer:coarse){.og-avb__option[data-kind=swatch]:after{content:"";position:absolute;inset:-6px}}.og-avb__swatch{border-radius:var(--rPill);width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000001f,inset 0 2px #ffffff47}.og-avb__swatch[data-color=mono]{background:linear-gradient(135deg,#1e1e1e 0 50%,#eeede9 50% 100%)}@media (prefers-reduced-motion:reduce){.og-avb__option{transition:background-color var(--mFast) var(--ease), outline-color var(--mFast) var(--ease)}.og-avb__option:active{transform:none}.og-avb__panel[data-state=active]{animation:none}}.og-avcard{gap:var(--sp24);grid-template-columns:160px minmax(0,1fr);align-items:start;display:grid}.og-avcard__preview{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--rMedia);background:var(--s2);place-items:center;display:grid}.og-avcard__actions{gap:var(--sp8);margin-top:var(--sp24);display:flex}@media (max-width:560px){.og-avcard{grid-template-columns:minmax(0,1fr)}.og-avcard__preview{aspect-ratio:auto;padding:var(--sp16) 0}}