.view-toggle[data-v-00487aa8]{--pad:4px;position:relative;display:inline-flex;gap:0;padding:var(--pad);border-radius:8px;background:#64748b0f;border:1px solid transparent}.view-toggle__indicator[data-v-00487aa8]{position:absolute;top:var(--pad);bottom:var(--pad);width:calc((100% - var(--pad)*2)/var(--count));left:calc(var(--pad) + var(--idx)*(100% - var(--pad)*2)/var(--count));border-radius:6px;background:#ffffffe6;box-shadow:0 2px 12px #1f26870f,0 0 0 1px #0000000a;transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.view-toggle__btn[data-v-00487aa8]{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;background:transparent;font-weight:500;color:#64748b;cursor:pointer;transition:color .15s ease;white-space:nowrap}.view-toggle__btn[data-v-00487aa8]:hover{color:#1e293b}.view-toggle__btn--active[data-v-00487aa8]{color:#1e293b;font-weight:600}.view-toggle__icon[data-v-00487aa8]{flex-shrink:0;display:inline-flex;align-items:center}.view-toggle__label[data-v-00487aa8]{line-height:1}.view-toggle--md .view-toggle__btn[data-v-00487aa8]{padding:6px 14px;font-size:13px}.view-toggle--md .view-toggle__btn svg[data-v-00487aa8]{width:16px;height:16px}.view-toggle--sm[data-v-00487aa8]{--pad:3px}.view-toggle--sm .view-toggle__indicator[data-v-00487aa8]{border-radius:5px}.view-toggle--sm .view-toggle__btn[data-v-00487aa8]{padding:5px 10px;font-size:12px}.view-toggle--sm .view-toggle__btn svg[data-v-00487aa8]{width:14px;height:14px}