.circle-ring[data-v-87c579b5]{width:var(--ring-size);height:var(--ring-size);margin:0 auto;position:relative}.circle-grid[data-v-87c579b5]{flex-wrap:wrap;gap:10px;display:flex}.circle-btn[data-v-87c579b5]{min-width:var(--circle-size);min-height:var(--circle-size);max-width:var(--circle-size);max-height:var(--circle-size);color:#ffffffe6;text-align:center;background:#232323;border:1px solid #ffffff3d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;transition:transform .2s,filter .2s;display:inline-flex}.circle-ring .circle-btn[data-v-87c579b5]{position:absolute;transform:translate(-50%,-50%)}.circle-btn[data-v-87c579b5]:hover{border-color:#44eabb8c;transform:scale(1.04)}.circle-btn[data-v-87c579b5]:active{transform:scale(.9)}.circle-ring .circle-btn[data-v-87c579b5]:hover{transform:translate(-50%,-50%)scale(1.04)}.circle-ring .circle-btn[data-v-87c579b5]:active{transform:translate(-50%,-50%)scale(.9)}.circle-btn--positive[data-v-87c579b5],.circle-btn--root[data-v-87c579b5]{color:var(--positive);background:#44eabb29;border-color:#44eabb73}.circle-btn--warning[data-v-87c579b5]{background:#ffb94029;border-color:#ffb94073}.circle-btn--info[data-v-87c579b5]{background:#78aaff24;border-color:#78aaff73}.circle-btn--active[data-v-87c579b5]{filter:brightness(1.16);background:#44eabb47;border-color:#44eabbe0;transform:scale(.9);box-shadow:0 0 0 2px #44eabb40}.circle-ring .circle-btn--active[data-v-87c579b5]{transform:translate(-50%,-50%)scale(.9)}.circle-line[data-v-87c579b5]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:600;line-height:1.05;overflow:hidden}.circle-line--small[data-v-87c579b5]{opacity:.86;font-size:.66rem}.circle-center[data-v-87c579b5]{min-width:calc(var(--circle-size) + 10px);min-height:calc(var(--circle-size) + 10px);max-width:calc(var(--circle-size) + 10px);max-height:calc(var(--circle-size) + 10px);color:var(--positive);background:#44eabb29;border:2px solid #44eabb73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-center[data-v-87c579b5]:hover{filter:brightness(1.08);transform:translate(-50%,-50%)scale(1.05)}.circle-center--active[data-v-87c579b5],.circle-center[data-v-87c579b5]:active{transform:translate(-50%,-50%)scale(.9)}.circle-center--active[data-v-87c579b5]{color:#ffd1d1;background:#ff787833;border-color:#ff919199}@media (width<=600px){.circle-grid[data-v-87c579b5]{gap:8px}}